:root{--bg-canvas: #0a0a0a;--bg-panel: #161618;--bg-elevated: #1e1e20;--text-active: #F7F7F5;--text-muted: #8A8A8A;--text-inverse: #0a0a0a;--border-subtle: rgba(255, 255, 255, .06);--shadow-float: 0 8px 32px rgba(0, 0, 0, .4), 0 1px 4px rgba(0, 0, 0, .2);--radius-pill: 40px;--radius-panel: 16px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1)}body{margin:0;overflow:hidden;background-color:var(--bg-canvas);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-active);user-select:none;-webkit-user-select:none}.app-container{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-canvas)}.main-workspace{display:flex;flex:1;overflow:hidden;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;flex-shrink:0;z-index:40;position:fixed}.topbar__section{display:flex;align-items:center;gap:12px;flex:1}.topbar__section--center{justify-content:center}.topbar__section--right{justify-content:flex-end;gap:16px}.topbar__brand{font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--text-active)}.topbar__badge-pro{background-color:var(--text-active);color:var(--text-inverse);font-size:9px;font-weight:800;padding:2px 6px;border-radius:12px;letter-spacing:1px}.topbar__icon-btn{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.topbar__icon-btn:hover{background-color:var(--bg-elevated);color:var(--text-active)}.compute-gauge{display:flex;align-items:center;gap:8px;background-color:var(--bg-panel);padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);box-shadow:inset 0 2px 4px #0003}.gauge-label{font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:1px}.gauge-leds{display:flex;gap:3px}.led{width:8px;height:12px;border-radius:2px;background-color:var(--border-subtle);transition:all .3s ease}.led.on{background-color:var(--text-active);box-shadow:0 0 6px #fff6}.gauge-value{font-size:11px;font-weight:700;color:var(--text-active);font-family:ui-monospace,monospace}.topbar__module{display:flex;align-items:center;gap:6px}.module-label{font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;margin-right:4px}.v-divider{width:1px;height:16px;background-color:var(--border-subtle)}.v-divider-subtle{width:1px;height:20px;background-color:var(--border-subtle)}.h-divider-subtle{width:24px;height:1px;background-color:var(--border-subtle);margin:4px 0}.btn-primary{background-color:var(--text-active);color:var(--text-inverse);border:none;border-radius:var(--radius-pill);padding:8px 20px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ffffff1a;transition:all var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ffffff26}.tool-palette-left{position:absolute;left:24px;top:50%;transform:translateY(-50%);background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow-float);z-index:100}.tool-btn-float{background:transparent;border:none;color:var(--text-muted);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.tool-btn-float:hover{color:var(--text-active);background-color:var(--bg-elevated)}.tool-btn-float.active{color:var(--text-inverse);background-color:var(--text-active);box-shadow:0 2px 8px #ffffff26}.brush-options-bottom{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:6px 16px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-float);z-index:100}.brush-textures-group{display:flex;align-items:center;gap:4px}.brush-tex-btn{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.brush-tex-btn:hover{color:var(--text-active);background-color:var(--bg-elevated)}.brush-tex-btn.active{color:var(--text-inverse);background-color:var(--text-active)}.undo-redo-floater{position:absolute;left:24px;bottom:24px;background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px;display:flex;align-items:center;gap:4px;box-shadow:var(--shadow-float);z-index:100}.status-pill-bottom{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background-color:var(--bg-panel);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;border-radius:var(--radius-pill);padding:8px 24px;box-shadow:var(--shadow-float);z-index:100;white-space:nowrap;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.right-panels-wrapper{position:absolute;right:24px;top:24px;bottom:24px;width:320px;display:flex;flex-direction:column;gap:16px;overflow:hidden;pointer-events:none;z-index:50;height:calc(100vh - 48px)}.floating-panel{background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:16px 12px;pointer-events:auto;box-shadow:var(--shadow-float);display:flex;flex-direction:column;overflow:hidden;flex:1}.floating-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;width:100%}.title-group{display:flex;align-items:center;gap:8px}.header-actions{display:flex;align-items:center}.floating-panel__title{font-size:13px;font-weight:500;color:var(--text-active)}.floating-panel__count{font-size:10px;font-weight:600;color:var(--text-muted);background-color:var(--bg-canvas);padding:2px 6px;border-radius:10px}.btn-header-plus{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-active);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 4px #0003}.btn-header-plus:hover{background-color:var(--text-active);color:var(--text-inverse);transform:scale(1.05)}.btn-header-plus.active{background-color:var(--text-active);color:var(--text-inverse)}.floating-panel__content{overflow-y:auto;padding-right:8px;flex:1}.floating-panel__content::-webkit-scrollbar,.dropdown-menu-glass::-webkit-scrollbar{width:4px}.floating-panel__content::-webkit-scrollbar-thumb,.dropdown-menu-glass::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.floating-panel__content::-webkit-scrollbar-thumb:hover,.dropdown-menu-glass::-webkit-scrollbar-thumb:hover{background:#fff3}.layer-tabs{display:flex;background-color:var(--bg-canvas);border-radius:8px;padding:4px;margin-bottom:12px;box-shadow:inset 0 1px 3px #0006;flex-shrink:0}.layer-tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 0;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.layer-tab-btn:hover{color:var(--text-active)}.layer-tab-btn.active{background-color:var(--bg-elevated);color:var(--text-active);box-shadow:0 1px 4px #0000004d,0 0 0 1px var(--border-subtle)}.layer-card{background-color:transparent;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all var(--transition-fast)}.layer-card:hover{background-color:var(--bg-canvas)}.layer-card.active{background-color:var(--bg-canvas);border-color:#ffffff1a}.layer-card__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;position:relative}.layer-card__title{display:flex;align-items:center;gap:12px}.active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background-color:var(--text-active);border-radius:0 2px 2px 0;opacity:0;transition:opacity var(--transition-fast)}.layer-card.active .active-indicator{opacity:1}.layer-thumb{width:28px;height:28px;background-color:var(--bg-panel);border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--text-muted)}.layer-name{font-size:11px;font-weight:700;color:var(--text-active)}.layer-card__controls{display:flex;align-items:center;gap:4px}.icon-btn-subtle{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);background-color:#191919;border:1px solid rgb(42 42 42);border-radius:100%;height:32px;width:32px}.icon-btn-subtle:hover{color:var(--text-active);background-color:#ffffff0d}.icon-btn-subtle.delete:hover{color:#ef4444;background-color:#ef44441a}.empty-layer-placeholder{display:flex;align-items:center;justify-content:center;padding:20px 16px;margin-bottom:8px;border:1px dashed var(--border-subtle);border-radius:8px;color:var(--text-muted);background:#ffffff03;font-size:11px;font-weight:500;text-align:center}.btn-elevated{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-active);padding:8px 12px;font-size:11px;font-weight:600;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.btn-elevated:hover{background-color:var(--bg-elevated)}.full-width{width:100%;box-sizing:border-box}.mb-md{margin-bottom:16px}.mb-sm{margin-bottom:8px}.mt-sm{margin-top:8px}.tactile-param-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.tactile-param-group:last-child{margin-bottom:0}.tactile-param-group.inline{flex-direction:row;justify-content:space-between;align-items:center;padding:4px 0}.tactile-param-group label,.tactile-param-group.inline label,.tactile-param-group.select-group label,.floating-panel__content label,.param-header label{font-size:11px;font-weight:400;color:#878e9b;text-transform:none;letter-spacing:0;margin:0}.param-header{display:flex;justify-content:space-between;align-items:center;width:100%}.param-input-wrapper{display:flex;align-items:center;background:transparent;border-radius:4px;transition:background var(--transition-fast)}.param-input-wrapper:focus-within,.param-input-wrapper:hover{background:#ffffff14}.param-value-input{background:transparent;border:none;color:var(--text-active);font-size:12px;font-weight:800;font-family:ui-monospace,monospace;width:36px;text-align:right;outline:none;padding:2px 0}.param-suffix{color:var(--text-active);font-size:12px;font-weight:800;font-family:ui-monospace,monospace;padding-right:4px}input[type=range].tactile-slider{-webkit-appearance:none;width:100%;height:4px;background:#2a2a2a;border-radius:2px;outline:none;margin-top:4px}input[type=range].tactile-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-active);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0009;transition:transform .1s}input[type=range].tactile-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.brush-sliders-vertical input[type=range].tactile-slider{width:100px;margin-top:0}.tactile-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.tactile-checkbox:checked{background-color:var(--text-active)}.tactile-checkbox:checked:after{content:"✔";font-size:10px;color:var(--text-inverse)}.tactile-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:none;background:none;padding:0;cursor:pointer;border-radius:50%;overflow:hidden}.tactile-color-picker::-webkit-color-swatch-wrapper{padding:0}.tactile-color-picker::-webkit-color-swatch{border:1px solid var(--border-subtle);border-radius:50%}.tactile-select{background-color:var(--bg-panel);border:1px solid var(--border-subtle);color:var(--text-active);font-size:11px;font-weight:500;padding:6px 28px 6px 8px;border-radius:6px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238A8A8A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px center}.tactile-param-group.select-group .tactile-select{margin-top:8px}.layer-param-img{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.layer-preview-img{width:100%;height:50px;object-fit:cover;border-radius:4px;border:1px solid var(--border-subtle)}.image-picker-inline{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;animation:panelSlideIn .2s cubic-bezier(.22,1,.36,1) forwards}.picker-tabs{display:flex;background-color:var(--bg-panel);border-bottom:1px solid var(--border-subtle)}.picker-tab{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:9px;font-weight:700;padding:8px 0;cursor:pointer;transition:all var(--transition-fast)}.picker-tab.active{background-color:var(--bg-elevated);color:var(--text-active)}.picker-content{padding:12px}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-item{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid var(--border-subtle);opacity:.6;transition:all var(--transition-fast)}.preset-item:hover{opacity:.9}.preset-item.active{opacity:1;border-color:var(--text-active)}.preset-item img{width:100%;height:100%;object-fit:cover}.upload-label{display:block;width:100%;text-align:center;background-color:var(--bg-panel);border:1px dashed var(--text-muted);color:var(--text-muted);padding:12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;box-sizing:border-box;transition:all var(--transition-fast)}.upload-label:hover{color:var(--text-active);border-color:var(--text-active);background-color:var(--bg-elevated)}.url-container{display:flex;gap:8px}.custom-dropdown-container{position:relative;width:100%;margin-bottom:12px}.custom-dropdown-container .btn-elevated{justify-content:space-between}.dropdown-menu-glass{position:absolute;top:100%;left:0;width:100%;background:#161618f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;z-index:1000;margin-top:6px;box-shadow:var(--shadow-float);max-height:40vh;overflow-y:auto}.dropdown-menu-glass.right-aligned{left:auto;right:0;width:220px}.dropdown-category-title{font-size:9px;color:var(--text-muted);font-weight:700;margin-bottom:6px;text-transform:uppercase}.visual-effect-card{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;cursor:pointer;transition:background var(--transition-fast)}.visual-effect-card:hover{background:var(--bg-elevated)}.visual-effect-label{font-size:11px;color:var(--text-active)}.panel-view-main{display:flex;flex-direction:column;height:100%;animation:slideInLeft .25s cubic-bezier(.22,1,.36,1) forwards}.panel-view-drill{display:flex;flex-direction:column;height:100%;animation:slideInRight .25s cubic-bezier(.22,1,.36,1) forwards}.tab-fade-in{animation:tabFadeIn .2s cubic-bezier(.22,1,.36,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:tabFadeIn .2s ease-out}.ai-modal-card{background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:32px;width:360px;box-shadow:var(--shadow-float);text-align:center}.ai-modal-icon{font-size:32px;margin-bottom:16px}.ai-modal-card h3{margin:0 0 12px;font-size:16px;color:var(--text-active)}.ai-modal-card p{margin:0 0 16px;font-size:13px;color:var(--text-muted);line-height:1.5}.ai-modal-card p.ai-modal-sub{font-size:11px;color:#555}.ai-modal-actions{display:flex;justify-content:center;gap:16px;margin-top:24px}.tactile-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background-color:#2a2a2a;border-radius:10px;position:relative;cursor:pointer;outline:none;transition:background-color .2s;margin:0}.tactile-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#888;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s}.tactile-toggle:checked{background-color:#444}.tactile-toggle:checked:after{transform:translate(16px);background-color:#fff}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}:root{--bg-color: #000;--card-bg: #1a1d24;--text-main: #f3f4f6;--text-muted: #9ca3af;--primary: #ffffff;--primary-hover: #e5e5e5;--primary-text: #0f1115;--border: #2d3748;--error: #ef4444;--success: #10b981}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.auth-wrapper{width:100%;max-width:400px;padding:2rem}.auth-card{background:var(--card-bg);padding:2.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 10px 25px #00000080;text-align:center;animation:fadeIn .4s ease-out}.auth-card h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1rem}.input-field{width:100%;padding:.75rem 1rem;background:var(--bg-color);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:1rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ffffff1a}.btn-primary{background:var(--primary);color:var(--primary-text);border:none;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-text{color:var(--error);font-size:.875rem;margin-top:.5rem}.success-box{background:#10b9811a;border:1px solid var(--success);border-radius:8px;padding:1.5rem;color:var(--success)}.magic-link-dev{display:inline-block;margin-top:1rem;color:var(--text-main);word-break:break-all;text-decoration:underline}.magic-link-dev:hover{color:var(--primary-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}