*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;overflow:hidden;height:100vh}#app{display:flex;height:100vh}#sidebar{width:280px;min-width:280px;background:#16213e;padding:20px;overflow-y:auto;border-right:1px solid #0f3460}#sidebar h1{font-size:1.2rem;margin-bottom:20px;color:#e94560}#viewer{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#0a0a1a}#stereogram-canvas{max-width:100%;max-height:100%}.control-group{margin-bottom:16px}.control-group label{display:block;font-size:.85rem;margin-bottom:6px;color:#a0a0c0}.control-group select,.control-group input[type=range]{width:100%}select{background:#0f3460;color:#e0e0e0;border:1px solid #1a4080;padding:8px;border-radius:4px;font-size:.9rem}input[type=range]{accent-color:#e94560}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#e94560}.value-display{font-size:.75rem;color:#808090;float:right}#pattern-preview{width:100%;height:60px;border:1px solid #1a4080;border-radius:4px;margin-top:6px;image-rendering:pixelated}.upload-btn{display:block;width:100%;padding:8px;margin-top:8px;background:#0f3460;color:#e0e0e0;border:1px dashed #1a4080;border-radius:4px;cursor:pointer;font-size:.85rem;text-align:center}.upload-btn:hover{background:#1a4080}#loading-overlay{position:absolute;inset:0;background:#0a0a1acc;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#e94560;z-index:10}