@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Plus Jakarta Sans", Roboto, sans-serif;--window-bg:#ffffffe0;--window-border:#fffc;--window-shadow:0 30px 90px -20px #2563eb26, 0 0 0 1px #0000000f;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--accent-blue:#0071e3;--accent-blue-hover:#0077ed;--accent-blue-active:#0062c4;--traffic-red:#ff5f56;--traffic-yellow:#ffbd2e;--traffic-green:#27c93f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafcff;background-image:radial-gradient(circle at 50% 0,#2563eb24 0%,#0000 60%),radial-gradient(circle at 85% 85%,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 10% 90%,#93c5fd1f 0%,#0000 50%),linear-gradient(90deg,#0f172a0a 1px,#0000 1px),linear-gradient(#0f172a0a 1px,#0000 1px);background-position:0 0,0 0,0 0,-1px -1px,-1px -1px;background-size:100% 100%,100% 100%,100% 100%,28px 28px,28px 28px;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(10px,2vw,24px);display:flex}#root{justify-content:center;width:100%;max-width:1240px;display:flex}.macos-window{background:var(--window-bg);-webkit-backdrop-filter:blur(40px);width:100%;box-shadow:var(--window-shadow);border:1px solid var(--window-border);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.macos-titlebar{-webkit-user-select:none;user-select:none;background:#ffffffbf;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.traffic-lights{align-items:center;gap:8px;width:190px;display:flex}.traffic-light{cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 1px #fff6,0 .5px 1px #00000026}.traffic-light.red{background-color:var(--traffic-red)}.traffic-light.yellow{background-color:var(--traffic-yellow)}.traffic-light.green{background-color:var(--traffic-green)}.brand-logo-group{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.window-right-actions{justify-content:flex-end;align-items:center;width:190px;display:flex}.window-center-control{background:#0000000d;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.wizard-tab-btn{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.wizard-tab-btn:hover{color:var(--text-primary)}.wizard-tab-btn.active{color:var(--text-primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.brand-icon-box{color:#fff;background:linear-gradient(135deg,#0071e3 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 3px 10px #0071e366}.brand-title{letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:6px;font-size:22px;font-weight:800;display:flex}.brand-badge-3d{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#0071e3 0%,#2563eb 100%);border-radius:6px;padding:2px 8px;font-size:13px;font-weight:900}@media (width<=640px){.macos-titlebar{flex-direction:column;align-items:center;gap:10px;height:auto;padding:12px 14px 10px;display:flex}.brand-logo-group{display:flex}.traffic-lights,.window-right-actions{display:none}.window-center-control{border-radius:10px;width:100%;padding:4px}.wizard-tab-btn{flex:1;justify-content:center;padding:8px 12px;font-size:13px}}.window-body{flex-direction:column;flex:1;width:100%;padding:20px;display:flex}.upload-view-container{flex-direction:column;gap:20px;width:100%;display:flex}.macos-dropzone{text-align:center;cursor:pointer;background:#ffffffbf;border:2px dashed #2563eb40;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(36px,6vw,64px) 20px;transition:all .2s;display:flex;box-shadow:0 4px 20px #2563eb0a}.macos-dropzone:hover{border-color:var(--accent-blue);background:#0071e30a}.macos-dropzone.dragging{border-color:var(--accent-blue);background:#0071e314;transform:scale(.995)}.drop-icon-box{width:60px;height:60px;color:var(--accent-blue);background:#fff;border-radius:16px;justify-content:center;align-items:center;margin-bottom:14px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #2563eb1f,0 0 0 1px #0000000a}.macos-dropzone:hover .drop-icon-box{transform:translateY(-2px)}.drop-title{color:var(--text-primary);margin-bottom:4px;font-size:17px;font-weight:600}.drop-subtitle{color:var(--text-secondary);max-width:400px;margin-bottom:14px;font-size:13px}.drop-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.drop-pill{color:var(--accent-blue);background:#0071e314;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.presets-section{flex-direction:column;gap:10px;display:flex}.presets-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.presets-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=640px){.presets-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.preset-chip{cursor:pointer;text-align:left;background:#fff;border:1px solid #00000014;border-radius:12px;padding:8px;transition:all .18s;box-shadow:0 2px 6px #00000005}.preset-chip:hover{border-color:#2563eb4d;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb1a}.preset-chip.active{border-color:var(--accent-blue);box-shadow:0 0 0 2px #0071e359}.preset-thumb{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;margin-bottom:6px;display:block}.preset-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.preset-category{color:var(--text-tertiary);font-size:10px}.output-view-container{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:20px;width:100%;display:grid}@media (width<=820px){.output-view-container{grid-template-columns:minmax(0,1fr)}}.canvas-viewport{background:#090c10;border-radius:14px;justify-content:center;align-items:center;width:100%;max-height:75vh;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.iphone-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.iphone-chassis{aspect-ratio:9/19.2;box-sizing:border-box;background:linear-gradient(#475569 0%,#1e293b 40%,#0f172a 100%);border-radius:44px;flex-direction:column;height:100%;max-height:490px;padding:9px;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff26}.iphone-btn-side{background:#334155;border-radius:2px;position:absolute}.iphone-btn-side.action-btn{width:3px;height:18px;top:70px;left:-7px}.iphone-btn-side.volume-up{width:3px;height:36px;top:105px;left:-7px}.iphone-btn-side.volume-down{width:3px;height:36px;top:150px;left:-7px}.iphone-btn-side.power-btn{width:3px;height:50px;top:115px;right:-7px}.iphone-screen{background:#000;border-radius:36px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ipad-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.ipad-chassis{aspect-ratio:4/3;box-sizing:border-box;background:linear-gradient(#475569 0%,#1e293b 40%,#0f172a 100%);border-radius:28px;flex-direction:column;height:100%;max-height:480px;padding:12px;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff26}.ipad-camera-dot{background:#000;border:1px solid #fff3;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.ipad-screen{background:#000;border-radius:20px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ipad-content-layer{width:100%;height:100%;position:relative;overflow:hidden}.ipad-home-bar{z-index:20;pointer-events:none;background:#fff9;border-radius:999px;width:100px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.iphone-statusbar{z-index:20;color:#ffffffe6;pointer-events:none;justify-content:space-between;align-items:center;height:36px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.statusbar-time{font-size:11px;font-weight:600}.iphone-dynamic-island{background:#000;border:1px solid #ffffff1a;border-radius:999px;justify-content:flex-end;align-items:center;width:76px;height:20px;padding-right:6px;display:flex;position:absolute;top:5px;left:50%;transform:translate(-50%)}.dynamic-island-sensor{background:#1e1b4be6;border:1px solid #47556999;border-radius:50%;width:7px;height:7px}.statusbar-icons{align-items:center;gap:4px;display:flex}.iphone-content-layer{width:100%;height:100%;position:relative;overflow:hidden}.iphone-home-bar{z-index:20;pointer-events:none;background:#fff9;border-radius:999px;width:84px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.frame-stretch-toggle-btn{z-index:30;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 14px #00000073}.frame-stretch-toggle-btn:hover{background:#0071e3e6;border-color:#ffffff73;transform:scale(1.12);box-shadow:0 6px 18px #0071e380}.frame-stretch-toggle-btn:active{transform:scale(.94)}.frame-stretch-toggle-btn.macbook-pos{bottom:10px;right:10px}.macbook-stage{justify-content:center;align-items:center;width:100%;height:100%;padding:6px;display:flex}.macbook-chassis{background:#0d1117;border:1px solid #0009;border-radius:12px 12px 6px 6px;flex-direction:column;width:100%;height:100%;padding:8px 8px 0;display:flex;position:relative;box-shadow:0 16px 40px -8px #00000073,0 0 0 1.5px #ffffff1f,inset 0 1px 1px #fff3}.macbook-camera-notch{z-index:20;background:#000;border-bottom-right-radius:6px;border-bottom-left-radius:6px;justify-content:center;align-items:center;gap:6px;width:50px;height:8px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.macbook-camera-lens{background:#111827;border:.5px solid #3b82f699;border-radius:50%;width:4px;height:4px;box-shadow:0 0 2px #3b82f680}.macbook-camera-indicator{opacity:.8;background:#10b981;border-radius:50%;width:2.5px;height:2.5px;box-shadow:0 0 3px #10b981}.macbook-screen{background:#000;border-radius:6px;flex:1;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.macbook-content-layer{width:100%;height:100%;position:relative;overflow:hidden}.macbook-bottom-lip{background:linear-gradient(#1f2937 0%,#111827 100%);border-top:1px solid #ffffff1a;border-bottom-right-radius:6px;border-bottom-left-radius:6px;justify-content:center;align-items:center;width:calc(100% + 16px);height:8px;margin-left:-8px;display:flex}.macbook-notch-opener{background:#000;border-radius:99px;width:48px;height:3px;box-shadow:inset 0 1px 1px #000c}.borderless-canvas-container{border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.output-sidebar{background:#ffffffeb;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 20px #0000000a}.sidebar-header-row{justify-content:space-between;align-items:center;padding-bottom:2px;display:flex}.sidebar-title{color:var(--text-primary);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.studio-pill{color:var(--accent-blue);letter-spacing:.02em;background:#0071e314;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.sidebar-card{background:#00000005;border:1px solid #0000000d;border-radius:12px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.sidebar-card.action-card{background:0 0;border:none;padding:0}.card-sublabel{color:var(--text-secondary);font-size:11px;font-weight:600}.spatial-slider-wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;display:flex}.spatial-slider-header{justify-content:space-between;align-items:center;display:flex}.spatial-label-group{align-items:center;gap:6px;display:flex}.spatial-slider-icon{width:20px;height:20px;color:var(--accent-blue);background:#0071e31a;border-radius:5px;justify-content:center;align-items:center;display:flex}.spatial-slider-label{color:var(--text-primary);letter-spacing:-.01em;font-size:12px;font-weight:600}.spatial-readout-pill{background:#0071e314;border:1px solid #0071e32e;border-radius:99px;align-items:baseline;gap:2px;padding:2px 8px;transition:all .15s;display:flex}.spatial-readout-pill.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:scale(1.05);box-shadow:0 2px 8px #0071e366}.readout-num{font-variant-numeric:tabular-nums;color:var(--accent-blue);font-size:12px;font-weight:700}.spatial-readout-pill.active .readout-num{color:#fff}.readout-unit{color:var(--accent-blue);font-size:10px;font-weight:600}.spatial-readout-pill.active .readout-unit{color:#ffffffd9}.spatial-track-container{cursor:pointer;touch-action:none;align-items:center;width:100%;height:26px;display:flex;position:relative}.spatial-track-bg{background:#e5e7eb;border:1px solid #0000000a;border-radius:99px;width:100%;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001f}.spatial-led-ticks{pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.spatial-tick{background:#00000026;border-radius:1px;width:2px;transition:background .15s,box-shadow .15s;position:absolute;top:2px;bottom:2px;transform:translate(-50%)}.spatial-tick.lit{z-index:2;background:#ffffffe6;box-shadow:0 0 4px #fff}.spatial-fill-bar{pointer-events:none;background:linear-gradient(90deg,#0071e3 0%,#38bdf8 100%);border-radius:99px;height:10px;transition:width 40ms linear;position:absolute;left:0;box-shadow:0 0 10px #0071e373}.spatial-fill-glow{opacity:.6;filter:blur(2px);background:#fff;border-radius:99px;width:14px;position:absolute;top:0;bottom:0;right:0}.spatial-thumb{pointer-events:none;z-index:5;background:#fff;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000026,0 0 0 2px #0071e333}.spatial-thumb.hovered{transform:translate(-50%,-50%)scale(1.12);box-shadow:0 4px 14px #0071e34d,0 0 0 3px #0071e34d}.spatial-thumb.grabbing{transform:translate(-50%,-50%)scale(1.22);box-shadow:0 6px 18px #0071e373,0 0 0 4px #0071e366}.thumb-outer-ring{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:50%;position:absolute;inset:2px}.thumb-core-light{z-index:2;background:linear-gradient(135deg,#0071e3 0%,#38bdf8 100%);border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #0071e3}.spatial-native-overlay{opacity:.0001;cursor:pointer;z-index:10;appearance:none;touch-action:none;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.device-select-chips{background:#0000000d;border-radius:8px;gap:2px;padding:3px;display:flex}.device-chip{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.device-chip.active{color:var(--accent-blue);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.export-buttons-stack{flex-direction:column;gap:8px;padding-top:4px;display:flex}.macos-btn-primary{background:var(--accent-blue);color:#fff;width:100%;min-height:42px;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:all .18s;display:flex;box-shadow:0 2px 8px #0071e359}.macos-btn-primary:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px)}.macos-btn-primary:active:not(:disabled){background:var(--accent-blue-active);transform:translateY(0)}.macos-btn-primary:disabled{opacity:.65;cursor:not-allowed}.secondary-buttons-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.macos-btn-secondary{width:100%;min-height:38px;color:var(--text-primary);font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;transition:all .15s;display:flex}.macos-btn-secondary:hover{background:#f5f5f7;border-color:#0003}.macos-btn-secondary.back-btn{margin-top:2px}.window-footnote{color:var(--text-secondary);background:#f6f6f6b3;border-top:1px solid #0000000f;flex-shrink:0;justify-content:center;align-items:center;padding:12px 18px;font-size:12px;display:flex}.footnote-links{align-items:center;gap:10px;display:flex}.footnote-link-btn{color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;border-radius:4px;padding:2px 6px;text-decoration:underline;transition:all .15s}.footnote-link-btn:hover{color:var(--accent-blue)}.footnote-dot{color:var(--text-tertiary)}.legal-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}.legal-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:580px;max-height:88vh;padding:clamp(24px,4vw,36px);display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #00000040,0 0 0 1px #00000014}.legal-top-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.legal-close-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.legal-close-btn:hover{color:var(--text-primary);background:#0000001a}.legal-brand-header{align-items:center;gap:8px;display:flex}.legal-brand-icon{color:#fff;background:linear-gradient(135deg,#0071e3 0%,#3b82f6 100%);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.legal-brand-name{color:var(--text-primary);align-items:center;gap:5px;font-size:16px;font-weight:700;display:flex}.legal-content{flex-direction:column;display:flex}.legal-title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:4px;font-size:26px;font-weight:700}.legal-date{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.legal-section{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.legal-section-title{color:var(--text-primary);font-size:15px;font-weight:600}.legal-paragraph{color:#374151;font-size:13.5px;line-height:1.55}.legal-link-highlight{color:#ef4444;text-underline-offset:2px;font-weight:500;text-decoration:underline}.legal-footer-nav{border-top:1px solid #00000014;align-items:center;gap:12px;margin-top:16px;padding-top:18px;font-size:13px;display:flex}.legal-nav-btn{color:var(--text-secondary);font-size:13px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;transition:color .15s;display:flex}.legal-nav-btn:hover{color:var(--accent-blue);text-decoration:underline}.legal-nav-btn.back-primary-btn{color:var(--text-primary);font-weight:600}.legal-nav-btn.back-primary-btn:hover{color:var(--accent-blue)}.legal-dot-sep{color:var(--text-tertiary)}.fullscreen-3d-overlay{z-index:9999;background:#000;flex-direction:column;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.fullscreen-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.fullscreen-canvas-box{border-radius:8px;justify-content:center;align-items:center;max-width:100vw;max-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000c}.fullscreen-floating-close{z-index:10000;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);opacity:.6;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:fixed;top:16px;right:16px}.fullscreen-floating-close:hover{opacity:1;background:#000000b3;transform:scale(1.1)}