.vintage-crossfader{position:absolute;left:50%;transform:translate(calc(-50% - 12px));bottom:-4px;width:520px;height:48px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:12px;z-index:100;background:var(--bg-primary);border-radius:6px;padding:8px 12px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff0d;border:1px solid var(--border-primary);transition:width .3s ease-out,transform .3s ease-out;overflow:visible}.vintage-crossfader--collapsed{width:90px;justify-content:center}.vintage-crossfader--inline{position:static;left:auto;transform:none;bottom:auto;width:100%;max-width:none}.vintage-crossfader__toggle-container{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.vintage-crossfader__toggle-container--warp{margin-right:16px}.vintage-crossfader__toggle{width:36px;height:18px;background:linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%);border-radius:9px;border:1px solid var(--border);position:relative;cursor:pointer;pointer-events:auto;flex-shrink:0;box-shadow:var(--elevation-1);transition:background .2s}.vintage-crossfader__toggle:hover{background:linear-gradient(180deg,var(--panel-secondary) 0%,var(--panel) 100%)}.vintage-crossfader__toggle-slider{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--panel-tertiary);border-radius:50%;border:1px solid var(--border);box-shadow:var(--elevation-1);transition:left .2s ease-out}.vintage-crossfader__toggle--on{background:linear-gradient(180deg,var(--accent-hover) 0%,var(--accent) 100%)}.vintage-crossfader__toggle--on:hover{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 100%)}.vintage-crossfader__toggle--on .vintage-crossfader__toggle-slider{left:20px;background:var(--accent);box-shadow:0 1px 3px var(--focus),var(--elevation-2)}.vintage-crossfader__toggle-labels{display:flex;justify-content:space-between;width:100%;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;pointer-events:none}.vintage-crossfader__toggle-labels span{color:var(--text-quaternary);text-shadow:var(--shadow-xs);transition:color .15s}.vintage-crossfader__toggle-labels span.active{color:var(--accent);text-shadow:0 0 2px var(--focus)}.vintage-crossfader__label{background:transparent;padding:4px 8px;border-radius:2px;font-size:14px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;z-index:10;text-shadow:var(--shadow-xs);font-family:Courier New,monospace}.vintage-crossfader__track{flex:1;height:6px;position:relative;background:linear-gradient(180deg,var(--bg) 0%,var(--panel) 50%,var(--bg) 100%);border-radius:3px;border:1px solid var(--border);box-shadow:var(--elevation-1);overflow:visible;pointer-events:auto;cursor:ew-resize;padding:12px 0;margin:-12px 0}.vintage-crossfader__track:before{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:6px;background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.3) calc(50% - 1px),rgba(255,255,255,.3) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.18) calc(25% - .5px),rgba(255,255,255,.18) calc(25% + .5px),transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),rgba(255,255,255,.18) calc(75% - .5px),rgba(255,255,255,.18) calc(75% + .5px),transparent calc(75% + .5px)),linear-gradient(90deg,transparent calc(12.5% - .5px),rgba(255,255,255,.1) calc(12.5% - .5px),rgba(255,255,255,.1) calc(12.5% + .5px),transparent calc(12.5% + .5px)),linear-gradient(90deg,transparent calc(37.5% - .5px),rgba(255,255,255,.1) calc(37.5% - .5px),rgba(255,255,255,.1) calc(37.5% + .5px),transparent calc(37.5% + .5px)),linear-gradient(90deg,transparent calc(62.5% - .5px),rgba(255,255,255,.1) calc(62.5% - .5px),rgba(255,255,255,.1) calc(62.5% + .5px),transparent calc(62.5% + .5px)),linear-gradient(90deg,transparent calc(87.5% - .5px),rgba(255,255,255,.1) calc(87.5% - .5px),rgba(255,255,255,.1) calc(87.5% + .5px),transparent calc(87.5% + .5px));pointer-events:none}.vintage-crossfader__handle{position:absolute;top:50%;left:50%;width:3px;height:48px;background:transparent;transform:translate(-50%,-50%);cursor:ew-resize;z-index:20;pointer-events:none}.vintage-crossfader__handle:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:36px;background:linear-gradient(90deg,#4a4a4a,#5a5a5a,#4a4a4a,#5a5a5a,#4a4a4a,#5a5a5a);border-radius:3px;transform:translate(-50%,-50%);box-shadow:0 2px 6px #000c,inset 0 1px #fff3,inset 0 -1px #00000080,0 0 0 1px #2a2a2a;border:1px solid #3a3a3a}.vintage-crossfader__handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:24px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 3px,transparent 3px,transparent 5px);pointer-events:none;border-radius:2px}.vintage-crossfader__knob-container{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px;flex-shrink:0}.vintage-crossfader__knob{width:28px;height:28px;border-radius:50%;background:var(--panel-tertiary);border:1px solid var(--border);box-shadow:var(--elevation-2);cursor:pointer;position:relative;transition:transform .1s;pointer-events:auto}.vintage-crossfader__knob:hover{transform:scale(1.05)}.vintage-crossfader__knob:active{transform:scale(.98)}.vintage-crossfader__knob-inner{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--panel-secondary);overflow:visible}.vintage-crossfader__knob-indicator{position:absolute;top:2px;left:50%;width:3px;height:8px;background:var(--accent);border-radius:1.5px;transform-origin:50% 9px;transition:transform .2s ease-out;box-shadow:0 0 3px var(--focus)}.vintage-crossfader__knob-labels{display:flex;justify-content:space-between;width:100%;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;pointer-events:none}.vintage-crossfader__knob-labels span{color:var(--text-quaternary);text-shadow:var(--shadow-xs);transition:color .15s}.vintage-crossfader__knob-labels span.active{color:var(--accent);text-shadow:0 0 2px var(--focus)}.vintage-crossfader__pan-drawer{position:absolute;left:-150px;top:0;bottom:0;width:140px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-primary);border-radius:6px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff0d;border:1px solid var(--border-primary);pointer-events:auto;animation:slideInPanFromLeft .3s ease-out forwards;z-index:99}@keyframes slideInPanFromLeft{0%{transform:translate(20px)}to{transform:translate(0)}}@keyframes slideOutPanToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(40px);opacity:0}}.vintage-crossfader__pan-drawer--exiting{animation:slideOutPanToLeft .3s ease-out forwards}.vintage-crossfader__zoom-drawer{position:absolute;right:-110px;top:0;bottom:0;width:100px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-primary);border-radius:6px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff0d;border:1px solid var(--border-primary);pointer-events:auto;animation:slideInFromRight .3s ease-out forwards;z-index:99}@keyframes slideInFromRight{0%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(-40px);opacity:0}}.vintage-crossfader__zoom-drawer--exiting{animation:slideOutToRight .3s ease-out forwards}.vintage-crossfader__pan-displays{display:flex;gap:6px;align-items:center;height:100%}.vintage-crossfader__pan-display-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;height:100%}.vintage-crossfader__pan-value{background:#000;border:2px solid #1a1a1a;border-radius:3px;padding:3px 4px;width:42px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #000c,0 1px #ffffff08;font-family:Courier New,monospace;font-size:11px;font-weight:700;color:#3b82f6;text-shadow:0 0 3px rgba(59,130,246,.5);letter-spacing:0px;font-variant-numeric:tabular-nums}.vintage-crossfader__pan-axis-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;color:var(--text-quaternary);text-shadow:var(--shadow-xs);line-height:1}.vintage-crossfader__zoom-display{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;flex-shrink:0;height:100%}.vintage-crossfader__zoom-value{background:#000;border:2px solid #1a1a1a;border-radius:3px;padding:3px;min-width:28px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #000c,0 1px #ffffff08;font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#3b82f6;text-shadow:0 0 3px rgba(59,130,246,.5);letter-spacing:.5px}.vintage-crossfader__zoom-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;color:var(--text-quaternary);text-shadow:var(--shadow-xs);line-height:1}.vintage-crossfader__reset-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;flex-shrink:0;height:100%}.vintage-crossfader__reset-button{width:24px;height:24px;border-radius:50%;background:var(--panel-tertiary);border:1px solid var(--border);box-shadow:var(--elevation-2);cursor:pointer;position:relative;transition:transform .1s;flex-shrink:0;padding:0}.vintage-crossfader__reset-button:hover{transform:scale(1.05);background:var(--panel-secondary)}.vintage-crossfader__reset-button:active{transform:scale(.95);box-shadow:var(--elevation-1)}.vintage-crossfader__reset-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;color:var(--text-quaternary);text-shadow:var(--shadow-xs);line-height:1}[data-theme=light] .vintage-crossfader__track:before{background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(0,0,0,.4) calc(50% - 1px),rgba(0,0,0,.4) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(25% - .5px),rgba(0,0,0,.25) calc(25% - .5px),rgba(0,0,0,.25) calc(25% + .5px),transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),rgba(0,0,0,.25) calc(75% - .5px),rgba(0,0,0,.25) calc(75% + .5px),transparent calc(75% + .5px)),linear-gradient(90deg,transparent calc(12.5% - .5px),rgba(0,0,0,.15) calc(12.5% - .5px),rgba(0,0,0,.15) calc(12.5% + .5px),transparent calc(12.5% + .5px)),linear-gradient(90deg,transparent calc(37.5% - .5px),rgba(0,0,0,.15) calc(37.5% - .5px),rgba(0,0,0,.15) calc(37.5% + .5px),transparent calc(37.5% + .5px)),linear-gradient(90deg,transparent calc(62.5% - .5px),rgba(0,0,0,.15) calc(62.5% - .5px),rgba(0,0,0,.15) calc(62.5% + .5px),transparent calc(62.5% + .5px)),linear-gradient(90deg,transparent calc(87.5% - .5px),rgba(0,0,0,.15) calc(87.5% - .5px),rgba(0,0,0,.15) calc(87.5% + .5px),transparent calc(87.5% + .5px))}[data-theme=light] .vintage-crossfader__handle:before{background:linear-gradient(90deg,#d0d0d0,#e5e5e5,#d0d0d0,#e5e5e5,#d0d0d0,#e5e5e5);box-shadow:0 2px 6px #0003,inset 0 1px #ffffffe6,inset 0 -1px #00000026,0 0 0 1px #b0b0b0;border:1px solid #c0c0c0}[data-theme=light] .vintage-crossfader__handle:after{background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 3px,transparent 3px,transparent 5px)}[data-theme=light] .vintage-crossfader__pan-drawer,[data-theme=light] .vintage-crossfader__zoom-drawer{background:#fffffff2;box-shadow:inset 0 2px 4px #0000001a,inset 0 -1px 2px #0000000d,0 2px 8px #00000026;border:1px solid rgba(0,0,0,.15)}[data-theme=light] .vintage-crossfader__pan-value,[data-theme=light] .vintage-crossfader__zoom-value{background:#1a1a1a;border:2px solid #333;box-shadow:inset 0 2px 4px #0006,0 1px #ffffff1a;color:#60a5fa;text-shadow:0 0 3px rgba(96,165,250,.5)}.vintage-video-controls{width:520px;height:48px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:12px;background:var(--bg-primary);border-radius:6px;padding:8px 12px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff0d;border:1px solid var(--border-primary)}.vintage-video-controls__toggle-container{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.vintage-video-controls__toggle{width:28px;height:28px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-radius:50%;border:1px solid #000;position:relative;cursor:pointer;pointer-events:auto;flex-shrink:0;box-shadow:0 3px 6px #000c,0 1px 2px #0009,inset 0 1px #ffffff26,inset 0 -1px #00000080;transition:all .15s ease-out;display:flex;align-items:center;justify-content:center;transform:translateY(0)}.vintage-video-controls__toggle:hover{background:linear-gradient(180deg,#333,#222)}.vintage-video-controls__toggle:active{transform:translateY(2px);box-shadow:0 1px 2px #0009,inset 0 2px 4px #000c,inset 0 1px 2px #000000e6}.vintage-video-controls__toggle-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;transition:color .2s}.vintage-video-controls__toggle--on{background:linear-gradient(180deg,#1e3a5f,#0f1e3a);transform:translateY(2px);box-shadow:0 1px 2px #0009,inset 0 2px 4px #000c,inset 0 1px 2px #000000e6}.vintage-video-controls__toggle--on:hover{background:linear-gradient(180deg,#2a4a7a,#1a2a4a)}.vintage-video-controls__toggle--on .vintage-video-controls__toggle-icon{color:#3b82f6}.vintage-video-controls__toggle-labels{display:flex;justify-content:space-between;gap:8px;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;pointer-events:none}.vintage-video-controls__toggle-labels span{color:#666;text-shadow:0 1px 0 rgba(0,0,0,.8),0 -1px 0 rgba(255,255,255,.05);transition:color .15s}.vintage-video-controls__toggle-labels span.active{color:#3b82f6;text-shadow:0 0 2px rgba(59,130,246,.4),0 1px 0 rgba(0,0,0,.8)}.vintage-video-controls__time-display{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.vintage-video-controls__time-value{background:#000;border:2px solid #1a1a1a;border-radius:3px;padding:3px 6px;min-width:48px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #000c,0 1px #ffffff08;font-family:Courier New,monospace;font-size:12px;font-weight:700;color:#3b82f6;text-shadow:0 0 3px rgba(59,130,246,.5);letter-spacing:.5px;line-height:1}.vintage-video-controls__time-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;color:#666;text-shadow:0 1px 0 rgba(0,0,0,.8),0 -1px 0 rgba(255,255,255,.05);line-height:1}.vintage-video-controls__track{flex:1;height:6px;position:relative;background:linear-gradient(180deg,#0a0a0a,#1a1a1a,#0a0a0a);border-radius:3px;border:1px solid #000;box-shadow:inset 0 2px 3px #000000e6,inset 0 -1px 1px #ffffff08,0 1px #ffffff0d;overflow:visible;pointer-events:auto;cursor:ew-resize;padding:12px 0;margin:-12px 0}.vintage-video-controls__track:before{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:6px;background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.3) calc(50% - 1px),rgba(255,255,255,.3) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.18) calc(25% - .5px),rgba(255,255,255,.18) calc(25% + .5px),transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),rgba(255,255,255,.18) calc(75% - .5px),rgba(255,255,255,.18) calc(75% + .5px),transparent calc(75% + .5px)),linear-gradient(90deg,transparent calc(12.5% - .5px),rgba(255,255,255,.1) calc(12.5% - .5px),rgba(255,255,255,.1) calc(12.5% + .5px),transparent calc(12.5% + .5px)),linear-gradient(90deg,transparent calc(37.5% - .5px),rgba(255,255,255,.1) calc(37.5% - .5px),rgba(255,255,255,.1) calc(37.5% + .5px),transparent calc(37.5% + .5px)),linear-gradient(90deg,transparent calc(62.5% - .5px),rgba(255,255,255,.1) calc(62.5% - .5px),rgba(255,255,255,.1) calc(62.5% + .5px),transparent calc(62.5% + .5px)),linear-gradient(90deg,transparent calc(87.5% - .5px),rgba(255,255,255,.1) calc(87.5% - .5px),rgba(255,255,255,.1) calc(87.5% + .5px),transparent calc(87.5% + .5px));pointer-events:none}.vintage-video-controls__handle{position:absolute;top:50%;left:50%;width:3px;height:48px;background:transparent;transform:translate(-50%,-50%);cursor:ew-resize;z-index:20;pointer-events:none}.vintage-video-controls__handle:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:36px;background:linear-gradient(90deg,#4a4a4a,#5a5a5a,#4a4a4a,#5a5a5a,#4a4a4a,#5a5a5a);border-radius:3px;transform:translate(-50%,-50%);box-shadow:0 2px 6px #000c,inset 0 1px #fff3,inset 0 -1px #00000080,0 0 0 1px #2a2a2a;border:1px solid #3a3a3a}.vintage-video-controls__handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:24px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 3px,transparent 3px,transparent 5px);pointer-events:none;border-radius:2px}.vintage-video-controls__knob-container{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.vintage-video-controls__knob{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);border:1px solid #0a0a0a;box-shadow:0 2px 4px #000c,inset 0 1px 2px #ffffff1a,inset 0 -2px 3px #0009;cursor:pointer;position:relative;transition:transform .1s;pointer-events:auto}.vintage-video-controls__knob:hover{transform:scale(1.05)}.vintage-video-controls__knob:active{transform:scale(.98)}.vintage-video-controls__knob-inner{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a2a2a,#1a1a1a);overflow:visible}.vintage-video-controls__knob-indicator{position:absolute;top:2px;left:50%;width:3px;height:8px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:1.5px;transform-origin:50% 9px;transition:transform .2s ease-out;box-shadow:0 0 3px #3b82f699}.vintage-video-controls__knob-labels{display:flex;justify-content:space-between;gap:8px;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;pointer-events:none}.vintage-video-controls__knob-labels span{color:#666;text-shadow:0 1px 0 rgba(0,0,0,.8),0 -1px 0 rgba(255,255,255,.05);transition:color .15s}.vintage-video-controls__knob-labels span.active{color:#3b82f6;text-shadow:0 0 2px rgba(59,130,246,.4),0 1px 0 rgba(0,0,0,.8)}[data-theme=light] .vintage-video-controls{box-shadow:inset 0 2px 4px #0000001a,inset 0 -1px 2px #0000000d}[data-theme=light] .vintage-video-controls__toggle{background:linear-gradient(180deg,#e5e5e5,#d0d0d0);border:1px solid #b0b0b0;box-shadow:0 3px 6px #00000026,0 1px 2px #0000001a,inset 0 1px #fffc,inset 0 -1px #00000026,0 0 0 1px silver}[data-theme=light] .vintage-video-controls__toggle:hover{background:linear-gradient(180deg,#f0f0f0,#e0e0e0)}[data-theme=light] .vintage-video-controls__toggle:active{box-shadow:0 1px 2px #0000001a,inset 0 2px 4px #00000026,inset 0 1px 2px #0003}[data-theme=light] .vintage-video-controls__toggle-icon{color:#666}[data-theme=light] .vintage-video-controls__toggle--on{background:linear-gradient(180deg,#93c5fd,#60a5fa);box-shadow:0 1px 2px #0000001a,inset 0 2px 4px #00000026,inset 0 1px 2px #0003}[data-theme=light] .vintage-video-controls__toggle--on:hover{background:linear-gradient(180deg,#bfdbfe,#93c5fd)}[data-theme=light] .vintage-video-controls__toggle--on .vintage-video-controls__toggle-icon{color:#1e40af}[data-theme=light] .vintage-video-controls__toggle-labels span{color:#666;text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(0,0,0,.05)}[data-theme=light] .vintage-video-controls__toggle-labels span.active{color:#2563eb;text-shadow:0 0 2px rgba(37,99,235,.3),0 1px 0 rgba(255,255,255,.8)}[data-theme=light] .vintage-video-controls__time-value{background:#1a1a1a;border:2px solid #333;box-shadow:inset 0 2px 4px #0006,0 1px #ffffff1a;color:#60a5fa;text-shadow:0 0 3px rgba(96,165,250,.5)}[data-theme=light] .vintage-video-controls__time-label{color:#666;text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(0,0,0,.05)}[data-theme=light] .vintage-video-controls__track{background:linear-gradient(180deg,#d0d0d0,#e5e5e5,#d0d0d0);border:1px solid #b0b0b0;box-shadow:inset 0 2px 3px #00000026,inset 0 -1px 1px #ffffff80,0 1px #fffc}[data-theme=light] .vintage-video-controls__track:before{background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(0,0,0,.4) calc(50% - 1px),rgba(0,0,0,.4) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(25% - .5px),rgba(0,0,0,.25) calc(25% - .5px),rgba(0,0,0,.25) calc(25% + .5px),transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),rgba(0,0,0,.25) calc(75% - .5px),rgba(0,0,0,.25) calc(75% + .5px),transparent calc(75% + .5px)),linear-gradient(90deg,transparent calc(12.5% - .5px),rgba(0,0,0,.15) calc(12.5% - .5px),rgba(0,0,0,.15) calc(12.5% + .5px),transparent calc(12.5% + .5px)),linear-gradient(90deg,transparent calc(37.5% - .5px),rgba(0,0,0,.15) calc(37.5% - .5px),rgba(0,0,0,.15) calc(37.5% + .5px),transparent calc(37.5% + .5px)),linear-gradient(90deg,transparent calc(62.5% - .5px),rgba(0,0,0,.15) calc(62.5% - .5px),rgba(0,0,0,.15) calc(62.5% + .5px),transparent calc(62.5% + .5px)),linear-gradient(90deg,transparent calc(87.5% - .5px),rgba(0,0,0,.15) calc(87.5% - .5px),rgba(0,0,0,.15) calc(87.5% + .5px),transparent calc(87.5% + .5px))}[data-theme=light] .vintage-video-controls__handle:before{background:linear-gradient(90deg,#d0d0d0,#e5e5e5,#d0d0d0,#e5e5e5,#d0d0d0,#e5e5e5);box-shadow:0 2px 6px #0003,inset 0 1px #ffffffe6,inset 0 -1px #00000026,0 0 0 1px #b0b0b0;border:1px solid #c0c0c0}[data-theme=light] .vintage-video-controls__handle:after{background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 3px,transparent 3px,transparent 5px)}[data-theme=light] .vintage-video-controls__knob{background:radial-gradient(circle at 30% 30%,#e0e0e0,silver);border:1px solid #a0a0a0;box-shadow:0 2px 4px #0003,inset 0 1px 2px #fffc,inset 0 -2px 3px #00000026}[data-theme=light] .vintage-video-controls__knob-inner{background:radial-gradient(circle at 35% 35%,#d5d5d5,#b5b5b5)}[data-theme=light] .vintage-video-controls__knob-indicator{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 0 3px #3b82f6cc}[data-theme=light] .vintage-video-controls__knob-labels span{color:#666;text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(0,0,0,.05)}[data-theme=light] .vintage-video-controls__knob-labels span.active{color:#2563eb;text-shadow:0 0 2px rgba(37,99,235,.3),0 1px 0 rgba(255,255,255,.8)}.canvas-crossfader{position:absolute;left:50%;transform:translate(-50%);bottom:16px;width:520px;height:48px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:12px;z-index:100;background:linear-gradient(180deg,var(--panel-tertiary) 0%,var(--panel-secondary) 100%);border-radius:6px;padding:8px 12px;box-shadow:var(--elevation-2);border:1px solid var(--border)}.canvas-crossfader__label{background:transparent;padding:4px 8px;border-radius:2px;font-size:9px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;z-index:10;text-shadow:var(--shadow-xs);font-family:Courier New,monospace}.canvas-crossfader__track{flex:1;height:6px;position:relative;background:linear-gradient(180deg,var(--bg) 0%,var(--panel) 50%,var(--bg) 100%);border-radius:3px;border:1px solid var(--border);box-shadow:var(--elevation-1);overflow:visible;pointer-events:auto;cursor:ew-resize}.canvas-crossfader__track:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:10px;background:#ffffff1f;border-radius:1px;box-shadow:0 0 2px #ffffff1a}.canvas-crossfader__handle{position:absolute;top:50%;left:50%;width:3px;height:48px;background:transparent;transform:translate(-50%,-50%);cursor:ew-resize;z-index:20;pointer-events:none}.canvas-crossfader__handle:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:36px;background:linear-gradient(90deg,#4a4a4a,#5a5a5a,#4a4a4a,#5a5a5a,#4a4a4a,#5a5a5a);border-radius:3px;transform:translate(-50%,-50%);box-shadow:0 2px 6px #000c,inset 0 1px #fff3,inset 0 -1px #00000080,0 0 0 1px #2a2a2a;border:1px solid #3a3a3a}.canvas-crossfader__handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:24px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 3px,transparent 3px,transparent 5px);pointer-events:none;border-radius:2px}.canvas-knob-container{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px;flex-shrink:0}.canvas-knob{width:32px;height:32px;border-radius:50%;background:var(--panel-tertiary);border:1px solid var(--border);box-shadow:var(--elevation-2);cursor:pointer;position:relative;transition:transform .1s;pointer-events:auto}.canvas-knob:hover{transform:scale(1.05)}.canvas-knob:active{transform:scale(.98)}.canvas-knob-inner{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--panel-secondary);overflow:hidden}.canvas-knob-indicator{position:absolute;top:3px;left:50%;width:3px;height:8px;background:var(--accent);border-radius:1.5px;transform-origin:50% 10px;transition:transform .2s ease-out;box-shadow:0 0 3px var(--focus)}.canvas-knob-labels{display:flex;justify-content:space-between;width:100%;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;pointer-events:none}.canvas-knob-labels span{color:var(--text-quaternary);text-shadow:0 1px 0 rgba(0,0,0,.8),0 -1px 0 rgba(255,255,255,.05);transition:color .15s}.canvas-knob-labels span.active{color:var(--accent);text-shadow:0 0 2px var(--focus),0 1px 0 rgba(0,0,0,.8)}.canvas-view__thumbnail-edit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffffe6;cursor:pointer;opacity:0;transition:all .2s ease;z-index:2;pointer-events:auto}.canvas-view__thumbnail:hover .canvas-view__thumbnail-edit{opacity:1}.canvas-view__thumbnail-edit svg{display:block;width:16px;height:16px;color:currentColor;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.canvas-view__thumbnail-edit:hover{background:var(--accent);border-color:var(--accent-hover);color:var(--text);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px var(--focus)}.canvas-view__thumbnail-edit:active{transform:translate(-50%,-50%) scale(.95)}[data-theme=light] .canvas-view__thumbnail-edit{background:#ffffffe6;border-color:#0003;color:#000c}[data-theme=light] .canvas-view__thumbnail-edit:hover{background:var(--accent);border-color:var(--accent-hover);color:var(--text);box-shadow:0 4px 12px #3b82f666}.canvas-view__candidate-actions{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;justify-content:center}.canvas-view__candidate-btn{padding:12px 20px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;border:1px solid;white-space:nowrap}.canvas-view__candidate-btn--primary{background:var(--accent);border-color:var(--accent-hover);color:var(--text);box-shadow:0 2px 4px var(--focus),var(--elevation-2);text-shadow:0 0 2px var(--focus)}.canvas-view__candidate-btn--primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px var(--focus),var(--elevation-3);transform:translateY(-1px)}.canvas-view__candidate-btn--primary:active{transform:translateY(0);box-shadow:0 1px 2px var(--focus),var(--elevation-1)}.canvas-view__candidate-btn--secondary{background:var(--panel-secondary);border-color:var(--border);color:var(--text-secondary);box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.canvas-view__candidate-btn--secondary:hover{background:var(--panel-tertiary);color:var(--text);border-color:var(--accent);box-shadow:0 0 4px var(--focus),var(--elevation-2);transform:translateY(-1px)}.canvas-view__candidate-btn--secondary:active{transform:translateY(0);box-shadow:var(--elevation-1)}.canvas-view__candidate-btn--tertiary{background:var(--panel-tertiary);border-color:var(--border);color:var(--text-quaternary);box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.canvas-view__candidate-btn--tertiary:hover{background:var(--panel-secondary);color:var(--text-secondary);box-shadow:var(--elevation-2);transform:translateY(-1px)}.canvas-view__candidate-btn--tertiary:active{transform:translateY(0);box-shadow:var(--elevation-1)}[data-theme=light] .canvas-view__candidate-btn--primary{box-shadow:0 2px 4px #3b82f64d,0 1px 2px #0000001a}[data-theme=light] .canvas-view__candidate-btn--primary:hover{box-shadow:0 2px 8px #3b82f666,0 2px 4px #00000026}[data-theme=light] .canvas-view__candidate-btn--secondary{background:#fffffff2;color:#000c;border-color:#00000026;box-shadow:0 1px 3px #0000001a}[data-theme=light] .canvas-view__candidate-btn--secondary:hover{background:#fff;color:#000000f2;border-color:#3b82f680;box-shadow:0 0 4px #3b82f64d,0 2px 4px #00000026}[data-theme=light] .canvas-view__candidate-btn--tertiary{background:#0000000d;color:#0009;border-color:#00000026;box-shadow:0 1px 2px #0000001a}[data-theme=light] .canvas-view__candidate-btn--tertiary:hover{background:#00000014;color:#000c;box-shadow:0 2px 4px #00000026}.canvas-view__warp-overlay{animation:warpOverlayFadeIn .3s ease-out}@keyframes warpOverlayFadeIn{0%{opacity:0}to{opacity:1}}.canvas-view__warp-container{animation:warpContainerScale .3s cubic-bezier(.34,1.56,.64,1)}@keyframes warpContainerScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.canvas-view__warp-vertex{transition:all .15s ease-out;-webkit-user-select:none;user-select:none}.canvas-view__warp-vertex:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 16px #000000b3}.canvas-view__warp-vertex:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.3)}.canvas-view__export-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;display:grid;place-items:center;animation:fadeInOverlay .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.canvas-view__export-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.transition-config{border-top:1px solid var(--border-primary);background:var(--bg-primary);display:grid;grid-template-columns:400px 1fr;gap:0;min-height:400px;padding-bottom:60px;flex:1;animation:slideInFromLeft .4s cubic-bezier(.16,1,.3,1)}.transition-config--exiting{animation:slideOutToLeft .35s cubic-bezier(.7,0,.84,0)}.transition-config__preview{display:flex;align-items:flex-start;justify-content:center;padding:16px 16px 130px;background:var(--bg-primary);position:relative;border-left:1px solid var(--border-primary);overflow:visible;height:100%}.transition-config__slider-container{position:relative;width:100%;max-width:calc((100vh - var(--timeline-height, 64px) - 316px) * 16 / 9);aspect-ratio:16 / 9;margin-bottom:0;border-radius:8px;overflow:visible;background:var(--bg-primary);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:max-width .3s ease-out}.transition-config__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden}.transition-config__slider-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none}.transition-config__slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.transition-config__slider-labels{position:absolute;bottom:-70px;left:50%;transform:translate(calc(-50% + 30px));width:620px;height:48px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:12px;background:linear-gradient(180deg,var(--panel-tertiary) 0%,var(--panel-secondary) 100%);border-radius:6px;padding:8px 12px;box-shadow:var(--elevation-2);border:1px solid var(--border)}.transition-config__slider-label{background:transparent;padding:4px 8px;border-radius:2px;font-size:9px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;z-index:10;text-shadow:var(--shadow-xs);font-family:Courier New,monospace}.transition-config__crossfader-track{flex:1;height:6px;position:relative;background:linear-gradient(180deg,var(--bg) 0%,var(--panel) 50%,var(--bg) 100%);border-radius:3px;border:1px solid var(--border);box-shadow:var(--elevation-1);overflow:visible;pointer-events:auto;cursor:ew-resize}.transition-config__crossfader-track:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:10px;background:#ffffff1f;border-radius:1px;box-shadow:0 0 2px #ffffff1a}.transition-config__slider-handle{position:absolute;top:50%;left:50%;width:3px;height:48px;background:transparent;transform:translate(-50%,-50%);cursor:ew-resize;z-index:20;pointer-events:none}.transition-config__slider-handle:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:36px;background:linear-gradient(90deg,#4a4a4a,#5a5a5a,#4a4a4a,#5a5a5a,#4a4a4a,#5a5a5a);border-radius:3px;transform:translate(-50%,-50%);box-shadow:0 2px 6px #000c,inset 0 1px #fff3,inset 0 -1px #00000080,0 0 0 1px #2a2a2a;border:1px solid #3a3a3a}.transition-config__slider-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:24px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 3px,transparent 3px,transparent 5px);pointer-events:none;border-radius:2px}.transition-config__form{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100vh - 200px);background:var(--bg-primary)}.transition-config__breadcrumb{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-primary);margin-bottom:4px;position:relative}.transition-config__breadcrumb-text{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.transition-config__breadcrumb-scene{color:var(--text-tertiary);font-weight:500}.transition-config__breadcrumb-current{color:var(--text-primary);font-weight:600}.transition-config__close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.transition-config__close-btn:hover{background:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}.transition-config__header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.transition-config__label{display:grid;gap:6px}.transition-config__label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-family:Courier New,monospace}.transition-config__textarea{font-size:14px;line-height:1.5;padding:10px 12px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg);color:var(--text-primary);font-family:inherit;resize:vertical;transition:border-color .15s ease}.transition-config__textarea:focus{outline:none;border-color:var(--accent-primary)}.transition-config__textarea::placeholder{color:var(--text-tertiary);opacity:.6}.transition-config__input{font-size:14px;padding:8px 12px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg)!important;color:var(--text-primary);font-family:inherit;transition:border-color .15s ease}.transition-config__input:focus{outline:none;border-color:var(--accent-primary)}.transition-config__input::placeholder{color:var(--text-tertiary);opacity:.6}.transition-config__controls-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transition-config__duration-toggle{display:flex;gap:6px;padding:3px;background:linear-gradient(180deg,var(--bg) 0%,var(--panel) 100%);border-radius:4px;border:1px solid var(--border);box-shadow:var(--elevation-1)}.transition-config__duration-btn{flex:1;padding:8px 12px;background:var(--panel-tertiary);border:1px solid var(--border);border-radius:3px;color:var(--text-quaternary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.transition-config__duration-btn:hover{background:var(--panel-secondary);border-color:var(--border-secondary);color:var(--text-tertiary)}.transition-config__duration-btn.active{background:var(--accent);border-color:var(--accent-hover);color:var(--text);box-shadow:0 1px 3px var(--focus),var(--elevation-2);text-shadow:0 0 2px var(--focus)}.transition-config__provider-selector{display:flex;gap:6px;padding:3px;background:linear-gradient(180deg,var(--bg) 0%,var(--panel) 100%);border-radius:4px;border:1px solid var(--border);box-shadow:var(--elevation-1)}.transition-config__provider-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:var(--panel-tertiary);border:1px solid var(--border);border-radius:3px;color:var(--text-quaternary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.transition-config__provider-btn:hover{background:var(--panel-secondary);border-color:var(--border-secondary);color:var(--text-tertiary)}.transition-config__provider-btn.active{background:var(--accent);border-color:var(--accent-hover);color:var(--text);box-shadow:0 1px 3px var(--focus),var(--elevation-2);text-shadow:0 0 2px var(--focus)}.transition-config__mode-selector{display:flex;gap:6px;padding:3px;background:linear-gradient(180deg,var(--bg) 0%,var(--panel) 100%);border-radius:4px;border:1px solid var(--border);box-shadow:var(--elevation-1)}.transition-config__mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--panel-tertiary);border:1px solid var(--border);border-radius:3px;color:var(--text-quaternary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.transition-config__mode-btn:hover{background:var(--panel-secondary);border-color:var(--border-secondary);color:var(--text-tertiary)}.transition-config__mode-btn.active{background:var(--accent);border-color:var(--accent-hover);color:var(--text);box-shadow:0 1px 3px var(--focus),var(--elevation-2);text-shadow:0 0 2px var(--focus)}.transition-config__actions{display:flex;gap:8px;margin-top:8px;margin-bottom:60px}.transition-config__cancel-btn{flex:0 0 auto;padding:12px 20px;background:var(--panel-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-quaternary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.transition-config__cancel-btn:hover{background:var(--panel-secondary);border-color:var(--border-secondary);color:var(--text-tertiary);transform:translateY(-1px);box-shadow:var(--elevation-2)}.transition-config__cancel-btn:active{transform:translateY(0);box-shadow:var(--elevation-1)}.transition-config__generate-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent);border:1px solid var(--accent-hover);border-radius:4px;color:var(--text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px var(--focus),var(--elevation-2);text-shadow:0 0 2px var(--focus)}.transition-config__generate-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 8px var(--focus),var(--elevation-3)}.transition-config__generate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px var(--focus),var(--elevation-1)}.transition-config__generate-btn:disabled{background:var(--panel-tertiary);border-color:var(--border);color:var(--text-quaternary);cursor:not-allowed;box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.transition-config__credits-badge{background:#00000040;border:1px solid rgba(0,0,0,.2);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.transition-config__char-count{font-size:11px;color:var(--text-tertiary);text-align:right;margin-top:-2px}.transition-config__char-count--warning{color:var(--warning)}.transition-config__char-count--error{color:var(--error)}.transition-config__knob-container{display:flex;flex-direction:column;align-items:center;gap:0;margin-left:12px;pointer-events:auto;width:60px}.transition-config__knob-labels{display:flex;justify-content:space-between;width:100%;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;font-family:Courier New,monospace;margin-top:2px}.transition-config__knob-labels span{color:var(--text-tertiary);text-shadow:var(--shadow-xs);transition:color .2s ease}.transition-config__knob-labels span.active{color:var(--accent);text-shadow:0 0 4px var(--focus)}.transition-config__knob{width:32px;height:32px;border-radius:50%;position:relative;cursor:pointer;background:var(--panel-tertiary);box-shadow:var(--elevation-2);border:2px solid var(--border);transition:transform .15s ease}.transition-config__knob:hover{transform:scale(1.08)}.transition-config__knob:active{transform:scale(.95)}.transition-config__knob-inner{width:100%;height:100%;border-radius:50%;position:relative;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 6px,rgba(0,0,0,.3) 6px,rgba(0,0,0,.3) 7px)}.transition-config__knob-indicator{position:absolute;bottom:3px;left:50%;width:2px;height:10px;background:var(--accent);border-radius:1px;transform-origin:center -3px;transform:translate(-50%);box-shadow:0 0 3px var(--focus),var(--shadow-sm);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn .2s ease-out}[data-theme=light] .loading-overlay{background:#ffffffb3}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:var(--bg-secondary);border-radius:8px;box-shadow:0 8px 24px #0000004d}.loading-overlay__spinner{width:48px;height:48px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}[data-theme=light] .loading-overlay__spinner{border-color:#0000001a;border-top-color:var(--accent-primary)}.loading-overlay__message{color:var(--text-primary);font-size:14px;font-weight:500;text-align:center;max-width:200px}.loading-overlay__progress-container{display:flex;flex-direction:column;gap:8px;width:200px}.loading-overlay__progress-bar{width:100%;height:6px;background:var(--border-primary);border-radius:3px;overflow:hidden;position:relative}[data-theme=light] .loading-overlay__progress-bar{background:#0000001a}.loading-overlay__progress-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .3s ease-out;position:relative;will-change:width;transform:translateZ(0)}[data-theme=light] .loading-overlay__progress-fill{background:var(--accent-primary)}.loading-overlay__progress-text{color:var(--text-secondary);font-size:12px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}[data-theme=light] .loading-overlay__progress-text{color:var(--text-secondary)}.image-edit-view{border-top:1px solid var(--border-primary);background:var(--bg-primary);display:grid;grid-template-columns:400px 1fr;gap:0;min-height:400px;padding-bottom:60px;flex:1;animation:slideInFromLeft .4s cubic-bezier(.16,1,.3,1)}.image-edit-view--exiting{animation:slideOutToLeft .35s cubic-bezier(.7,0,.84,0)}.image-edit-view__form{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--bg-primary);border-right:1px solid var(--border-primary);overflow-y:auto}.image-edit-view__breadcrumb{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:8px}.image-edit-view__breadcrumb-text{display:flex;align-items:center;gap:8px;font-size:12px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.5px}.image-edit-view__breadcrumb-scene{color:var(--text-tertiary);font-weight:500}.image-edit-view__breadcrumb-current{color:var(--accent);font-weight:700}.image-edit-view__close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.image-edit-view__close-btn:hover{background:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}.image-edit-view__label{display:flex;flex-direction:column;gap:8px}.image-edit-view__label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-family:Courier New,monospace}.image-edit-view__textarea{width:100%;padding:12px;background:var(--panel-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px;font-family:inherit;resize:vertical;min-height:120px;transition:all .15s}.image-edit-view__textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--focus)}.image-edit-view__textarea:disabled{opacity:.5;cursor:not-allowed}.image-edit-view__textarea::placeholder{color:var(--text-quaternary)}.image-edit-view__actions{display:flex;gap:12px;margin-top:auto;margin-bottom:60px}.image-edit-view__cancel-btn{flex:0 0 auto;padding:12px 20px;background:var(--panel-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-quaternary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s;font-family:Courier New,monospace;box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.image-edit-view__cancel-btn:hover{background:var(--panel-secondary);border-color:var(--border-secondary);color:var(--text-tertiary);transform:translateY(-1px);box-shadow:var(--elevation-2)}.image-edit-view__cancel-btn:active{transform:translateY(0);box-shadow:var(--elevation-1)}.image-edit-view__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.image-edit-view__generate-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent);border:1px solid var(--accent-hover);border-radius:4px;color:var(--text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s;font-family:Courier New,monospace;box-shadow:0 2px 4px var(--focus),var(--elevation-2);text-shadow:0 0 2px var(--focus)}.image-edit-view__generate-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 8px var(--focus),var(--elevation-3)}.image-edit-view__generate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px var(--focus),var(--elevation-1)}.image-edit-view__generate-btn:disabled{opacity:.5;cursor:not-allowed}.image-edit-view__credits-badge{background:#00000040;border:1px solid rgba(0,0,0,.2);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.image-edit-view__preview{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary);overflow:hidden}.image-edit-view__image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-edit-view__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-lg)}.image-details-view{border-top:1px solid var(--border-primary);background:var(--bg-primary);display:grid;grid-template-columns:400px 1fr;gap:0;min-height:400px;padding-bottom:60px;flex:1;animation:slideInFromLeft .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.image-details-view--exiting{animation:slideOutToLeft .35s cubic-bezier(.7,0,.84,0)}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.image-details-view__sidebar{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--bg-primary);border-right:1px solid var(--border-primary);overflow-y:auto}.image-details-view__breadcrumb{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:8px}.image-details-view__breadcrumb-text{display:flex;align-items:center;gap:8px;font-size:12px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.5px}.image-details-view__breadcrumb-scene{color:var(--text-tertiary);font-weight:500}.image-details-view__breadcrumb-current{color:var(--accent);font-weight:700}.image-details-view__close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.image-details-view__close-btn:hover{background:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}.image-details-view__actions{display:flex;gap:12px;margin-bottom:60px}.image-details-view__action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent);border:1px solid var(--accent-hover);border-radius:4px;color:var(--text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s;font-family:Courier New,monospace;box-shadow:0 2px 4px var(--focus),var(--elevation-2);text-shadow:0 0 2px var(--focus)}.image-details-view__action-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 8px var(--focus),var(--elevation-3)}.image-details-view__action-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px var(--focus),var(--elevation-1)}.image-details-view__credits-badge{background:#00000040;border:1px solid rgba(0,0,0,.2);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.image-details-view__action-btn--cancel{background:var(--panel-tertiary);border:1px solid var(--border);color:var(--text-quaternary);box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.image-details-view__action-btn--cancel:hover:not(:disabled){background:var(--panel-secondary);border-color:var(--border-secondary);color:var(--text-tertiary);transform:translateY(-1px);box-shadow:var(--elevation-2)}.image-details-view__action-btn--cancel:active{transform:translateY(0);box-shadow:var(--elevation-1)}.image-details-view__section{display:flex;flex-direction:column;gap:12px}.image-details-view__section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-family:Courier New,monospace}.image-details-view__section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0;background:transparent;border:none;cursor:pointer;transition:all .15s}.image-details-view__section-header:hover{color:var(--text-primary)}.image-details-view__frame-buttons{display:flex;gap:12px}.image-details-view__frame-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .15s;font-family:Courier New,monospace}.image-details-view__frame-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary)}.image-details-view__frame-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default}.image-details-view__frame-btn:disabled{opacity:.6;cursor:not-allowed}.image-details-view__metadata{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--panel-secondary);border:1px solid var(--border);border-radius:4px;max-height:400px;overflow-y:auto}.image-details-view__metadata-item{display:flex;flex-direction:column;gap:4px}.image-details-view__metadata-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-family:Courier New,monospace}.image-details-view__metadata-value{font-size:12px;color:var(--text-primary);word-break:break-word}.image-details-view__metadata-value--mono{font-family:Courier New,monospace;font-size:11px;color:var(--text-secondary)}.image-details-view__metadata-value--wrap{white-space:pre-wrap;line-height:1.5;background:var(--bg-primary);padding:8px;border-radius:4px;border:1px solid var(--border)}.image-details-view__metadata-empty{font-size:12px;color:var(--text-tertiary);text-align:center;padding:20px;font-style:italic}.image-details-view__preview{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary);overflow:hidden}.image-details-view__image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-details-view__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-lg)}.billing-interval-toggle{position:relative;display:inline-flex;gap:8px;padding:4px;background:var(--surface-secondary, #f5f5f5);border-radius:12px;margin-bottom:32px}[data-theme=dark] .billing-interval-toggle{background:#ffffff0d}.billing-interval-toggle .toggle-option{position:relative;padding:10px 24px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:500;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease;white-space:nowrap}[data-theme=dark] .billing-interval-toggle .toggle-option{color:#fff9}.billing-interval-toggle .toggle-option:hover{color:var(--text-primary, #000)}[data-theme=dark] .billing-interval-toggle .toggle-option:hover{color:#ffffffe6}.billing-interval-toggle .toggle-option.active{background:var(--background, #fff);color:var(--text-primary, #000);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .billing-interval-toggle .toggle-option.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 12px #0000004d}.billing-interval-toggle .discount-badge{position:absolute;top:-16px;right:-16px;padding:3px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:600;border-radius:8px;white-space:nowrap;box-shadow:0 2px 8px #667eea4d}[data-theme=dark] .billing-interval-toggle .discount-badge{box-shadow:0 2px 12px #667eea80}.buy-credits-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding:var(--space-4)}.buy-credits-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.buy-credits-header{padding:var(--space-8);border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);background:linear-gradient(135deg,rgba(14,165,233,.15) 0%,rgba(14,165,233,.05) 50%,transparent 100%),url(/mapping-coins.png);background-size:auto,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;position:relative}.buy-credits-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(10,10,10,.95) 0%,rgba(10,10,10,.7) 50%,transparent 100%);z-index:0}.buy-credits-header-content,.buy-credits-close{position:relative;z-index:1}.buy-credits-title-group{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.buy-credits-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.buy-credits-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.buy-credits-close{padding:var(--space-2);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.buy-credits-close:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.buy-credits-tabs{display:flex;gap:var(--space-2);padding:0 var(--space-8);margin-top:var(--space-4);border-bottom:1px solid var(--border-subtle)}.buy-credits-tab{padding:var(--space-3) var(--space-6);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2);position:relative}.buy-credits-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.buy-credits-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.buy-credits-content{flex:1;overflow-y:auto;padding:var(--space-8)}.buy-credits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:900px;margin:0 auto}.credit-pack-card{background:#0d0d0d99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.credit-pack-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #0ea5e94d,0 0 0 1px #0ea5e933;border-color:#0ea5e94d}.credit-pack-card.popular{border-color:#0ea5e966;background:#0ea5e914}.pack-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.05em;z-index:10}.pack-coin-container{width:180px;height:180px;position:relative;margin-bottom:var(--space-4);filter:drop-shadow(0 12px 32px rgba(14,165,233,.4));transition:all .3s cubic-bezier(.4,0,.2,1)}.credit-pack-card:hover .pack-coin-container{transform:scale(1.05) translateY(-4px);filter:drop-shadow(0 16px 40px rgba(14,165,233,.5))}.pack-coin-bg{width:100%;height:100%;background-size:cover;background-position:center;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.95}.pack-coin-overlay{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.15) 0%,transparent 50%,rgba(0,0,0,.2) 100%);border-radius:50%;z-index:1}.pack-credits-amount{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;font-size:48px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6),0 4px 16px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.8);letter-spacing:-.02em}.pack-credits{display:none}.pack-price{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);display:flex;align-items:baseline;gap:var(--space-1)}.pack-price-currency{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-normal)}.pack-capacity{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.capacity-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.capacity-item svg{color:var(--text-tertiary);flex-shrink:0}.pack-buy-btn{width:100%;padding:var(--space-3) var(--space-6);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.pack-buy-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0ea5e966}.pack-buy-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.buy-credits-plans{min-height:400px;display:flex;align-items:center;justify-content:center}.plans-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-base)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);width:100%}.plan-card{background:#0d0d0d99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #0ea5e94d,0 0 0 1px #0ea5e933;border-color:#0ea5e94d}.plan-card.best-value{border-color:#f59e0b66;background:#f59e0b0d}.plan-card.current{border-color:var(--success);background:#10b9810d}.plan-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--warning);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.plan-current-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--success);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.plan-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.plan-name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.plan-price{display:flex;align-items:baseline;gap:var(--space-1)}.plan-price-amount{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary)}.plan-price-period{font-size:var(--text-sm);color:var(--text-secondary)}.plan-credits{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.plan-credits-amount{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.plan-credits-period{font-size:var(--text-xs);color:var(--text-tertiary)}.plan-capacity{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.plan-capacity-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.plan-capacity-item svg{color:var(--text-tertiary);flex-shrink:0}.plan-features{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.plan-feature{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.plan-feature .icon{color:var(--success);flex-shrink:0}.plan-subscribe-btn{width:100%;padding:var(--space-3) var(--space-6);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.plan-subscribe-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0ea5e966}.plan-subscribe-btn.current{background:var(--success);cursor:default}.plan-subscribe-btn.current:hover{transform:none;box-shadow:none}.plan-subscribe-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.buy-credits-footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.buy-credits-help{display:flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm)}.buy-credits-help .icon{color:var(--accent-primary)}[data-theme=light] .buy-credits-overlay{background:#0006}[data-theme=light] .buy-credits-modal{background:var(--bg-primary);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000001a}[data-theme=light] .buy-credits-header{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.05) 50%,transparent 100%),url(/mapping-coins.png);background-size:auto,cover;background-position:center,center}[data-theme=light] .buy-credits-header:before{background:linear-gradient(to right,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 50%,transparent 100%)}[data-theme=light] .credit-pack-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .credit-pack-card:hover{box-shadow:0 20px 40px -10px #3b82f633,0 0 0 1px #3b82f626;border-color:#3b82f640}[data-theme=light] .credit-pack-card.popular{border-color:#3b82f64d;background:#3b82f60d}[data-theme=light] .plan-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .plan-card:hover{box-shadow:0 20px 40px -10px #3b82f633,0 0 0 1px #3b82f626;border-color:#3b82f640}[data-theme=light] .plan-card.best-value{border-color:#f59e0b4d;background:#f59e0b0d}[data-theme=light] .plan-card.current{border-color:var(--success);background:#10b9810d}.billing-toggle-wrapper .billing-interval-toggle{margin-bottom:0}@media (max-width: 768px){.buy-credits-modal{max-height:95vh}.buy-credits-header{padding:var(--space-6)}.buy-credits-tabs{padding:0 var(--space-6)}.buy-credits-content{padding:var(--space-6)}.buy-credits-grid,.plans-grid{grid-template-columns:1fr}.buy-credits-footer{padding:var(--space-4) var(--space-6)}}:root{--bg-app: #0a0a0a;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--bg-collapse: #0a0a0a;--bg-input: #161616;--bg-elevated: #1f1f1f;--border-primary: #2a2a2a;--border-secondary: #1f1f1f;--border-subtle: #181818;--border-focus: #0ea5e9;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #666666;--text-muted: #4a4a4a;--text-placeholder: #555555;--accent-primary: #0ea5e9;--accent-hover: #38bdf8;--accent-active: #0284c7;--accent-subtle: rgba(14, 165, 233, .1);--accent-border: rgba(14, 165, 233, .2);--success: #10b981;--success-bg: rgba(16, 185, 129, .08);--success-border: rgba(16, 185, 129, .2);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--warning-border: rgba(245, 158, 11, .2);--error: #ef4444;--error-bg: rgba(239, 68, 68, .08);--error-border: rgba(239, 68, 68, .2);--info: #06b6d4;--info-bg: rgba(6, 182, 212, .08);--info-border: rgba(6, 182, 212, .2);--glass-bg: rgba(15, 15, 15, .92);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .5);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-inset-lg: inset 0 2px 4px rgba(0, 0, 0, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--z-toast: 100;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 48px;--sidebar-width: 64px;--panel-width-sm: 220px;--panel-width-md: 280px;--panel-width-lg: 320px;--header-height: 56px;--footer-height: 48px;--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-xl: 40px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border-primary) var(--bg-secondary)}::selection{background:var(--accent-subtle);color:var(--text-primary)}::-moz-selection{background:var(--accent-subtle);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline{display:inline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}[data-theme=light]{--bg-app: #ffffff;--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-tertiary: #e5e7eb;--bg-collapse: #f0f0f0;--bg-input: #ffffff;--bg-elevated: #ffffff;--border-primary: #d1d5db;--border-secondary: #e5e7eb;--border-subtle: #f3f4f6;--border-focus: #0ea5e9;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--text-muted: #d1d5db;--text-placeholder: #9ca3af;--accent-primary: #0ea5e9;--accent-hover: #0284c7;--accent-active: #0369a1;--accent-subtle: rgba(14, 165, 233, .1);--accent-border: rgba(14, 165, 233, .3);--success: #059669;--success-bg: rgba(5, 150, 105, .1);--success-border: rgba(5, 150, 105, .3);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--warning-border: rgba(217, 119, 6, .3);--error: #dc2626;--error-bg: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .3);--info: #0891b2;--info-bg: rgba(8, 145, 178, .1);--info-border: rgba(8, 145, 178, .3);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .2);--shadow-inset: inset 0 1px 0 rgba(0, 0, 0, .05);--shadow-inset-lg: inset 0 2px 4px rgba(0, 0, 0, .08);scrollbar-color:var(--border-primary) var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-primary)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;outline:none;font-family:var(--font-sans)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background:var(--accent-active);transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-full{width:100%}.btn-icon{padding:var(--space-2);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.btn-icon.btn-sm{width:24px;height:24px;padding:var(--space-1)}.btn-icon.btn-lg{width:40px;height:40px;padding:var(--space-3)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--shadow-inset);overflow:hidden}[data-theme=light] .card{background:#ffffffb3;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008,inset 0 1px #fffc}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:var(--glass-shadow)}.card-elevated{box-shadow:var(--shadow-lg);border-color:transparent}.card-interactive{cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.card-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.card-content{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);line-height:var(--leading-normal);transition:all var(--transition-fast);width:100%}.input::placeholder{color:var(--text-placeholder)}.input:hover:not(:focus):not(:disabled){border-color:var(--border-primary)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px var(--error-bg)}.input-success{border-color:var(--success)}.input-helper{font-size:var(--text-xs);color:var(--text-tertiary)}.input-error-message{font-size:var(--text-xs);color:var(--error)}textarea.input{resize:vertical;min-height:80px;font-family:var(--font-sans)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;white-space:nowrap}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-primary{background:var(--accent-subtle);color:var(--accent-primary);border:1px solid var(--accent-border)}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.separator{border:none;margin:0}.separator-horizontal{height:1px;background:var(--border-primary);width:100%}.separator-vertical{width:1px;background:var(--border-primary);height:100%}.separator-dashed{background:repeating-linear-gradient(to right,transparent,transparent 4px,var(--border-primary) 4px,var(--border-primary) 8px)}.separator-vertical.separator-dashed{background:repeating-linear-gradient(to bottom,transparent,transparent 4px,var(--border-primary) 4px,var(--border-primary) 8px)}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary);box-shadow:var(--shadow-lg);pointer-events:none;white-space:nowrap;animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:grid;place-items:center;animation:backdropFadeIn var(--transition-base)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-modal);animation:modalSlideIn var(--transition-slow)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.modal-content{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-primary);display:flex;gap:var(--space-3);justify-content:flex-end}.dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:200px;z-index:var(--z-dropdown);animation:dropdownSlideIn var(--transition-fast);overflow:hidden}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border:none;background:transparent;width:100%;text-align:left;display:flex;align-items:center;gap:var(--space-3)}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-separator{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;width:100%}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-2)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-button{height:36px;width:100px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.toast{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);animation:toastSlideIn var(--transition-base)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-content{flex:1}.toast-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{font-size:64px;margin-bottom:var(--space-6);opacity:.5}.empty-state-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6);max-width:400px}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-primary)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);position:relative}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-content{padding:var(--space-6) 0}.studio-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-app);overflow:hidden}.studio-header{height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-4);gap:var(--space-6);flex-shrink:0}.studio-body{display:flex;flex:1;overflow:hidden}.studio-sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;transition:width var(--transition-base);flex-shrink:0}.studio-sidebar.collapsed{width:0}.sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-subtle);padding:4px}.sidebar-logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.logo-image{width:100%;height:100%;object-fit:contain}.logo-text{color:#fff;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.5px}.sidebar-nav{flex:1;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar-nav-item{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);position:relative}.sidebar-nav-item .icon{color:inherit}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-collapse);color:var(--accent-primary)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background:var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar-nav-label{display:none}.sidebar-footer{padding:var(--space-2);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-1)}.studio-content{flex:1;overflow:auto;background:var(--bg-app)}.header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.header-center{display:flex;align-items:center;justify-content:center}.header-logo-container{background:transparent;border-radius:var(--radius-lg);padding:0;display:flex;align-items:center;justify-content:flex-start;height:100%;margin-left:calc(-1 * var(--space-2))}.header-logo{height:60px;width:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;display:block}[data-theme=dark] .header-logo{mix-blend-mode:screen}[data-theme=light] .header-logo{mix-blend-mode:multiply}.header-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;overflow:hidden}.header-separator{color:var(--text-tertiary)}.header-project{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.header-status{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--weight-normal)}.header-right{display:flex;align-items:center;gap:var(--space-3);justify-self:end}.credits-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.credits-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.user-avatar:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:var(--shadow-md)}@media (max-width: 768px){.studio-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:var(--z-fixed);transform:translate(-100%)}.studio-sidebar:not(.collapsed){transform:translate(0)}.header-title{font-size:var(--text-base)}.header-project{display:none}}.wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding:var(--space-4)}.wizard-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wizard-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);background:linear-gradient(135deg,#a855f71a,#3b82f61a)}.wizard-header-content{flex:1}.wizard-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-3)}.wizard-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4) 0}.wizard-close{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.wizard-close:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.wizard-step-indicator{display:flex;gap:var(--space-2);align-items:center}.step-dot{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-secondary);border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);transition:all .3s ease}.step-dot.active{background:linear-gradient(135deg,#a855f7,#3b82f6);border-color:#a855f7;color:#fff;transform:scale(1.1);box-shadow:0 0 20px #a855f766}.step-dot.completed{background:var(--color-success);border-color:var(--color-success);color:#fff}.wizard-content{flex:1;overflow-y:auto;padding:var(--space-6)}.wizard-step h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0}.step-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.project-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.project-type-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all .3s ease;text-align:center}.project-type-card:hover{border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 16px #0003}.project-type-card.selected{border-color:#a855f7;background:linear-gradient(135deg,#a855f726,#3b82f626);box-shadow:0 0 20px #a855f74d}.project-type-card svg{color:var(--text-secondary);margin-bottom:var(--space-3)}.project-type-card.selected svg{color:#a855f7}.project-type-card h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.project-type-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.project-type-card.disabled{opacity:.6;cursor:not-allowed!important;pointer-events:none}.coming-soon-badge{display:inline-block;margin-top:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-xs);padding:4px 12px;border-radius:var(--radius-full);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.field-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin:0 0 var(--space-2) 0}.wizard-input,.wizard-textarea,.wizard-select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:all .2s ease}.wizard-input:focus,.wizard-textarea:focus,.wizard-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.wizard-textarea{resize:vertical;min-height:80px}.step2-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-6);margin-top:var(--space-4);align-items:stretch}.step2-separator{width:1px;background:linear-gradient(to bottom,transparent,var(--border-subtle) 10%,var(--border-subtle) 90%,transparent)}.step2-description-col,.step2-canvas-col{display:flex;flex-direction:column}.step2-description-col .form-group,.step2-canvas-col .form-group{display:flex;flex-direction:column;flex:1}.project-description-textarea{flex:1;min-height:300px;resize:none}@media (max-width: 968px){.step2-columns{grid-template-columns:1fr}.step2-separator{display:none}.project-description-textarea{min-height:150px}}.canvas-upload-area{border:2px dashed var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all .2s ease;position:relative;flex:1;display:flex;align-items:center;justify-content:center}.canvas-upload-area:hover{border-color:#a855f7;background:#a855f70d}.canvas-upload-area.dragging{border-color:#a855f7;background:#a855f71a;border-width:3px}.canvas-upload-area.dragging:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a855f733,#3b82f633);border-radius:var(--radius-lg);pointer-events:none}.canvas-upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer;color:var(--text-secondary)}.canvas-upload-label:hover{color:var(--text-primary)}.canvas-image-preview{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex:1;justify-content:center;position:relative}.canvas-image-preview img{width:100%;max-height:250px;object-fit:contain;border-radius:var(--radius-md)}.canvas-remove-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;box-shadow:0 2px 8px #0003;z-index:10}.canvas-remove-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-hover);transform:scale(1.05)}.canvas-remove-btn:active{transform:scale(.95)}.ai-analysis-section{margin-top:var(--space-4)}.analysis-switch-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-3);min-height:64px}.switch-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;min-height:48px}.switch-label.disabled{opacity:.5;cursor:not-allowed}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-slider{position:relative;display:inline-block;width:44px;height:24px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;transition:all .3s ease}.switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:var(--text-tertiary);border-radius:50%;transition:all .3s ease}.switch-input:checked+.switch-slider{background:linear-gradient(135deg,#a855f7,#3b82f6);border-color:#a855f7}.switch-input:checked+.switch-slider:before{transform:translate(20px);background:#fff}.switch-text{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-weight:500;white-space:nowrap;flex-shrink:0}.recommended-badge{background:linear-gradient(135deg,#a855f7,#3b82f6);color:#fff;font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:600;white-space:nowrap;flex-shrink:0;align-self:center}.analysis-cost-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);min-width:60px;flex-shrink:0}.next-cost{display:inline-flex;align-items:center;gap:4px;font-size:.9em;opacity:.9}.btn-ai{background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all .2s ease}.btn-ai:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #a855f74d}.btn-ai:disabled{opacity:.5;cursor:not-allowed}.btn-ai.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.ai-cost{opacity:.8;font-size:.9em}.error-text{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.canvas-analysis-result{margin-top:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.canvas-analysis-result h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3) 0}.analysis-grid{display:grid;gap:var(--space-2)}.analysis-item{font-size:var(--text-sm);color:var(--text-secondary)}.analysis-item strong{color:var(--text-primary)}.loading-tools{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-secondary)}.tools-switch-list{display:flex;flex-direction:column;gap:var(--space-3)}.tool-switch-container{padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.tool-switch-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.switch-text-content{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);flex:1;flex-wrap:wrap}.tool-description-hint{margin:0;font-size:var(--text-xs);color:var(--text-tertiary);line-height:1;flex-shrink:1;min-width:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.tool-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all .3s ease;overflow:hidden}.tool-card:hover{border-color:var(--border-secondary);transform:translateY(-2px)}.tool-card.selected{border-color:#a855f7;background:linear-gradient(135deg,#a855f71a,#3b82f61a)}.tool-cover{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-3)}.tool-card h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.tool-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-selection-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.tool-card.selected .tool-selection-indicator{color:#a855f7}.selected-tools-summary{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.total-cost{display:flex;align-items:center;gap:var(--space-2)}.tools-config-list{display:flex;flex-direction:column;gap:var(--space-6)}.tool-config-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.tool-config-section h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.tool-config-fields{display:flex;flex-direction:column;gap:var(--space-4)}.prompt-field-group{display:flex;flex-direction:column;gap:var(--space-2)}.no-config-text{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic;margin:0}.wizard-footer{padding:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3);background:var(--bg-secondary)}.wizard-footer-spacer{flex:1}.btn-primary,.btn-secondary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#a855f7,#3b82f6);color:#fff}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-secondary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.processing-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);min-width:400px;max-width:500px;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff0d}.processing-current{text-align:center;margin-bottom:var(--space-6)}.processing-spinner{width:48px;height:48px;margin:0 auto var(--space-4);border:3px solid var(--border-primary);border-top-color:#a855f7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-current-label{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.processing-steps-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.processing-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all .2s ease}.processing-step-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.processing-step.completed{color:var(--text-secondary)}.processing-step.completed .processing-step-icon{color:#10b981}.processing-step.in_progress{background:#a855f71a;color:var(--text-primary);font-weight:500}.processing-step.in_progress .processing-step-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.processing-step.pending{color:var(--text-tertiary)}.progress-bar-container{margin-top:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#a855f7,#3b82f6);transition:width .3s ease;border-radius:var(--radius-full)}@media (max-width: 768px){.processing-modal{min-width:90%;max-width:90%}.wizard-modal{max-width:100%;max-height:100vh;border-radius:0}.project-type-cards,.tools-grid{grid-template-columns:1fr}.wizard-header,.wizard-content,.wizard-footer{padding:var(--space-4)}}.quick-analysis-modal{max-width:700px;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-primary)}.modal-header h3{margin:0;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--text-primary)}.btn-icon{background:transparent;border:none;padding:var(--space-2);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1;padding:var(--space-6);overflow-y:auto}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:var(--space-3)}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--text-secondary)}.analysis-result{display:flex;flex-direction:column;gap:var(--space-5)}.analysis-section{display:flex;flex-direction:column;gap:var(--space-2)}.analysis-section h4{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.analysis-section p{margin:0;color:var(--text-primary);line-height:1.6}.analysis-section ul{margin:0;padding-left:var(--space-5);color:var(--text-primary)}.analysis-section li{margin-bottom:var(--space-2);line-height:1.5}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.analysis-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.analysis-item strong{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.analysis-item span{font-size:var(--text-sm);color:var(--text-primary)}.color-palette{display:flex;gap:var(--space-2);flex-wrap:wrap}.color-swatch{width:80px;height:80px;border-radius:var(--radius-md);border:1px solid var(--border-primary);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-2);position:relative;overflow:hidden}.color-swatch span{font-size:var(--text-xs);background:#000000b3;color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace}.canvas-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.comprehensive-analysis-modal{max-width:900px;max-height:85vh;display:flex;flex-direction:column}.executive-summary{background:linear-gradient(135deg,#a855f71a,#3b82f61a);border:1px solid rgba(168,85,247,.3);padding:var(--space-4);border-radius:var(--radius-lg)}.executive-summary h4{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-primary)!important}.summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.summary-list li{padding-left:var(--space-4);position:relative;color:var(--text-primary)}.summary-list li:before{content:"→";position:absolute;left:0;color:#a855f7;font-weight:700}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--weight-semibold)}.info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.material-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--transition-fast)}.material-card:hover{border-color:var(--border-secondary);background:var(--bg-quaternary)}.material-area{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--weight-semibold)}.material-info{display:flex;justify-content:space-between;align-items:center}.material-type{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}.material-reflectance{font-size:var(--text-xs);color:var(--text-tertiary);padding:2px 8px;background:var(--bg-primary);border-radius:var(--radius-full)}.elements-summary{display:flex;flex-wrap:wrap;gap:var(--space-2)}.element-badge{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.element-category{color:var(--text-primary);font-weight:var(--weight-medium)}.element-count{background:linear-gradient(135deg,#a855f7,#3b82f6);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);min-width:24px;text-align:center}.zone-group{margin-bottom:var(--space-3)}.zone-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.zone-header.useful{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.zone-header.sensitive{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.zone-header.avoid{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.zone-list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-left:var(--space-6)}.zone-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary)}.complexity-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase}.complexity-badge.low{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.complexity-badge.medium{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.complexity-badge.high{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.risks-list,.anchors-list{margin-top:var(--space-3)}.risks-list strong,.anchors-list strong{color:var(--text-secondary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.risks-list ul{margin-top:var(--space-2);padding-left:var(--space-5)}.anchor-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.anchor-tag{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary)}.opportunities-list{display:flex;flex-direction:column;gap:var(--space-3)}.opportunity-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast)}.opportunity-card:hover{border-color:#a855f7;background:var(--bg-quaternary)}.opportunity-element{font-size:var(--text-xs);color:#a855f7;text-transform:uppercase;letter-spacing:.5px;font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.opportunity-suggestion{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.intent-item{margin-bottom:var(--space-3)}.intent-item strong{display:block;color:var(--text-secondary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.intent-item p{margin:0;padding-left:var(--space-4);color:var(--text-primary);line-height:1.6}.intent-item ul{margin:0;padding-left:var(--space-5)}.questions-list li{color:var(--text-primary);margin-bottom:var(--space-2);position:relative}.questions-list li::marker{color:#a855f7}.analysis-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)!important;text-transform:none;letter-spacing:normal;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-primary)}.projects-space{height:100%;display:flex;flex-direction:column;overflow:hidden}.projects-space.loading,.projects-space.empty{display:flex;align-items:center;justify-content:center}.loading-spinner{font-size:var(--text-lg);color:var(--text-secondary)}.projects-header{padding:var(--space-8);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-left{flex:1}.projects-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.projects-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.projects-grid{flex:1;padding:var(--space-8);overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);align-content:start;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card{cursor:pointer;border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;box-shadow:0 0 #0000;min-height:240px;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) backwards}.project-card:hover:not(.deleting){transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 8px 24px #00000040}.project-card.deleting{pointer-events:none}.project-card:nth-child(1){animation-delay:0ms}.project-card:nth-child(2){animation-delay:50ms}.project-card:nth-child(3){animation-delay:.1s}.project-card:nth-child(4){animation-delay:.15s}.project-card:nth-child(5){animation-delay:.2s}.project-card:nth-child(6){animation-delay:.25s}.project-card:nth-child(7){animation-delay:.3s}.project-card:nth-child(8){animation-delay:.35s}.project-card:nth-child(9){animation-delay:.4s}.project-card:nth-child(n+10){animation-delay:.45s}.project-cover{position:relative;height:180px;background:#0f172a}.project-cover-image{width:100%;height:100%;object-fit:cover;display:block}.project-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0b1220,#141b2b);display:flex;align-items:center;justify-content:center;color:#64748b}.project-cover-overlay{display:none}.project-folder-icon{background:#0f172ad9;border:2px solid rgba(255,255,255,.25)}.project-folder-icon svg{color:#94a3b8}[data-theme=light] .project-folder-icon{background:#ffffffd9;border:2px solid rgba(0,0,0,.15)}[data-theme=light] .project-folder-icon svg{color:#475569}.project-info{padding:var(--space-4) var(--space-5)}.project-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.project-meta{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}@media (max-width: 768px){.projects-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.projects-grid{grid-template-columns:1fr;padding:var(--space-4)}}.asset-gallery-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}.asset-gallery-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.asset-gallery-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary)}.asset-gallery-modal__title{display:flex;align-items:center;gap:var(--space-3);margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.asset-gallery-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s}.asset-gallery-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.asset-gallery-modal__content{flex:1;overflow-y:auto;padding:var(--space-6);min-height:400px}.asset-gallery-modal__loading,.asset-gallery-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-4);color:var(--text-tertiary)}.asset-gallery-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.asset-gallery-modal__item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s;background:var(--bg-secondary)}.asset-gallery-modal__item:hover{border-color:var(--accent-primary);transform:scale(1.02);box-shadow:0 4px 12px #0ea5e94d}.asset-gallery-modal__item.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0ea5e933}.asset-gallery-modal__item.generating{pointer-events:none;position:relative;overflow:hidden}.asset-gallery-modal__item.generating:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0ea5e926,#3b82f640,#0ea5e926,#3b82f640,#0ea5e926);background-size:300% 300%;animation:shimmer 3s ease infinite;z-index:1;pointer-events:none}.asset-gallery-modal__item.generating:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(14,165,233,.2) 0%,transparent 70%);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;z-index:1;pointer-events:none}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.asset-gallery-modal__generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;pointer-events:none}.asset-gallery-modal__generating-overlay svg{animation:spin 1s linear infinite;color:var(--accent-primary);filter:drop-shadow(0 0 8px rgba(14,165,233,.6))}.asset-gallery-modal__thumbnail{width:100%;height:100%;object-fit:cover;display:block}.asset-gallery-modal__video-thumb{position:relative;width:100%;height:100%}.asset-gallery-modal__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;pointer-events:none}.asset-gallery-modal__check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.asset-gallery-modal__footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-primary);justify-content:flex-end}.asset-gallery-modal__btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:var(--space-2)}.asset-gallery-modal__btn--cancel{background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary)}.asset-gallery-modal__btn--cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.asset-gallery-modal__btn--select{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.asset-gallery-modal__btn--select:hover:not(:disabled){background:#0ea5e9}.asset-gallery-modal__btn--select:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.asset-gallery-modal__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.tool-detail-view{display:flex;flex-direction:column;min-height:100%;width:100%;background:var(--bg-primary);position:relative;animation:slideInFromRight .3s cubic-bezier(.16,1,.3,1)}.tool-detail-view.exiting{animation:slideOutToRight .3s cubic-bezier(.4,0,.6,1)}.tool-detail-header{background:var(--bg-primary)}.tool-detail-hero{position:relative;height:240px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);overflow:hidden}.tool-detail-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.35;filter:blur(3px)}.tool-detail-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,var(--bg-primary) 80%)}.tool-detail-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);max-width:1200px;margin:0 auto}.tool-detail-back-btn{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.tool-detail-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.tool-detail-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-4)}.tool-detail-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.tool-detail-stat{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.tool-detail-tabs{max-width:1200px;margin:0 auto;padding:0 var(--space-8);display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-primary)}.tool-detail-tab{padding:var(--space-3) var(--space-5);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s ease;position:relative;display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tool-detail-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tool-detail-tab.active{color:var(--accent-primary);background:transparent}.tool-detail-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:2px 2px 0 0}.tool-detail-tab-count{font-size:var(--text-xs);padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:999px;opacity:.7;transition:all .15s ease}.tool-detail-tab.active .tool-detail-tab-count{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);opacity:1}.tool-actions{display:flex;gap:8px}.tool-cancel-btn{flex:0 0 auto;padding:12px 20px;background:var(--panel-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-quaternary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.tool-cancel-btn:hover:not(:disabled){background:var(--panel-secondary);border-color:var(--border-secondary);color:var(--text-tertiary);transform:translateY(-1px);box-shadow:var(--elevation-2)}.tool-cancel-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--elevation-1)}.tool-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.tool-execute-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent);border:1px solid var(--accent-hover);border-radius:4px;color:var(--text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px var(--focus),var(--elevation-2);text-shadow:0 0 2px var(--focus)}.tool-execute-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 8px var(--focus),var(--elevation-3)}.tool-execute-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px var(--focus),var(--elevation-1)}.tool-execute-btn:disabled{background:var(--panel-tertiary);border-color:var(--border);color:var(--text-quaternary);cursor:not-allowed;box-shadow:var(--elevation-1);text-shadow:var(--shadow-xs)}.tool-execute-btn__credits{background:#00000040;border:1px solid rgba(0,0,0,.2);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.tool-detail-content{flex:1;overflow-y:auto;background:var(--bg-primary)}.tool-detail-content-inner{max-width:1200px;margin:0 auto;padding:var(--space-8)}.tool-overview-section{margin-bottom:var(--space-8)}.tool-overview-section h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.tool-overview-description{color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}.tool-params-list{display:grid;gap:var(--space-4)}.tool-param-item{padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.tool-param-name{font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.tool-param-type{font-size:var(--text-xs);color:var(--text-tertiary);font-family:Monaco,Courier New,monospace}.tool-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.tool-example-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.tool-example-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-border)}.tool-example-image{width:100%;height:200px;object-fit:cover;background:var(--bg-tertiary)}.tool-example-content{padding:var(--space-4)}.tool-example-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.tool-reviews-list{display:grid;gap:var(--space-6)}.tool-review-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.tool-review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.tool-review-user{display:flex;align-items:center;gap:var(--space-3)}.tool-review-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--weight-bold);font-size:var(--text-sm)}.tool-review-info{display:flex;flex-direction:column;gap:var(--space-1)}.tool-review-name{font-weight:var(--weight-semibold);color:var(--text-primary)}.tool-review-date{font-size:var(--text-xs);color:var(--text-tertiary)}.tool-review-comment{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.tool-review-asset{margin-top:var(--space-4);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-primary)}.tool-review-asset img{width:100%;height:auto;display:block}.tool-review-actions{display:flex;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.tool-review-helpful{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.tool-review-helpful:hover{background:var(--bg-tertiary);border-color:var(--accent-border);color:var(--accent-primary)}.tool-faq-list{display:grid;gap:var(--space-4)}.tool-faq-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.tool-faq-question{width:100%;padding:var(--space-4) var(--space-6);background:transparent;border:none;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-medium);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-fast)}.tool-faq-question:hover{background:var(--bg-tertiary)}.tool-faq-answer{padding:0 var(--space-6) var(--space-4);color:var(--text-secondary);line-height:var(--leading-relaxed);display:none}.tool-faq-item.open .tool-faq-answer{display:block}.tool-faq-icon{transition:transform var(--transition-fast)}.tool-faq-item.open .tool-faq-icon{transform:rotate(180deg)}.tool-detail-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-tertiary)}.tool-detail-empty-icon{margin-bottom:var(--space-4);opacity:.5}@media (max-width: 768px){.tool-detail-hero{height:200px}.tool-detail-hero-content,.tool-detail-tabs-inner,.tool-detail-content-inner{padding:var(--space-4)}.tool-detail-title{font-size:var(--text-2xl)}.tool-examples-grid{grid-template-columns:1fr}.tool-detail-tabs-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.lab-space{padding:var(--space-8);max-width:1400px;margin:0 auto;animation:slideInFromLeft .3s cubic-bezier(.16,1,.3,1)}.lab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.lab-header-left{display:flex;align-items:center;gap:var(--space-4)}.lab-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.lab-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.lab-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.filter-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.filter-btn.active{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent-primary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.tool-card{padding:var(--space-6);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#0d0d0d99!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05);min-height:240px}.tool-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.4;filter:blur(8px);transition:all .3s ease;z-index:0;transform:scale(2)}.tool-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d0d0db3,#0d0d0d66);z-index:1}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(14,165,233,.08) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;z-index:2}.tool-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px -10px #0ea5e94d,0 0 0 1px #0ea5e933;border-color:#0ea5e94d}.tool-card:hover .tool-card-bg{opacity:.5;filter:blur(6px);transform:scale(1.2)}.tool-card:hover:before{opacity:1}.tool-icon{font-size:48px;margin-bottom:var(--space-4);line-height:1;position:relative;z-index:1}.tool-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2);position:relative;z-index:1}.tool-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4);min-height:3em;position:relative;z-index:1}.tool-stats{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);position:relative;z-index:3}.tool-stat-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.tool-stat-item .icon{color:var(--accent-primary);opacity:.8}.tool-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);position:relative;z-index:3}.tool-uses{font-size:var(--text-xs);color:var(--text-tertiary)}.tool-kind{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.tool-credits{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium)}.tools-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);color:var(--text-tertiary)}[data-theme=light] .tool-card{background:#ffffffb3!important;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .tool-card-overlay{background:linear-gradient(135deg,#ffffffd9,#fff9)}[data-theme=light] .tool-card:before{background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.08) 50%,transparent 100%)}[data-theme=light] .tool-card:hover{box-shadow:0 12px 40px -10px #3b82f633,0 0 0 1px #3b82f626;border-color:#3b82f640}[data-theme=light] .tool-card-bg{opacity:.3}[data-theme=light] .tool-card:hover .tool-card-bg{opacity:.4}@media (max-width: 768px){.lab-space{padding:var(--space-4)}.lab-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.tools-grid{grid-template-columns:1fr}}.video-preview-container{display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;height:100%}.video-preview-display{position:relative;flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-preview-media{max-width:100%;max-height:100%;object-fit:contain}.video-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-muted);text-align:center}.video-preview-placeholder p{font-size:var(--text-base);color:var(--text-tertiary)}.video-preview-overlay{position:absolute;top:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease}.video-preview-container:hover .video-preview-overlay{opacity:1}.preview-clip-info{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-preview-timeline{flex-shrink:0;height:32px;background:var(--bg-secondary);border-top:1px solid var(--border-primary);cursor:pointer;position:relative;padding:8px 0}.timeline-progress-bg{position:relative;height:100%;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.timeline-progress-fill{position:absolute;top:0;left:0;bottom:0;background:var(--accent-primary);transition:width .1s ease}.timeline-playhead-marker{position:absolute;top:-4px;bottom:-4px;width:12px;margin-left:-6px;background:var(--text-primary);border-radius:var(--radius-full);box-shadow:0 2px 4px #0006;transition:left .1s ease}.timeline-playhead-marker:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--accent-primary);border-radius:var(--radius-full)}.video-preview-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border-primary);flex-shrink:0}.controls-group{display:flex;align-items:center;gap:var(--space-2)}.controls-time{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);min-width:100px}.time-separator{color:var(--text-tertiary)}.controls-volume{position:relative}.volume-slider{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d}.volume-slider .slider{writing-mode:vertical-lr;direction:rtl;width:4px;height:80px;background:var(--bg-app);border-radius:var(--radius-full);outline:none;cursor:pointer}.volume-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent-primary);border-radius:var(--radius-full);cursor:pointer}.volume-slider .slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent-primary);border-radius:var(--radius-full);border:none;cursor:pointer}.speed-select{padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;outline:none;transition:all .2s ease}.speed-select:hover{background:var(--bg-app);border-color:var(--accent-primary)}.speed-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0ea5e91a}.video-preview-container:fullscreen{background:#000}.video-preview-container:fullscreen .video-preview-display{flex:1}.video-preview-container:fullscreen .video-preview-media{max-width:100vw;max-height:100vh}@media (max-width: 768px){.video-preview-controls{padding:var(--space-2) var(--space-3);gap:var(--space-1)}.controls-group{gap:var(--space-1)}.controls-time{font-size:var(--text-xs);min-width:80px}.video-preview-timeline{height:24px;padding:4px 0}}.timeline-clip{position:absolute;top:8px;bottom:8px;border-radius:var(--radius-sm);cursor:move;-webkit-user-select:none;user-select:none;overflow:hidden;box-shadow:0 2px 8px #0000004d;transition:box-shadow .2s ease,transform .1s ease;border:1px solid rgba(255,255,255,.1)}.timeline-clip:hover{box-shadow:0 4px 12px #0006;z-index:10}.timeline-clip.selected{border:2px solid var(--accent-primary);box-shadow:0 0 0 3px #0ea5e933;z-index:20}.timeline-clip.dragging{opacity:.7;transform:scale(1.02);z-index:50}.timeline-clip.resizing{z-index:40}.clip-resize-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:30;opacity:0;transition:opacity .2s ease}.clip-resize-handle:hover,.timeline-clip:hover .clip-resize-handle{opacity:1}.clip-resize-left{left:0;background:linear-gradient(to right,rgba(255,255,255,.3),transparent);border-left:2px solid rgba(255,255,255,.5)}.clip-resize-right{right:0;background:linear-gradient(to left,rgba(255,255,255,.3),transparent);border-right:2px solid rgba(255,255,255,.5)}.clip-content{position:relative;display:flex;align-items:center;gap:var(--space-2);height:100%;padding:var(--space-2) var(--space-3);pointer-events:none}.clip-thumbnail{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-xs);overflow:hidden;background:#0000004d}.clip-thumbnail img{width:100%;height:100%;object-fit:cover}.clip-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.clip-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.clip-duration{font-size:var(--text-xs);font-family:var(--font-mono);color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.5)}.clip-actions{position:absolute;top:var(--space-1);right:var(--space-1);display:flex;gap:var(--space-1);pointer-events:all}.clip-action-btn{width:24px;height:24px;border-radius:var(--radius-xs);background:#0009;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.clip-action-btn:hover{background:#ef4444cc;border-color:#ef4444;transform:scale(1.1)}.clip-transition{position:absolute;top:0;width:20px;height:100%;display:flex;align-items:center;justify-content:center;background:#0006;border:1px solid rgba(255,255,255,.2);pointer-events:none}.clip-transition-in{left:0;border-left:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.clip-transition-out{right:0;border-right:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.clip-locked{position:absolute;top:var(--space-1);left:var(--space-1);width:20px;height:20px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--warning);pointer-events:none}@media (max-width: 768px){.timeline-clip{top:4px;bottom:4px}.clip-content{padding:var(--space-1) var(--space-2)}.clip-thumbnail{width:32px;height:32px}.clip-label{font-size:var(--text-xs)}.clip-duration{display:none}}.timeline-track{display:flex;align-items:stretch;min-height:64px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);position:relative}.timeline-track:last-child{border-bottom:none}.timeline-track-label{flex-shrink:0;width:120px;padding:var(--space-3);background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.track-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.timeline-track-content{flex:1;position:relative;min-width:100%}.timeline-track-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timeline-track-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--text-muted);pointer-events:none}.timeline-track:has(.timeline-track-content:hover) .timeline-track-dropzone:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px dashed var(--accent-primary);border-radius:var(--radius-sm);opacity:.3;pointer-events:none}.timeline-track.track-0 .timeline-track-label{background:var(--bg-secondary)}.timeline-track.track-1,.timeline-track.track-2{opacity:.95}.timeline-track.track-1 .timeline-track-label,.timeline-track.track-2 .timeline-track-label{background:var(--bg-tertiary)}.timeline-container{display:flex;flex-direction:column;background:var(--bg-primary);border-top:1px solid var(--border-primary);height:100%;overflow:hidden}.timeline-controls{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.timeline-control-group{display:flex;align-items:center;gap:var(--space-2)}.timeline-time,.timeline-duration{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);min-width:60px}.timeline-separator{color:var(--text-tertiary);margin:0 var(--space-1)}.timeline-ruler{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);overflow-x:auto;overflow-y:hidden;height:32px;flex-shrink:0;position:relative}.timeline-ruler-track{position:relative;height:100%;min-width:100%}.timeline-marker{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center}.timeline-marker-line{width:1px;height:8px;background:var(--border-secondary);margin-top:auto}.timeline-marker-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);position:absolute;top:4px;left:4px;white-space:nowrap}.timeline-tracks{flex:1;overflow-x:auto;overflow-y:auto;position:relative;background:var(--bg-app)}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;z-index:100;pointer-events:none}.timeline-playhead-head{position:absolute;top:-8px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--accent-primary);cursor:ew-resize;pointer-events:all}.timeline-playhead-line{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--accent-primary);pointer-events:none}.timeline-playhead.dragging .timeline-playhead-head{border-top-color:var(--accent-hover)}.timeline-playhead.dragging .timeline-playhead-line{background:var(--accent-hover);box-shadow:0 0 8px var(--accent-primary)}@media (max-width: 768px){.timeline-controls{flex-wrap:wrap;gap:var(--space-2)}.timeline-control-group{gap:var(--space-1)}}.storyboard-space{height:100%;display:flex;flex-direction:column;overflow:hidden}.storyboard-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.storyboard-header .header-left{display:flex;align-items:center;gap:var(--space-4)}.storyboard-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.storyboard-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.header-actions{display:flex;gap:var(--space-3)}.storyboard-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-section{height:400px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.timeline-section{flex:1;overflow:hidden}@media (max-width: 768px){.storyboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4)}.preview-section{height:300px}}.transaction-history{width:100%;background:linear-gradient(180deg,var(--panel-secondary) 0%,var(--panel) 100%);border:1px solid var(--border-primary);border-radius:8px;padding:24px;box-shadow:var(--elevation-2)}.transaction-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.transaction-filters{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.transaction-loading,.transaction-error,.transaction-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary);font-size:.95rem}.transaction-error{color:#e74c3c}.transaction-table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem}.transaction-table{width:100%;border-collapse:collapse;background:var(--color-bg-secondary)}.transaction-table thead{background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border)}.transaction-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.transaction-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .15s ease}.transaction-table tbody tr:last-child{border-bottom:none}.transaction-table tbody tr:hover{background:var(--color-bg-hover)}.transaction-table td{padding:1rem;font-size:.9375rem;color:var(--color-text-primary)}.date-cell{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}.type-badge{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.type-badge.credit{background:#2ecc7126;color:#27ae60}.type-badge.debit{background:#e74c3c26;color:#e74c3c}.credits-cell{font-weight:600;font-variant-numeric:tabular-nums}.credits-cell.credit{color:#27ae60}.credits-cell.debit{color:#e74c3c}.description-cell{color:var(--color-text-secondary)}.transaction-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem;gap:1rem}.pagination-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:6px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}[data-theme=dark] .type-badge.credit{background:#2ecc7133;color:#2ecc71}[data-theme=dark] .type-badge.debit{background:#e74c3c33;color:#ff6b6b}[data-theme=dark] .credits-cell.credit{color:#2ecc71}[data-theme=dark] .credits-cell.debit{color:#ff6b6b}[data-theme=light] .transaction-table thead{background:#f8f9fa}[data-theme=light] .transaction-table tbody tr:hover{background:#f1f3f5}@media (max-width: 768px){.transaction-header,.transaction-filters{justify-content:center}.transaction-table th,.transaction-table td{padding:.75rem .5rem;font-size:.875rem}.transaction-table th{font-size:.75rem}.date-cell{font-size:.8125rem}.pagination-btn{padding:.5rem .75rem;font-size:.8125rem}.pagination-info{font-size:.8125rem}}.settings-view{width:100%;height:100%;background:var(--bg-primary);overflow-y:auto;padding:32px}.settings-container{max-width:900px;margin:0 auto}.settings-header{margin-bottom:40px}.settings-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.settings-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin:0;font-family:Courier New,monospace}.settings-panel{background:linear-gradient(180deg,var(--panel-secondary) 0%,var(--panel) 100%);border:1px solid var(--border-primary);border-radius:8px;padding:24px;box-shadow:var(--elevation-2)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row:first-child{padding-top:0}.settings-label-group{display:flex;flex-direction:column;gap:4px;flex:1}.settings-label{font-size:14px;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.settings-description{font-size:12px;color:var(--text-secondary)}.settings-control{flex-shrink:0}.vintage-selector{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:6px;border:1px solid var(--border);box-shadow:var(--elevation-1)}.vintage-selector-option{padding:8px 16px;font-size:12px;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.5px;background:var(--panel-tertiary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-quaternary);cursor:pointer;transition:all .15s;box-shadow:var(--elevation-1)}.vintage-selector-option:hover{background:var(--panel-secondary);color:var(--text-tertiary)}.vintage-selector-option:active{transform:translateY(1px);box-shadow:var(--elevation-1)}.vintage-selector-option.active{background:var(--accent);color:var(--text);border-color:var(--accent);box-shadow:0 2px 6px var(--focus),var(--elevation-2);text-shadow:0 0 4px var(--focus)}.settings-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.settings-stat-card{background:var(--bg);border:2px solid var(--border);border-radius:6px;padding:20px;box-shadow:var(--elevation-2)}.stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-quaternary);font-family:Courier New,monospace;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:var(--accent);font-family:Courier New,monospace;line-height:1;margin-bottom:4px;text-shadow:0 0 8px var(--focus)}.stat-detail{font-size:12px;color:var(--text-tertiary);font-family:Courier New,monospace}.usage-stats{display:flex;flex-direction:column;gap:12px}.settings-view .admin-content{height:600px;overflow-y:auto;scroll-behavior:auto;position:relative}.usage-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff05;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.usage-label{font-size:13px;color:var(--text-secondary);font-family:Courier New,monospace}.usage-value{font-size:16px;font-weight:700;color:var(--accent);font-family:Courier New,monospace;text-shadow:0 0 4px var(--focus)}.canvas-viewer{display:flex;flex-direction:column;gap:1rem;width:100%}.canvas-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary);gap:.75rem}.canvas-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.control-group{display:flex;align-items:center;gap:.75rem}.control-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.opacity-slider{width:150px;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:transform .15s}.opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.opacity-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;transition:transform .15s}.opacity-slider::-moz-range-thumb:hover{transform:scale(1.2)}.opacity-value{font-size:.875rem;font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}.btn-toggle-all{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-toggle-all:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.canvas-viewer-legend{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.legend-item.active{background:var(--bg-tertiary);border-color:var(--primary-color)}.legend-item.inactive{opacity:.4}.legend-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.legend-color{width:16px;height:16px;border-radius:3px;border:2px solid white;box-shadow:0 1px 3px #0003}.legend-label{font-weight:500;color:var(--text-primary);text-transform:capitalize}.legend-count{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);padding:.125rem .5rem;border-radius:10px}.canvas-viewer-container{position:relative;width:100%;background:var(--bg-tertiary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.canvas-image{width:100%;height:auto;display:block}.canvas-overlay{position:absolute;top:0;left:0;pointer-events:none}.bbox-rect{transition:stroke-width .2s}.bbox-label-bg{opacity:.9}.bbox-label-text{-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.canvas-viewer-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.stat-item svg{color:var(--primary-color)}@media (max-width: 768px){.canvas-viewer-controls{flex-direction:column;align-items:stretch}.control-group{justify-content:space-between}.opacity-slider{flex:1}.canvas-viewer-legend{gap:.375rem}.legend-item{font-size:.8125rem;padding:.35rem .6rem}.legend-color{width:14px;height:14px}.canvas-viewer-stats{flex-direction:column;gap:.75rem}}.canvas-analysis-display{display:flex;flex-direction:column;gap:12px}.analysis-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:var(--text-tertiary);text-align:center}.analysis-section{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:all .2s ease}.analysis-section.expanded{border-color:var(--border-primary)}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.section-header:hover{background:var(--surface-hover)}.section-title{display:flex;align-items:center;gap:8px}.section-title h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.section-content{padding:0 16px 16px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.scene-info{display:flex;flex-direction:column;gap:12px}.scene-description{margin:0 0 8px;padding:12px;background:var(--surface-primary);border-left:3px solid var(--accent-primary);border-radius:4px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.info-row{display:flex;align-items:center;gap:8px;font-size:13px}.info-column{display:flex;flex-direction:column;gap:8px;font-size:13px}.info-row .label,.info-column .label{font-weight:600;color:var(--text-tertiary)}.info-row .value{color:var(--text-primary)}.info-row .value.badge{padding:4px 12px;background:var(--accent-primary);color:#fff;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.surfaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.surface-card{padding:12px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:6px}.surface-card h5{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text-primary)}.surface-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.detail-item svg{color:var(--text-tertiary);flex-shrink:0}.technical-info{display:flex;flex-direction:column;gap:12px}.constraints-list{margin:4px 0 0;padding-left:20px;color:var(--text-secondary)}.constraints-list li{margin-bottom:4px;font-size:13px}.recommendations-content{display:flex;flex-direction:column;gap:16px}.recommendation-group h5{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:6px 12px;font-size:12px;border-radius:16px;font-weight:500}.style-tag{background:var(--accent-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.color-tag{background:var(--surface-primary);color:var(--accent-primary);border:1px solid var(--accent-primary)}.considerations-list{margin:4px 0 0;padding-left:20px;color:var(--text-secondary)}.considerations-list li{margin-bottom:6px;font-size:13px;line-height:1.5}.canvas-info,.identification-info,.geometry-info{display:flex;flex-direction:column;gap:12px}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.material-card{padding:12px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:6px}.material-card h5{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.material-details{display:flex;flex-direction:column;gap:6px}.inventory-list{display:flex;flex-direction:column;gap:12px}.inventory-item{padding:12px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:6px}.inventory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inventory-header h5{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.count-badge{padding:4px 10px;background:var(--accent-secondary);color:var(--text-primary);border-radius:12px;font-size:12px;font-weight:600}.instances-info{font-size:12px;color:var(--text-secondary)}.instances-summary{margin:0 0 4px}.notes{margin:4px 0 0;font-size:12px;color:var(--text-tertiary);font-style:italic}.depth-layers-list{margin:4px 0 0;padding-left:20px;list-style:none}.depth-layers-list li{padding:4px 0;font-size:13px;color:var(--text-secondary)}.color-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.color-tag{padding:4px 10px;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:12px;font-size:11px;color:var(--text-secondary)}.obstacles-list{margin:4px 0 0;padding-left:20px;color:var(--text-secondary)}.obstacles-list li{margin-bottom:4px;font-size:13px}.inferred-intent{margin:4px 0 8px;padding:8px;background:var(--surface-primary);border-left:3px solid var(--accent-primary);border-radius:4px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.open-questions h6{margin:8px 0 4px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.open-questions ul{margin:4px 0 0;padding-left:20px;color:var(--text-secondary)}.open-questions li{margin-bottom:4px;font-size:13px;line-height:1.4}.prompt-engineering-info{display:flex;flex-direction:column;gap:var(--space-6)}.style-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.style-badge{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:0 2px 4px #0000001a}.technique-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-2)}.technique-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.technique-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.technique-card h5{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.technique-card p{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.difficulty-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase}.difficulty-badge.beginner{background:var(--success);color:#fff}.difficulty-badge.intermediate{background:var(--warning);color:#fff}.difficulty-badge.advanced{background:var(--error);color:#fff}.concept-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-2)}.concept-card{background:var(--bg-secondary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--space-4)}.concept-card h5{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.prompt-snippet{margin:var(--space-2) 0;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;line-height:1.5}.color-scheme-tag{display:inline-block;padding:4px 10px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.color-palettes{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.color-palette{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.palette-name{min-width:120px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.color-swatches{display:flex;gap:var(--space-2)}.color-swatch{width:40px;height:40px;border-radius:var(--radius-sm);border:2px solid var(--border-primary);cursor:pointer;transition:transform var(--transition-base)}.color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.animation-list{margin:var(--space-2) 0 0 0;padding:0;list-style:none}.animation-list li{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.executive-summary{margin-top:var(--space-3)}.summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.summary-point{display:flex;align-items:flex-start;gap:var(--space-3);padding:0;background:transparent}.summary-point svg{flex-shrink:0;margin-top:2px;color:var(--accent-primary)}.summary-point span{flex:1;font-size:var(--text-sm);line-height:1.6;color:var(--text-primary)}.sources-list{list-style:none;padding:0;margin:var(--space-2) 0 0 0}.sources-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--border-primary)}.sources-list li:last-child{border-bottom:none}.sources-list a{color:var(--accent-primary);text-decoration:none;font-size:var(--text-sm)}.sources-list a:hover{text-decoration:underline}.access-date{color:var(--text-tertiary);font-size:var(--text-xs);margin-left:var(--space-2)}.hypotheses-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-3)}.hypothesis-card{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.hypothesis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.hypothesis-header h5{margin:0;font-size:var(--text-base);color:var(--text-primary)}.probability-badge{padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.probability-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.probability-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:width var(--transition-base)}.evidence-list{margin-top:var(--space-3)}.evidence-list strong{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-primary)}.evidence-list ul{margin:0;padding-left:var(--space-4);list-style-type:disc}.evidence-list li{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.vanishing-points-list,.axes-info,.modules-info{margin-top:var(--space-2)}.vanishing-points-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.vanishing-points-list li{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary)}.axes-info p,.modules-info p{margin:var(--space-1) 0;font-size:var(--text-sm);color:var(--text-secondary)}.declared-objectives,.inferred-intent-section,.assumptions{margin-top:var(--space-3)}.declared-objectives h6,.inferred-intent-section h6,.assumptions h6{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.declared-objectives p,.inferred-intent-section p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.assumptions ul{margin:0;padding-left:var(--space-4);list-style-type:disc}.assumptions li{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.prompt-engineering-info-v2{margin-top:var(--space-4)}.prompt-engineering-description{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.suggestions-list{display:flex;flex-direction:column;gap:var(--space-6)}.suggestion-card{padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--border-primary)}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-primary)}.suggestion-header h4{margin:0;font-size:var(--text-lg);color:var(--text-primary)}.suggestion-badge{padding:var(--space-2) var(--space-3);background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.5px}.suggestion-section{margin-bottom:var(--space-4)}.suggestion-section h6{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.suggestion-section p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.section-header-with-copy{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.section-header-with-copy h6{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.copy-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-base)}.copy-button:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary)}.copy-button.copied{background:var(--success);border-color:var(--success);color:#fff}.copy-button svg{width:14px;height:14px}.code-block{padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;line-height:1.6;margin:0}.prompt-example-card{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary)}.example-header h5{margin:0;font-size:var(--text-base);color:var(--text-primary)}.example-title{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.example-section{margin-bottom:var(--space-4)}.example-section:last-child{margin-bottom:0}.example-section h6{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.prompt-textarea{width:100%;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-base);font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;resize:vertical;min-height:120px}.prompt-textarea:focus{outline:none;border-color:var(--accent-primary)}.negative-prompt-text{padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.parameters-table{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.parameter-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.parameter-key{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.parameter-value{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.expert-comment{background:linear-gradient(135deg,#a855f71a,#3b82f61a);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--accent-primary)}.expert-comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.expert-comment-header svg{color:var(--accent-primary)}.expert-comment-header h6{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-primary)}.expert-comment p{margin:0;font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}.project-overview{height:100%;display:flex;flex-direction:column;background:var(--bg-app);overflow:hidden}.project-overview-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-tertiary)}.overview-header{padding:var(--space-6);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:start}.overview-header:has(.overview-reference-image){grid-template-columns:1fr 200px}.overview-header-left{min-width:0}.overview-header-left h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.project-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.overview-reference-image{width:200px;height:120px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.overview-reference-image img{width:100%;height:100%;object-fit:cover}.project-overview-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-primary);background:var(--bg-primary);padding:0 var(--space-6)}.project-tab{padding:var(--space-3) var(--space-5);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s ease;position:relative;display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.project-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.project-tab.active{color:var(--accent-primary);background:transparent}.project-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:2px 2px 0 0}.project-tab-count{font-size:var(--text-xs);padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:999px;opacity:.7;transition:all .15s ease}.project-tab.active .project-tab-count{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);opacity:1}.overview-no-reference{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--bg-app)}.no-reference-content{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.no-reference-icon{color:var(--text-tertiary);opacity:.5}.no-reference-content h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.no-reference-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.reference-upload-area{width:100%;min-height:300px;border:2px dashed var(--border-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);margin:var(--space-4) 0}.reference-upload-area:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.reference-upload-area.dragging{border-color:var(--accent-primary);background:linear-gradient(135deg,#a855f71a,#3b82f61a);border-width:3px}.reference-upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-6);color:var(--text-secondary)}.reference-upload-label:hover{color:var(--text-primary)}.reference-upload-label span{font-size:var(--text-sm);max-width:300px}.btn-primary{background:linear-gradient(135deg,#a855f7,#3b82f6);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #a855f74d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.overview-content{flex:1;padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-8)}.overview-section{display:flex;flex-direction:column;gap:var(--space-4);animation:fadeInUp .3s ease}.reference-image-container{width:100%;max-width:800px;margin:0 auto var(--space-4) auto;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary);box-shadow:0 2px 8px #0000001a}.reference-image{width:100%;height:auto;display:block;object-fit:cover}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.section-header-collapsible{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:var(--space-3);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-base)}.section-header-collapsible:hover{background:var(--bg-secondary)}.processing-loading,.processing-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-tertiary)}.processings-list{display:flex;flex-direction:column;gap:var(--space-4)}.processing-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);animation:slideInLeft .3s ease}.processing-card:hover{border-color:var(--border-secondary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.processing-card.completed{border-left:3px solid var(--success)}.processing-card.processing{border-left:3px solid var(--accent-primary)}.processing-card.failed{border-left:3px solid var(--error)}.processing-card.pending{border-left:3px solid var(--text-tertiary)}.processing-card-header{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.processing-info{display:flex;align-items:center;gap:var(--space-3)}.processing-info h4{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.processing-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.processing-card-body{padding:var(--space-4)}.ai-analysis-result{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}.json-toggle-button{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-base)}.json-toggle-button:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary)}.ai-analysis-result pre{margin:0;font-size:var(--text-xs);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.tool-processing-content{display:flex;flex-direction:column;gap:var(--space-4)}.image-placeholder{width:100%;aspect-ratio:16 / 9;background:var(--bg-secondary);border:1px dashed var(--border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-tertiary)}.image-placeholder.processing{border-color:var(--accent-primary);color:var(--accent-primary)}.image-placeholder.pending{opacity:.6}.result-image{width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-primary);background:var(--bg-secondary)}.result-image img{width:100%;height:auto;display:block}.processing-config{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}.processing-config h5{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.processing-config pre{margin:0;font-size:var(--text-xs);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.processing-card.processing .processing-status{animation:pulse 2s ease-in-out infinite}.processings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.processing-image-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.processing-image-card:hover{border-color:var(--border-secondary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.processing-image-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}.processing-image-wrapper img{width:100%;height:100%;object-fit:cover}.processing-image-placeholder{width:100%;aspect-ratio:16 / 9;background:var(--bg-secondary);border:1px dashed var(--border-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-tertiary)}.processing-image-placeholder.processing{border-color:var(--accent-primary);color:var(--accent-primary)}.processing-image-placeholder.failed{border-color:var(--error);color:var(--error)}.processing-image-placeholder.not-started{cursor:pointer;transition:all var(--transition-base)}.processing-image-placeholder.not-started:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-tertiary)}.processing-image-info{padding:var(--space-4)}.processing-image-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.processing-image-header h4{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.processing-image-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.tab-content{animation:fadeIn .3s ease}.analysis-source-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.analysis-source-badge strong{color:var(--text-primary)}.analysis-asset-id{margin-left:var(--space-1);opacity:.7;font-size:var(--text-xs)}.empty-analysis{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);text-align:center;color:var(--text-tertiary);animation:fadeIn .3s ease}.empty-analysis h3{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.empty-analysis p{margin:0;font-size:var(--text-base);color:var(--text-secondary);max-width:400px}.empty-analysis button{margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.credits-badge{background:#00000040;border:1px solid rgba(0,0,0,.2);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:var(--weight-semibold)}.docs-view{display:flex;height:100%;background:var(--bg-primary);overflow:hidden}.docs-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow-y:auto}.docs-sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-3);background:var(--bg-tertiary)}.docs-sidebar-header h2{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.docs-nav{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.docs-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s ease;text-align:left}.docs-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.docs-nav-item.active{background:var(--accent-primary);color:#fff}.docs-nav-item.active:hover{background:var(--accent-primary)}.docs-content{flex:1;overflow-y:auto;background:var(--bg-primary)}.docs-content-inner{max-width:800px;margin:0 auto;padding:var(--space-8)}.docs-heading{color:var(--text-primary);font-weight:var(--weight-bold);margin:var(--space-6) 0 var(--space-4) 0;line-height:1.3}.docs-heading:first-child{margin-top:0}h1.docs-heading{font-size:2.5rem;margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2.docs-heading{font-size:1.75rem;margin-top:var(--space-8);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-primary)}h3.docs-heading{font-size:1.25rem;margin-top:var(--space-6);color:var(--text-secondary)}.docs-paragraph{color:var(--text-secondary);font-size:var(--text-base);line-height:1.7;margin:var(--space-4) 0}.docs-list{color:var(--text-secondary);font-size:var(--text-base);line-height:1.7;margin:var(--space-4) 0;padding-left:var(--space-6)}.docs-list li{margin:var(--space-2) 0;padding-left:var(--space-2)}.docs-list li::marker{color:var(--accent-primary)}.docs-list strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.docs-callout{display:flex;gap:var(--space-3);padding:var(--space-4);margin:var(--space-6) 0;border-radius:var(--radius-md);border-left:4px solid;background:var(--bg-secondary)}.docs-callout p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.docs-callout-tip{border-left-color:var(--accent-primary);background:linear-gradient(90deg,rgba(99,102,241,.1),transparent)}.docs-callout-tip svg{color:var(--accent-primary);flex-shrink:0}.docs-callout-warning{border-left-color:#f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.1),transparent)}.docs-callout-warning svg{color:#f59e0b;flex-shrink:0}.docs-sidebar::-webkit-scrollbar,.docs-content::-webkit-scrollbar{width:8px}.docs-sidebar::-webkit-scrollbar-track,.docs-content::-webkit-scrollbar-track{background:transparent}.docs-sidebar::-webkit-scrollbar-thumb,.docs-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.docs-sidebar::-webkit-scrollbar-thumb:hover,.docs-content::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}@media (max-width: 768px){.docs-sidebar{width:220px}.docs-content-inner{padding:var(--space-6) var(--space-4)}h1.docs-heading{font-size:2rem}h2.docs-heading{font-size:1.5rem}h3.docs-heading{font-size:1.125rem}}.create-tool-page{padding:var(--space-8);max-width:900px;margin:0 auto}.page-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.tool-form{display:grid;gap:var(--space-6)}.form-section{padding:var(--space-6)}.form-section h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-6)}.form-section h3{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-primary);margin:0 0 var(--space-4)}.form-group{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.form-group:last-child{margin-bottom:0}.form-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.form-group .required{color:var(--accent-primary)}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.form-group textarea{resize:vertical;min-height:80px}.form-group small{font-size:var(--text-xs);color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:var(--text-sm);color:var(--text-primary)}.radio-group{display:grid;gap:var(--space-2)}.radio-label{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-label:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.radio-label input[type=radio]{margin-top:2px;width:18px;height:18px;cursor:pointer}.radio-label input[type=radio]:checked+div{color:var(--accent-primary)}.radio-label div{display:grid;gap:var(--space-1)}.radio-label strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.radio-label small{font-size:var(--text-xs);color:var(--text-tertiary)}.pricing-preview{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.pricing-breakdown{display:grid;gap:var(--space-2)}.pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text-secondary)}.pricing-row strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.pricing-row.markup,.pricing-row.markup strong{color:var(--accent-primary)}.pricing-row.total{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--weight-medium)}.pricing-row.total strong{font-size:var(--text-lg)}.pricing-divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.pricing-row.earnings strong.earn{color:#10b981}.pricing-row.platform{font-size:var(--text-xs)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4)}@media (max-width: 768px){.create-tool-page{padding:var(--space-4)}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}.my-tools-page{padding:var(--space-8);max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.page-header p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.earnings-card{padding:var(--space-6);margin-bottom:var(--space-6)}.earnings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.earning-stat{display:grid;gap:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--weight-medium)}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.stat-value.pending{color:var(--accent-primary)}.tools-list{display:grid;gap:var(--space-4)}.tool-item{padding:var(--space-6);transition:all var(--transition-fast)}.tool-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.tool-info h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.tool-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.tool-actions{display:flex;gap:var(--space-2)}.tool-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tool-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.tool-stats .stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.tool-stats .stat.rating{color:#fbbf24}.tool-stats .stat small{font-size:var(--text-xs);color:var(--text-tertiary)}.tools-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--text-tertiary)}@media (max-width: 768px){.my-tools-page{padding:var(--space-4)}.page-header{flex-direction:column;gap:var(--space-4)}.earnings-grid{grid-template-columns:repeat(2,1fr)}.tool-header{flex-direction:column;gap:var(--space-3)}.tool-actions{width:100%;justify-content:flex-end}}.waitlist-admin{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-header{background:#0003;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header h1{margin:0;font-size:2rem}.back-link{color:#fff;text-decoration:none;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;transition:background .3s}.back-link:hover{background:#fff3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;max-width:1200px;margin:0 auto}.waitlist-admin .stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.2)}.panel-section .stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);padding:1.5rem;border-radius:var(--radius-lg);text-align:center}.waitlist-admin .stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.panel-section .stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.waitlist-admin .stat-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:1px;color:#fff}.panel-section .stat-label{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.admin-controls{max-width:1200px;margin:2rem auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.filter-buttons{display:flex;gap:.5rem}.waitlist-admin .filter-buttons button{padding:.5rem 1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s}.waitlist-admin .filter-buttons button:hover{background:#fff3}.waitlist-admin .filter-buttons button.active{background:#ffffff4d;border-color:#fff}.panel-section .filter-buttons button{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.panel-section .filter-buttons button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.panel-section .filter-buttons button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.waitlist-admin .search-input{flex:1;max-width:400px;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.waitlist-admin .search-input::placeholder{color:#fff9}.panel-section .search-input{flex:1;max-width:400px;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.panel-section .search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.panel-section .search-input::placeholder{color:var(--text-placeholder)}.waitlist-admin .entries-table-container{max-width:1200px;margin:2rem auto;padding:0 2rem;overflow-x:auto}.waitlist-admin .entries-table{width:100%;background:#fff;color:#333;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0003}.waitlist-admin .entries-table thead{background:#667eea;color:#fff}.waitlist-admin .entries-table th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.waitlist-admin .entries-table td{padding:1rem;border-bottom:1px solid #e5e5e5}.waitlist-admin .entries-table tbody tr:hover{background:#f8f9fa}.panel-section .entries-table-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--space-6)}.panel-section .entries-table{width:100%;border-collapse:collapse}.panel-section .entries-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.panel-section .entries-table th{padding:var(--space-4);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.panel-section .entries-table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-primary)}.panel-section .entries-table tbody tr{transition:background var(--transition-fast)}.panel-section .entries-table tbody tr:hover{background:var(--bg-tertiary)}.panel-section .entries-table tbody tr:last-child td{border-bottom:none}.email-cell{font-weight:500;color:#667eea}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-pending{background:#fef3c7;color:#92400e}.status-verified{background:#d1fae5;color:#065f46}.status-invited{background:#dbeafe;color:#1e40af}.verified-badge{display:inline-block;width:24px;height:24px;border-radius:50%;text-align:center;line-height:24px;font-weight:700}.verified-badge.verified{background:#10b981;color:#fff}.verified-badge.not-verified{background:#ef4444;color:#fff}.waitlist-admin .action-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s}.panel-section .action-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.waitlist-admin .invite-btn{background:#667eea;color:#fff;border:none}.waitlist-admin .invite-btn:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.panel-section .invite-btn{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.panel-section .invite-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.waitlist-admin .invited-text{color:#10b981;font-weight:500}.panel-section .invited-text{color:var(--success);font-weight:var(--weight-medium);font-size:var(--text-xs)}.no-entries{text-align:center;padding:3rem;color:#666}.admin-actions{max-width:1200px;margin:2rem auto;padding:0 2rem 2rem;display:flex;gap:1rem;justify-content:center}.refresh-btn,.export-btn{padding:.75rem 1.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s}.refresh-btn:hover,.export-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#fff}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr 1fr}.admin-controls{flex-direction:column;align-items:stretch}.search-input{max-width:100%}.entries-table{font-size:.85rem}.entries-table th,.entries-table td{padding:.5rem}}.admin-dashboard{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-app);overflow:hidden}.admin-tabs-container{position:relative;min-height:40px;z-index:5;overflow:visible;background:var(--bg-app);padding-top:var(--space-4);padding-left:var(--space-6);padding-right:var(--space-6)}.admin-tabs{display:flex;gap:var(--space-1)}.admin-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border-primary);border-bottom:none;background:var(--bg-secondary);color:var(--text-tertiary);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);height:32px;opacity:.5;display:flex;align-items:center;gap:var(--space-2);position:relative}.admin-tab:hover{opacity:.8;background:var(--bg-tertiary)}.admin-tab.active{background:var(--bg-primary);color:var(--text-primary);border-bottom:1px solid var(--bg-primary);opacity:1;z-index:1}.admin-content{flex:1;overflow:auto;background:var(--bg-primary);border-top:1px solid var(--border-primary);padding:var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-fast)}.stat-card:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);font-weight:var(--weight-medium)}.stat-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1}.stat-subvalue{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.admin-controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);align-items:center;flex-wrap:wrap}.admin-search{flex:1;min-width:240px;max-width:400px}.admin-search input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.admin-search input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.admin-search input::placeholder{color:var(--text-placeholder)}.admin-filter select{padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.admin-filter select:hover{border-color:var(--border-secondary)}.admin-filter select:focus{outline:none;border-color:var(--accent-primary)}.admin-table-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.admin-table th{padding:var(--space-4);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-primary)}.admin-table tbody tr{transition:background var(--transition-fast)}.admin-table tbody tr:hover{background:var(--bg-tertiary)}.admin-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:capitalize}.status-badge.active{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-badge.inactive{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.status-badge.admin{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.plan-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:capitalize;background:var(--accent-subtle);color:var(--accent-primary);border:1px solid var(--accent-border)}.admin-button{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.admin-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.admin-button.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.admin-button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-loading,.admin-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-tertiary);font-size:var(--text-sm)}.admin-error{padding:var(--space-4);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm)}.panel-section{margin-bottom:var(--space-8)}.panel-section:last-child{margin-bottom:0}.panel-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4);text-align:center}.panel-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);text-align:center}@media (max-width: 768px){.admin-content{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}.admin-controls{flex-direction:column;align-items:stretch}.admin-search{max-width:100%}.admin-table-container{overflow-x:auto}.admin-table{font-size:var(--text-xs)}.admin-table th,.admin-table td{padding:var(--space-2)}}:root{--bg: #0b0f14;--bg-secondary: #0f1419;--bg-tertiary: #131920;--panel: #10161d;--panel-secondary: #151b24;--panel-tertiary: #1a212b;--border: #1f2937;--border-secondary: #374151;--border-tertiary: #4b5563;--bg-app: #0a0a0a;--bg-primary: #0f0f0f;--bg-input: #161616;--bg-elevated: #1f1f1f;--border-primary: #2a2a2a;--border-subtle: #181818;--text: #e5e7eb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-quaternary: #6b7280;--muted: #9ca3af;--text-primary: #ffffff;--text-muted: #4a4a4a;--text-placeholder: #555555;--accent: #3b82f6;--accent-hover: #2563eb;--accent-2: #22c55e;--accent-2-hover: #16a34a;--focus: rgba(59,130,246,.45);--accent-primary: #0ea5e9;--accent-active: #0284c7;--accent-subtle: rgba(14, 165, 233, .1);--accent-border: rgba(14, 165, 233, .2);--success: #10b981;--success-bg: rgba(16,185,129,.1);--warning: #f59e0b;--warning-bg: rgba(245,158,11,.1);--error: #ef4444;--error-bg: rgba(239,68,68,.1);--info: #06b6d4;--info-bg: rgba(6,182,212,.1);--glass-bg: rgba(16,22,29,.8);--glass-border: rgba(59,130,246,.2);--glass-backdrop: blur(24px) saturate(180%);--gradient-primary: linear-gradient(135deg, var(--accent), var(--accent-2));--gradient-secondary: linear-gradient(135deg, var(--bg), var(--panel));--gradient-surface: linear-gradient(135deg, rgba(16,22,29,.95), rgba(11,15,20,.85));--gradient-text: linear-gradient(135deg, #ffffff, #e5e7eb);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.04);--shadow-2xl: 0 25px 50px rgba(0,0,0,.25);--shadow-3xl: 0 35px 80px rgba(0,0,0,.35);--shadow-4xl: 0 50px 120px rgba(0,0,0,.45);--elevation-1: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,.05);--elevation-2: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.08);--elevation-3: var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.1);--elevation-4: var(--shadow-xl), inset 0 1px 0 rgba(255,255,255,.12);--elevation-5: var(--shadow-2xl), inset 0 1px 0 rgba(255,255,255,.15);--elevation-floating: var(--shadow-3xl), inset 0 1px 0 rgba(255,255,255,.2);--elevation-modal: var(--shadow-4xl), inset 0 1px 0 rgba(255,255,255,.25);--loading-duration: 2s;--skeleton-bg: rgba(59,130,246,.1);--skeleton-highlight: rgba(59,130,246,.2);--spinner-primary: var(--accent);--spinner-secondary: var(--accent-2);--font-primary: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: clamp(.75rem, .7rem + .2vw, .8rem);--text-sm: clamp(.875rem, .8rem + .3vw, .95rem);--text-base: clamp(1rem, .95rem + .3vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.6rem + 1vw, 2.25rem);--text-4xl: clamp(2.25rem, 2rem + 1.2vw, 3rem);--text-5xl: clamp(3rem, 2.5rem + 2vw, 4rem);--text-6xl: clamp(3.75rem, 3rem + 3vw, 6rem);--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--grid-cols-1: repeat(1, minmax(0, 1fr));--grid-cols-2: repeat(2, minmax(0, 1fr));--grid-cols-3: repeat(3, minmax(0, 1fr));--grid-cols-4: repeat(4, minmax(0, 1fr));--grid-cols-6: repeat(6, minmax(0, 1fr));--grid-cols-12: repeat(12, minmax(0, 1fr));--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}[data-theme=light]{--bg: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--panel: #ffffff;--panel-secondary: #fafafa;--panel-tertiary: #f0f0f0;--border: #e5e7eb;--border-secondary: #d1d5db;--border-tertiary: #9ca3af;--bg-app: #ffffff;--bg-primary: #fafafa;--bg-input: #ffffff;--bg-elevated: #ffffff;--border-primary: #d1d5db;--border-subtle: #f3f4f6;--text: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-quaternary: #9ca3af;--muted: #6b7280;--text-primary: #111827;--text-muted: #d1d5db;--text-placeholder: #9ca3af;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-2: #059669;--accent-2-hover: #047857;--focus: rgba(37,99,235,.45);--accent-primary: #0ea5e9;--accent-active: #0284c7;--accent-subtle: rgba(14, 165, 233, .15);--accent-border: rgba(14, 165, 233, .3);--success: #059669;--success-bg: rgba(5,150,105,.1);--warning: #d97706;--warning-bg: rgba(217,119,6,.1);--error: #dc2626;--error-bg: rgba(220,38,38,.1);--info: #0891b2;--info-bg: rgba(8,145,178,.1);--glass-bg: rgba(255,255,255,.8);--glass-border: rgba(37,99,235,.2);--glass-backdrop: blur(24px) saturate(180%);--gradient-primary: linear-gradient(135deg, var(--accent), var(--accent-2));--gradient-secondary: linear-gradient(135deg, var(--bg), var(--panel));--gradient-surface: linear-gradient(135deg, rgba(255,255,255,.95), rgba(250,250,250,.85));--gradient-text: linear-gradient(135deg, #111827, #374151);--skeleton-bg: rgba(37,99,235,.08);--skeleton-highlight: rgba(37,99,235,.15);--spinner-primary: var(--accent);--spinner-secondary: var(--accent-2)}html,body,#root{height:100%}*,*:before,*:after{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}body{background:var(--bg);color:var(--text);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}header,aside,main{background:var(--panel)}header,aside,main,.panel{border-color:var(--border)}button{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:600;transition:border-color .12s ease,box-shadow .12s ease,transform 80ms ease}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}select,textarea,input:not([type=checkbox]):not([type=radio]){background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:16px;box-sizing:border-box}select:focus,textarea:focus,input:focus{outline:2px solid var(--focus);outline-offset:0px;box-shadow:0 0 0 3px #3b82f626;border-color:var(--accent)}.toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border)}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 40px #00000059}.page-bg{background:radial-gradient(1200px 600px at 20% -10%,#3b82f633,#0000),radial-gradient(1000px 500px at 120% 10%,#10b98124,#0000)}[data-theme=light]{--bg: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--panel: #ffffff;--panel-secondary: #f9fafb;--panel-tertiary: #f3f4f6;--border: #e5e7eb;--border-secondary: #d1d5db;--border-tertiary: #9ca3af;--text: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-quaternary: #9ca3af;--muted: #6b7280;--accent: #3b82f6;--accent-hover: #2563eb;--glass-bg: rgba(255,255,255,.8);--glass-border: rgba(59,130,246,.2);--gradient-secondary: linear-gradient(135deg, var(--bg), var(--panel));--gradient-surface: linear-gradient(135deg, rgba(255,255,255,.95), rgba(249,250,251,.85))}:root{--landing-max-width: 1120px;--landing-nav-height: 72px;--accent-mint: #52e882;--accent-mint-dim: #52e88266;--bg-pure: #000000;--text-bright: #ffffff;--text-dim: #9f9fa6}.landing,.landing *{color-scheme:dark}.page-bg{background:#000!important;color:#fff!important}html{scroll-behavior:smooth}.landing{min-height:100vh;background:var(--bg-pure);color:var(--text-bright);display:flex;flex-direction:column;position:relative;padding-top:var(--landing-nav-height)}.landing:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(100%,1400px);height:700px;background:radial-gradient(ellipse 800px 400px at 50% 0%,rgba(82,232,130,.15),transparent 70%);pointer-events:none;z-index:0}.landing__nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(24px,5vw,60px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border-bottom:1px solid rgba(82,232,130,.1);min-height:var(--landing-nav-height);transition:transform .3s ease-in-out}.landing__nav--hidden{transform:translateY(-100%)}.landing__nav--visible{transform:translateY(0)}.landing__logo{display:flex;align-items:center;gap:10px;transition:opacity .2s ease;cursor:pointer}.landing__logo:hover{opacity:.7}.landing__logo-image{height:80px;width:auto;object-fit:contain}.landing__logo-text{display:flex;flex-direction:column;gap:2px}.landing__logo-title{font-weight:500;font-size:16px;letter-spacing:-.02em;color:var(--text-bright)}.landing__logo-slogan{font-size:11px;font-weight:400;letter-spacing:.01em;color:var(--accent-mint);opacity:.8;font-style:italic}.landing__dot{width:10px;height:10px;border-radius:50%;background:var(--accent-mint);box-shadow:0 0 12px #52e88299;transition:all .3s ease;flex-shrink:0}.landing__logo:hover .landing__dot{box-shadow:0 0 20px #52e882cc}.landing__links{display:flex;gap:clamp(20px,3vw,32px);font-size:14px}.landing__links a{color:var(--text-dim);text-decoration:none;padding:6px 0;transition:color .2s ease;letter-spacing:-.01em;font-weight:450}.landing__links a:hover{color:var(--text-bright)}.landing__actions{display:flex;gap:12px;align-items:center}.lang-switcher{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-dim);padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.lang-switcher:hover{border-color:var(--accent-mint);color:var(--accent-mint);background:#52e8820d}.primary,.ghost,.link{border-radius:8px;font-weight:500;font-size:14px;padding:10px 20px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em;text-decoration:none}a.primary,a.ghost,a.link{display:inline-block}a.ghost{display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--accent-mint);color:#000;border-color:var(--accent-mint)}.primary:hover{background:#6df091;border-color:#6df091;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.ghost{border-color:#ffffff26;background:transparent;color:var(--text-bright)}.ghost:hover{border-color:#ffffff4d;background:#ffffff0d}.ghost:active{background:#ffffff05}.link{background:transparent;color:var(--text-dim);padding-inline:0;border:none}.link:hover{color:var(--text-bright)}.landing__main{flex:1;display:flex;flex-direction:column;gap:clamp(100px,15vh,160px);padding:0 0 120px;max-width:100vw;overflow-x:hidden;position:relative;z-index:1}.landing__main>*:not(.landing__hero):not(.landing__sequence):not(.landing__pipeline){padding-inline:clamp(24px,5vw,60px)}.landing__hero{width:100%;background:#000;display:flex;align-items:center;justify-content:center;height:calc(100vh - var(--landing-nav-height));padding:0;position:relative;overflow:hidden}.landing__hero__video-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#000}.landing__hero__video-bg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%);pointer-events:none;border:none}.landing__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#00000080,#000000b3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1}.hero__container{width:100%;max-width:800px;margin:0 auto;padding:0 clamp(24px,5vw,60px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2}.hero__copy{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.hero__copy h1{font-size:clamp(48px,6vw,72px);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin:16px 0;color:var(--text-bright);text-shadow:0 2px 20px rgba(0,0,0,.5)}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--accent-mint);background:#52e88226;border:1px solid rgba(82,232,130,.3);padding:10px 20px;border-radius:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero__text{color:#ffffffd9;font-size:18px;font-weight:400;line-height:1.7;letter-spacing:-.01em;max-width:700px;text-shadow:0 1px 10px rgba(0,0,0,.5);white-space:pre-line}.hero__cta{display:flex;gap:16px;margin:40px 0 48px;flex-wrap:wrap;justify-content:center}.hero__cta .primary{padding:14px 32px;font-size:16px;font-weight:600;box-shadow:0 4px 20px #52e8824d}.hero__cta .ghost{padding:14px 32px;font-size:16px;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d}.hero__subtitle{font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--accent-mint);margin:8px 0 24px;text-shadow:0 1px 10px rgba(0,0,0,.5)}.hero__comparison{display:none}.comparison__before,.comparison__after{font-size:14px;margin:0;letter-spacing:-.01em}.comparison__before{color:var(--text-dim);opacity:.7}.comparison__after{color:var(--accent-mint);font-weight:500}.beta-slots{font-size:12px;opacity:.9}.hero__social-proof{margin:24px 0 0}.hero__trust-indicators{display:flex;gap:12px;flex-wrap:wrap}.trust-badge{font-size:12px;padding:6px 12px;background:#52e88214;border:1px solid rgba(82,232,130,.2);border-radius:6px;color:var(--text-dim);letter-spacing:-.01em;transition:all .2s ease}.trust-badge:hover{background:#52e8821f;border-color:#52e8824d}.hero__stats{display:flex;gap:32px;margin-top:20px;flex-wrap:wrap;justify-content:center;padding:24px 0;border-top:1px solid rgba(255,255,255,.1);width:100%}.hero__stats>div{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.hero__stats dt{font-size:13px;color:#fff9;font-weight:500;letter-spacing:.01em}.hero__stats dd{font-size:15px;color:var(--accent-mint);font-weight:600;margin:0}.hero__visual,.hero__image{display:none}.hero__overlay-card{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:min(88%,400px);background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(82,232,130,.2);border-radius:12px;padding:16px;display:grid;gap:10px;text-align:left}.hero__overlay-card h3{font-size:14px;margin:0;font-weight:500;letter-spacing:-.01em}.hero__overlay-card p{margin:0;color:var(--text-dim);font-size:13px;letter-spacing:-.01em;line-height:1.5}.hero__overlay-card img{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.hero-shader{width:100%;padding-top:56%;border-radius:12px;overflow:hidden;border:1px solid rgba(82,232,130,.2);position:relative;background:#000}.hero-shader__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-shader__fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#52e8824d,#52e8821a)}.landing__template-editor{max-width:var(--landing-max-width);margin:0 auto;padding:0}.editor-content{display:grid;gap:clamp(40px,6vw,56px)}.editor-header{text-align:center;max-width:720px;margin:0 auto;display:grid;gap:16px;justify-items:center}.editor-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-mint);background:#52e8821a;border:1px solid rgba(82,232,130,.2);padding:8px 16px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}.editor-header h2{font-size:clamp(32px,4vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:0;color:var(--text-bright)}.editor-description{font-size:17px;line-height:1.6;letter-spacing:-.01em;color:var(--text-dim);margin:0}.editor-comparison{position:relative;max-width:100%}.template-magic-container{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;padding:20px;display:flex;flex-direction:column;gap:20px;align-items:center}.template-image-wrapper{position:relative;width:100%;border-radius:8px;overflow:hidden}.template-image{width:100%;height:auto;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.08);user-select:none;-webkit-user-select:none;transition:transform .3s ease}.template-image-wrapper.transitioning .template-image{animation:magicReveal .6s cubic-bezier(.4,0,.2,1)}@keyframes magicReveal{0%{filter:brightness(1.5) saturate(1.5);transform:scale(1.02)}50%{filter:brightness(2) saturate(2);transform:scale(1.05)}to{filter:brightness(1) saturate(1);transform:scale(1)}}.magic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(82,232,130,.4),transparent 70%);animation:magicGlow .6s ease-out;pointer-events:none}@keyframes magicGlow{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.magic-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.magic-particles span{position:absolute;width:4px;height:4px;background:var(--accent-mint);border-radius:50%;box-shadow:0 0 10px #52e882cc;animation:particleFloat .6s ease-out}.magic-particles span:nth-child(1){top:20%;left:30%;animation-delay:0s}.magic-particles span:nth-child(2){top:40%;left:70%;animation-delay:.1s}.magic-particles span:nth-child(3){top:60%;left:20%;animation-delay:.2s}.magic-particles span:nth-child(4){top:30%;left:80%;animation-delay:.15s}.magic-particles span:nth-child(5){top:70%;left:50%;animation-delay:.05s}.magic-particles span:nth-child(6){top:15%;left:55%;animation-delay:.08s}.magic-particles span:nth-child(7){top:50%;left:15%;animation-delay:.12s}.magic-particles span:nth-child(8){top:80%;left:35%;animation-delay:.18s}.magic-particles span:nth-child(9){top:25%;left:10%;animation-delay:.06s}.magic-particles span:nth-child(10){top:55%;left:85%;animation-delay:.14s}.magic-particles span:nth-child(11){top:10%;left:65%;animation-delay:.04s}.magic-particles span:nth-child(12){top:75%;left:75%;animation-delay:.16s}.magic-particles span:nth-child(13){top:35%;left:45%;animation-delay:.09s}.magic-particles span:nth-child(14){top:65%;left:60%;animation-delay:.11s}.magic-particles span:nth-child(15){top:45%;left:90%;animation-delay:.13s}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-30px) scale(1.5)}to{opacity:0;transform:translateY(-60px) scale(0)}}.template-action-btn{min-width:200px;padding:12px 32px;font-size:15px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}.template-action-btn svg{flex-shrink:0}.template-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.template-action-btn:disabled:hover{transform:none!important}.template-action-buttons{display:flex;gap:12px;align-items:center;justify-content:center}.editor-features-section{margin:clamp(60px,10vh,100px) 0 0}.comparison-container{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;padding:20px;cursor:ew-resize;-webkit-user-select:none;user-select:none}.comparison-label{position:absolute;top:32px;z-index:10;font-size:12px;font-weight:500;letter-spacing:-.01em;padding:6px 12px;border-radius:6px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);pointer-events:none}.comparison-label--before{left:32px;color:var(--text-dim)}.comparison-label--after{right:32px;color:var(--accent-mint)}.comparison-slider-wrapper{position:relative;width:100%;border-radius:8px;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.comparison-image{width:100%;height:auto;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.08);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.comparison-image--base{display:block}.comparison-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.comparison-image-overlay img{width:100%;height:100%;object-fit:cover}.comparison-slider{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:20;pointer-events:none}.comparison-slider-line{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:var(--accent-mint);box-shadow:0 0 12px #52e88280}.comparison-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:var(--accent-mint);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:ew-resize;pointer-events:auto;box-shadow:0 4px 16px #52e88266;transition:transform .2s ease,box-shadow .2s ease;color:#000}.comparison-slider-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 24px #52e88299}.comparison-slider-handle:active{transform:translate(-50%,-50%) scale(.95)}.comparison-navigation{display:flex;justify-content:center;gap:12px;margin-top:20px}.comparison-nav-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .2s ease;padding:0}.comparison-nav-dot:hover{background:#fff6;transform:scale(1.2)}.comparison-nav-dot.active{background:var(--accent-mint);width:24px;border-radius:4px}.editor-features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:920px;margin:0 auto;position:relative;z-index:1}.editor-feature{text-align:center;font-size:14px;letter-spacing:-.01em;color:var(--text-dim);padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;line-height:1.4}@media (max-width: 980px){.editor-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.editor-features-grid{grid-template-columns:1fr}.comparison-label{font-size:11px;padding:5px 10px;top:24px}.comparison-label--before{left:24px}.comparison-label--after{right:24px}.comparison-slider-handle{width:40px;height:40px}.comparison-slider-handle svg{width:20px;height:20px}}.landing__sequence{max-width:100vw;margin:0;padding:clamp(80px,12vh,120px) clamp(24px,5vw,60px);background:#000;position:relative}.sequence-content{display:grid;gap:clamp(40px,6vw,56px);max-width:var(--landing-max-width);margin:0 auto}.sequence-header{text-align:center;max-width:800px;margin:0 auto;display:grid;gap:16px;justify-items:center}.sequence-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-mint);background:#52e8821a;border:1px solid rgba(82,232,130,.2);padding:8px 16px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}.sequence-header h2{font-size:clamp(32px,4vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:0;color:var(--text-bright)}.sequence-description{font-size:17px;line-height:1.6;letter-spacing:-.01em;color:var(--text-dim);margin:0}.sequence-viewer{display:grid;gap:16px}.sequence-image-container{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;padding:20px}.sequence-image-wrapper{position:relative;width:100%;height:700px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0000004d}.sequence-image{max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.08);animation:sequenceFadeIn .4s ease-in-out;object-fit:contain}@keyframes sequenceFadeIn{0%{opacity:0}to{opacity:1}}.sequence-counter{position:absolute;bottom:32px;right:32px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--accent-mint)}.sequence-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.sequence-control-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--text-dim)}.sequence-control-btn:hover{background:#ffffff14;border-color:#fff3;color:var(--text-base)}.sequence-control-btn:active{transform:scale(.95)}.sequence-control-play-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.sequence-control-btn--play{width:56px;height:56px;background:#52e8821a;border-color:var(--accent-mint);color:var(--accent-mint)}.sequence-control-btn--play svg{transform:translate(1px)}.sequence-control-btn--play:hover{background:#52e88226;border-color:var(--accent-mint)}.sequence-control-labels{display:flex;gap:12px;align-items:center;justify-content:center}.sequence-control-label{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--accent-mint);opacity:.8}.sequence-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:720px;margin:0 auto}.sequence-feature-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;letter-spacing:-.01em;color:var(--text-dim)}.sequence-feature-icon{font-size:16px}@media (max-width: 720px){.sequence-features{grid-template-columns:1fr}.sequence-counter{bottom:24px;right:24px;padding:6px 12px;font-size:12px}}.landing__transitions{max-width:var(--landing-max-width);margin:0 auto;padding:0}.transitions-content{display:grid;gap:clamp(40px,6vw,56px)}.transitions-header{text-align:center;max-width:800px;margin:0 auto;display:grid;gap:16px;justify-items:center}.transitions-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-mint);background:#52e8821a;border:1px solid rgba(82,232,130,.2);padding:8px 16px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}.transitions-header h2{font-size:clamp(32px,4vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:0;color:var(--text-bright)}.transitions-description{font-size:17px;line-height:1.6;letter-spacing:-.01em;color:var(--text-dim);margin:0}.transitions-showcase{display:grid;gap:24px;max-width:900px;margin:0 auto;width:100%}.transitions-frames{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.transition-frame{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:12px}.frame-label{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--accent-mint);text-transform:uppercase}.frame-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.transitions-video{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:12px}.video-label{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--accent-mint);text-transform:uppercase}.transition-video{width:100%;aspect-ratio:16/9;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.transitions-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:720px;margin:0 auto}.transition-feature-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;letter-spacing:-.01em;color:var(--text-dim)}.transition-feature-icon{font-size:16px}.transitions-navigation{display:flex;justify-content:center;gap:12px;margin-top:24px}.transition-nav-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(82,232,130,.3);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.transition-nav-dot:hover{border-color:#52e88299;background:#52e88233}.transition-nav-dot.active{background:var(--accent-mint);border-color:var(--accent-mint);width:12px;height:12px}@media (max-width: 720px){.transitions-frames,.transitions-features{grid-template-columns:1fr}}.landing__metrics{max-width:var(--landing-max-width);margin:0 auto;padding:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,32px);padding:clamp(32px,5vw,48px) 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.metric-item{display:flex;flex-direction:column;gap:8px;text-align:center}.metric-value{font-size:clamp(28px,3.5vw,42px);font-weight:500;letter-spacing:-.03em;color:var(--text-bright)}.metric-label{font-size:13px;letter-spacing:-.01em;color:var(--text-dim);font-weight:400}@media (max-width: 720px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}.landing__features,.landing__pricing{max-width:var(--landing-max-width);margin:0 auto;display:grid;gap:48px}.landing__pipeline{max-width:100vw;margin:0;padding:clamp(80px,12vh,120px) clamp(24px,5vw,60px);background:#000 url(/last-background.jpg) center -250px/cover no-repeat;position:relative;display:grid;gap:48px}.landing__pipeline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#000000b3,#0009,#000000b3);pointer-events:none;z-index:0}.pipeline-content{position:relative;z-index:1}.landing__features h2,.landing__pipeline h2,.landing__pricing h2{font-size:clamp(32px,4vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:0;color:var(--text-bright)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;transition:all .2s ease}.feature-card:hover{background:#ffffff0d;border-color:#52e8824d}.feature-card h3{margin:0 0 12px;font-size:17px;font-weight:500;letter-spacing:-.01em}.feature-card p{margin:0;color:var(--text-dim);font-size:15px;line-height:1.6;letter-spacing:-.01em}.pipeline-content{display:grid;gap:clamp(40px,6vw,56px);max-width:var(--landing-max-width);margin:0 auto}.pipeline-header{text-align:center;max-width:700px;margin:0 auto;display:grid;gap:16px;justify-items:center}.pipeline-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-mint);background:#52e8821a;border:1px solid rgba(82,232,130,.2);padding:8px 16px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content;margin:0}.pipeline-header h2{margin:0}.pipeline-subtitle{font-size:17px;line-height:1.6;letter-spacing:-.01em;color:var(--text-dim);margin:0}.pipeline-total-time{font-size:16px;font-weight:600;color:var(--accent-mint);margin:12px 0 0;letter-spacing:-.01em}.pipeline-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pipeline-step{display:flex;flex-direction:column;gap:16px;align-items:flex-start;background:#0f172a80;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;padding:24px;text-align:left;width:100%}.step-number{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--accent-mint);opacity:.8;flex-shrink:0;line-height:1;align-self:flex-start}.step-content{display:flex;flex-direction:column;gap:8px}.step-title{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--text-bright);margin:0}.step-time{font-size:12px;font-weight:600;color:var(--accent-mint);margin:6px 0;letter-spacing:0}.step-description{font-size:13px;line-height:1.6;letter-spacing:-.01em;color:var(--text-dim);margin:0}@media (max-width: 980px){.pipeline-steps{grid-template-columns:1fr}}.pricing-header{text-align:center;max-width:800px;margin:0 auto 48px;display:grid;gap:16px;justify-items:center}.pricing-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-mint);background:#52e8821a;border:1px solid rgba(82,232,130,.2);padding:8px 16px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content;margin:0}.pricing-subtitle{color:var(--text-dim);font-size:16px;letter-spacing:-.01em;text-align:center;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1000px;margin:0 auto}.pricing-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;display:grid;gap:24px;transition:all .3s ease;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s ease}.pricing-card:hover{background:#ffffff0d;border-color:#52e8824d;transform:translateY(-4px);box-shadow:0 8px 32px #52e8821f}.pricing-card:hover:before{background:linear-gradient(90deg,var(--accent-mint),rgba(82,232,130,.4))}.pricing-card header{display:grid;gap:12px;padding:0;background:transparent}.pricing-card header h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--text-bright)}.pricing-card header p{font-size:14px;color:var(--text-dim);letter-spacing:-.01em;line-height:1.6;margin:0}.plan-perfect-for{font-size:13px!important;color:var(--accent-mint)!important;font-weight:500!important;margin-top:8px!important;font-style:italic}.plan-price{font-size:48px;font-weight:600;display:inline-flex;align-items:flex-end;gap:4px;letter-spacing:-.03em;margin-bottom:8px;color:var(--text-bright)}.plan-price__suffix{font-size:16px;color:var(--text-dim);font-weight:400;margin-bottom:6px}.pricing-card ul{list-style:none;margin:0;padding:20px 0;display:grid;gap:12px;font-size:14px;color:var(--text-dim);letter-spacing:-.01em;line-height:1.6;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.pricing-card li{display:flex;align-items:flex-start;gap:10px}.pricing-card li:before{content:"✓";color:var(--accent-mint);font-weight:600;flex-shrink:0;margin-top:1px}.plan-value{padding:16px;background:#52e8820d;border:1px solid rgba(82,232,130,.15);border-radius:8px;margin:8px 0;display:grid;gap:4px}.value-cost{font-size:15px;font-weight:600;color:var(--text-bright);margin:0;letter-spacing:-.01em}.value-comparison{font-size:13px;color:var(--text-dim);margin:0;letter-spacing:-.01em}.value-savings{font-size:14px;font-weight:600;color:var(--accent-mint);margin:0;letter-spacing:-.01em}.plan-badge{position:absolute;top:24px;right:24px;background:#52e88226;color:var(--accent-mint);border:1px solid rgba(82,232,130,.3);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:-.01em;text-transform:lowercase}.pricing-card--highlight{border-color:#52e88266;background:#52e88214;transform:scale(1.02)}.pricing-card--highlight:before{background:linear-gradient(90deg,var(--accent-mint),rgba(82,232,130,.5))}.pricing-card--highlight .plan-badge{background:var(--accent-mint);color:#000;border-color:var(--accent-mint)}.pricing-card--highlight:hover{transform:scale(1.02) translateY(-4px)}.pricing-card button{width:100%;margin-top:8px;font-size:15px;padding:12px 24px;font-weight:600;border-radius:10px}.landing__slogan{max-width:var(--landing-max-width);margin:0 auto;padding:clamp(60px,10vh,100px) clamp(24px,5vw,60px);text-align:center}.slogan-text{font-size:clamp(32px,5vw,56px);font-weight:400;font-style:italic;letter-spacing:-.02em;line-height:1.3;margin:0;padding:clamp(32px,5vw,48px) clamp(28px,4vw,40px);background:linear-gradient(135deg,#000c,#000000f2,#000c);border:1px solid rgba(82,232,130,.25);border-radius:16px;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.slogan-text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 300px at 50% 50%,rgba(82,232,130,.08),transparent 70%);pointer-events:none}.slogan-text:after{content:"Projection rules the nation.";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#52e882e6,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing__quote{max-width:100vw;margin:0;padding:clamp(80px,12vh,120px) clamp(24px,5vw,60px);background:#000}.quote-container{display:flex;align-items:center;justify-content:center;position:relative;max-width:var(--landing-max-width);margin:0 auto}.quote-block{text-align:center;max-width:800px;margin:0;padding:0;border:none;position:relative}.quote-text{font-size:clamp(24px,3.5vw,36px);font-weight:400;line-height:1.4;letter-spacing:-.02em;color:var(--text-bright);margin:0 0 24px;font-style:italic}.quote-author{display:block;font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--accent-mint);font-style:normal}.landing__invite{max-width:var(--landing-max-width);margin:0 auto;display:grid}.invite-card{background:#52e8820d;border:1px solid rgba(82,232,130,.2);border-radius:20px;padding:clamp(48px,8vw,80px) clamp(32px,6vw,48px);display:grid;position:relative;overflow:hidden}.invite-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:300px;background:radial-gradient(ellipse 600px 200px at 50% 0%,rgba(82,232,130,.15),transparent 70%);pointer-events:none}.invite-content{display:grid;gap:24px;max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:1}.invite-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-mint);background:#52e88226;border:1px solid rgba(82,232,130,.3);padding:8px 16px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content;margin:0 auto}.invite-content h2{margin:0;font-size:clamp(32px,4.5vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.2;color:var(--text-bright)}.invite-subtitle{margin:0;color:var(--text-dim);line-height:1.6;font-size:17px;letter-spacing:-.01em}.invite-form-simple{display:flex;gap:12px;max-width:500px;margin:16px auto 0;flex-wrap:wrap;justify-content:center}.invite-email-input{flex:1;min-width:280px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:14px 20px;color:var(--text-bright);font-size:15px;letter-spacing:-.01em;transition:all .3s ease}.invite-email-input:focus{outline:none;border-color:var(--accent-mint);background:#0009;box-shadow:0 0 0 3px #52e8821a}.invite-email-input::placeholder{color:var(--text-dim);opacity:.6}.invite-submit-btn{padding:14px 32px;font-size:15px;font-weight:600;border-radius:10px;white-space:nowrap}.invite-status{background:#52e88226;border:1px solid rgba(82,232,130,.3);color:var(--accent-mint);padding:12px 20px;border-radius:10px;font-size:14px;letter-spacing:-.01em;font-weight:500}.invite-features{display:flex;gap:clamp(20px,4vw,32px);justify-content:center;flex-wrap:wrap;margin-top:16px}.invite-features span{font-size:14px;color:var(--text-dim);display:flex;align-items:center;gap:6px;letter-spacing:-.01em}.invite-benefits{background:#52e8820d;border:1px solid rgba(82,232,130,.15);border-radius:12px;padding:20px 24px;margin:16px 0;text-align:left}.benefits-title{font-size:15px;font-weight:600;color:var(--accent-mint);margin:0 0 12px;letter-spacing:-.01em}.benefits-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.benefits-list li{font-size:14px;color:var(--text-dim);line-height:1.5;letter-spacing:-.01em}.invite-no-card{font-size:13px;font-weight:600;color:var(--accent-mint);margin:12px 0 0;text-align:center;letter-spacing:-.01em}.landing__footer{margin-top:auto;padding:32px clamp(24px,5vw,60px);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;color:var(--text-dim);font-size:13px;letter-spacing:-.01em;flex-wrap:wrap;gap:20px}.landing__footer-links{display:flex;gap:20px}.landing__footer-links a,.footer-link-btn{color:var(--text-dim);text-decoration:none;transition:color .2s ease;background:none;border:none;padding:0;font-size:13px;font-family:inherit;cursor:pointer}.landing__footer-links a:hover,.footer-link-btn:hover{color:var(--text-bright)}.landing__footer-powered{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-dim);font-size:11px;opacity:.6;transition:opacity .2s ease}.landing__footer-powered:hover{opacity:1}.landing__footer-powered img{height:20px;width:auto;filter:brightness(0) invert(1);opacity:.8;transition:opacity .2s ease}.landing__footer-powered:hover img{opacity:1}@keyframes pulse-glow{0%,to{box-shadow:0 4px 24px #52e8824d}50%{box-shadow:0 4px 32px #52e88280}}.primary{animation:pulse-glow 2s ease-in-out infinite}@keyframes badge-shine{0%,to{border-color:#52e88233}50%{border-color:#52e88280}}.hero__eyebrow,.editor-eyebrow,.sequence-eyebrow,.transitions-eyebrow,.pipeline-eyebrow,.pricing-eyebrow,.invite-eyebrow{animation:badge-shine 3s ease-in-out infinite}@media (max-width: 980px){.hero__container{grid-template-columns:1fr}.hero__visual{order:-1}.hero__image{width:100%;right:0}.hero__overlay-card{position:relative;left:auto;bottom:auto;transform:none;width:100%}.hero__stats{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:1fr;max-width:400px}.invite-form-simple{flex-direction:column}.invite-email-input{min-width:100%}.hero__trust-indicators{justify-content:center}}@media (max-width: 720px){.landing__nav{flex-wrap:wrap;gap:14px}.landing__links{width:100%;justify-content:center;order:3}.landing__actions{width:100%;justify-content:flex-end}.landing__main{padding:24px 18px 90px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.landing__footer{flex-direction:column;gap:12px;text-align:center}.landing__footer-powered{width:100%;justify-content:center;margin-top:12px}}@media (max-width: 520px){.landing__actions{flex-direction:column;align-items:stretch}.hero__cta{flex-direction:column}}.capacity-modal-backdrop{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.capacity-modal-content{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.capacity-modal-content table{min-width:600px}.capacity-modal-content button:hover{background:#ffffff0d}@media (max-width: 720px){.capacity-modal-backdrop{padding:10px}.capacity-modal-content{maxHeight:95vh!important}.capacity-modal-content>div:first-child{padding:24px 20px!important}.capacity-modal-content h2{font-size:22px!important}.capacity-modal-content p{font-size:13px!important}.capacity-modal-content table{min-width:500px;font-size:12px!important}.capacity-modal-content th,.capacity-modal-content td{padding:12px 8px!important}}.animated-logo{filter:brightness(1) hue-rotate(0deg) saturate(1);transition:all .4s cubic-bezier(.4,0,.2,1);animation:logo-color-shift 3s ease-in-out infinite}@keyframes logo-color-shift{0%,to{filter:brightness(1) hue-rotate(0deg) saturate(1)}25%{filter:brightness(1.2) hue-rotate(30deg) saturate(1.5)}50%{filter:brightness(1.3) hue-rotate(60deg) saturate(1.8)}75%{filter:brightness(1.2) hue-rotate(30deg) saturate(1.5)}}.animated-logo:hover{filter:brightness(1.4) hue-rotate(-120deg) saturate(2.5)!important;transform:scale(1.08);animation:none;cursor:pointer}.animated-logo.landing-accent{animation:logo-color-shift-mint 3s ease-in-out infinite}@keyframes logo-color-shift-mint{0%,to{filter:brightness(1) hue-rotate(0deg) saturate(1)}25%{filter:brightness(1.25) hue-rotate(15deg) saturate(1.6)}50%{filter:brightness(1.4) hue-rotate(25deg) saturate(2)}75%{filter:brightness(1.25) hue-rotate(15deg) saturate(1.6)}}.animated-logo.landing-accent:hover{filter:brightness(1.5) hue-rotate(-120deg) saturate(2.8)!important;transform:scale(1.08);animation:none}.animated-logo,.animated-logo.landing-accent{transition:filter .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.privacy-page{min-height:100vh;background:#000;color:#fff;padding:40px 20px}.privacy-container{max-width:900px;margin:0 auto}.privacy-back-btn{background:transparent;border:1px solid rgba(82,232,130,.3);color:#52e882;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;margin-bottom:40px}.privacy-back-btn:hover{background:#52e8821a;border-color:#52e882}.privacy-header{margin-bottom:48px;padding:0;border-bottom:none;background:transparent;border:none;box-shadow:none}.privacy-header h1{font-size:clamp(32px,5vw,48px);font-weight:500;letter-spacing:-.03em;margin:0 0 16px;color:#fff}.privacy-updated{font-size:14px;color:#9f9fa6;margin:0}.privacy-content{display:grid;gap:48px}.privacy-section{display:grid;gap:20px}.privacy-section h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0;color:#52e882}.privacy-section h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:16px 0 8px;color:#fff}.privacy-section p{font-size:15px;line-height:1.7;color:#d1d1d6;margin:0;letter-spacing:-.01em}.privacy-section ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}.privacy-section li{font-size:15px;line-height:1.6;color:#d1d1d6;padding-left:24px;position:relative;letter-spacing:-.01em}.privacy-section li:before{content:"•";position:absolute;left:8px;color:#52e882;font-weight:700}.privacy-section strong{color:#fff;font-weight:600}.privacy-footer{margin-top:64px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.privacy-footer p{font-size:14px;color:#9f9fa6;margin:0}@media (max-width: 768px){.privacy-page{padding:20px 16px}.privacy-header{margin-bottom:32px}.privacy-content{gap:32px}.privacy-section{gap:16px}.privacy-section h2{font-size:20px}.privacy-section h3{font-size:16px}}