:root{--primary:#dc3236;--primary-hover:#c0292d;--topbar-height:64px;--site-gutter:clamp(1.25rem, 4vw, 3rem);--site-max:1320px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--content-width:70ch;--content-width-wide:var(--site-max);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--transition-fast:.15s ease;--transition-base:.22s ease;--transition-slow:.36s cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--shadow-sm:0 1px 2px #0000001f;--shadow-md:0 8px 24px #0000002e;--shadow-lg:0 24px 60px #00000059;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px}:root,[data-theme=dark]{color-scheme:dark;--bg-dark:#0b0b0d;--surface-dark:#121214;--card-dark:#19191d;--border-dark:#27272c;--line:#ffffff17;--line-strong:#ffffff2e;--text-main:#f4f2ee;--text-dim:#9d9ca6;--text-faint:#6b6b74;--primary-dim:#3b1415;--primary-text:#ff5d60;--glow:#dc323638;--grain-opacity:.045}[data-theme=light]{color-scheme:light;--bg-dark:#f5f3ee;--surface-dark:#fff;--card-dark:#ebe8e1;--border-dark:#d9d5cc;--line:#14131a1a;--line-strong:#14131a38;--text-main:#15141a;--text-dim:#5d5b66;--text-faint:#8a8893;--primary-dim:#fbe3e2;--primary-text:#bf2529;--glow:#dc323624;--grain-opacity:.06}body,html{background-color:var(--bg-dark);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{opacity:1}.studio-app{width:100vw;height:100vh;font-family:var(--font-body);color:var(--text-dim);box-sizing:border-box;flex-direction:column;font-size:14px;line-height:1.5;display:flex}.studio-app *,.studio-app :before,.studio-app :after{box-sizing:border-box}.studio-app .studio-nav{background:var(--surface-dark);border-bottom:1px solid var(--border-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;display:flex}.studio-app .nav-left{align-items:center;gap:16px;display:flex}.studio-app .nav-back-btn{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);width:36px;height:36px;min-height:36px;color:var(--text-dim);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.studio-app .nav-back-btn:hover{background:var(--border-dark);color:#fff}.studio-app .logo-container{align-items:center;gap:12px;display:flex}.studio-app .logo-box{background:var(--primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.studio-app .studio-nav h1{color:var(--text-main);font-family:var(--font-display);text-transform:none;letter-spacing:normal;margin:0;font-size:18px;font-weight:700;line-height:1}.studio-app .nav-actions{flex-direction:row;gap:10px;display:flex}.studio-app .nav-btn{background:var(--card-dark);border:1px solid var(--border-dark);color:var(--text-dim);border-radius:var(--radius-md);cursor:pointer;outline:none;align-items:center;gap:6px;height:36px;min-height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:400;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:flex}.studio-app .nav-btn:hover{background:var(--border-dark);color:var(--text-main)}.studio-app .nav-btn:focus,.studio-app .nav-btn:focus-visible{border-color:var(--primary);color:var(--text-main);box-shadow:0 0 0 2px #dc32364d}.studio-app .nav-btn .material-symbols-rounded{font-size:18px}.studio-app .theme-toggle-btn{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);width:36px;height:36px;min-height:36px;color:var(--text-dim);cursor:pointer;outline:none;justify-content:center;align-items:center;padding:0;font-family:inherit;line-height:1;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:flex}.studio-app .theme-toggle-btn:hover{background:var(--border-dark);color:var(--text-main)}.studio-app .theme-toggle-btn:focus,.studio-app .theme-toggle-btn:focus-visible{border-color:var(--primary);color:var(--text-main);box-shadow:0 0 0 2px #dc32364d}.studio-app .theme-toggle-btn .material-symbols-rounded{font-size:18px;line-height:1}.studio-app .studio-body{flex:1;display:flex;overflow:hidden}.studio-app .preview-area{background:var(--bg-dark);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.studio-app .canvas-container{aspect-ratio:16/9;background:var(--card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);width:100%;max-width:900px;position:relative;overflow:hidden}.studio-app #glCanvas{width:100%;height:100%;display:block}.studio-app .hud-tag{backdrop-filter:blur(8px);border-radius:var(--radius-md);text-transform:uppercase;color:#fff;letter-spacing:.5px;z-index:10;box-sizing:border-box;height:30px;font-size:10px;font-weight:700;font-family:var(--font-body);background:#0009;border:1px solid #ffffff1a;align-items:center;padding:0 12px;display:none;position:absolute}.studio-app .hud-tag.visible{display:flex}.studio-app .live-tag{gap:6px;top:15px;left:15px}.studio-app .live-dot{background:var(--primary);border-radius:50%;width:5px;height:5px}.studio-app .res-tag{top:15px;right:15px}.studio-app .grid-toggle-btn{cursor:pointer;background:#0009;outline:none;justify-content:center;width:32px;padding:0;transition:all .2s;top:15px;right:150px}.studio-app .grid-toggle-btn:hover{background:#ffffff26}.studio-app .grid-toggle-btn.active{background:var(--primary);border-color:var(--primary)}.studio-app .grid-toggle-btn.active:hover{background:var(--primary-hover)}.studio-app .grid-overlay{pointer-events:none;z-index:5;display:none;position:absolute;inset:0}.studio-app .grid-line-h,.studio-app .grid-line-v{background:#fff3;position:absolute}.studio-app .grid-line-h{width:100%;height:1px;left:0}.studio-app .grid-line-v{width:1px;height:100%;top:0}.studio-app .h-1{top:33.33%}.studio-app .h-2{top:66.66%}.studio-app .v-1{left:33.33%}.studio-app .v-2{left:66.66%}.studio-app #setupOverlay{background:var(--card-dark);z-index:40;text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio-app #emailModal,.studio-app #successModal{backdrop-filter:blur(4px);z-index:50;text-align:center;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.studio-app #setupOverlay .setup-content{flex-direction:column;align-items:center;max-width:500px;padding:20px;display:flex}.studio-app #setupOverlay .setup-content .btn-main{border-radius:var(--radius-md);width:auto;margin-top:.5rem;padding:1rem 1.75rem;font-size:18px;font-weight:800;line-height:1}.studio-app #setupOverlay .setup-icon-circle{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;display:flex}.studio-app #setupOverlay .setup-icon-circle .setup-icon{color:#475569;font-size:48px}.studio-app #setupOverlay .setup-title{color:var(--text-main);font-family:var(--font-display);letter-spacing:normal;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.2}.studio-app #setupOverlay .setup-desc{color:#94a3b8;font-size:15px;line-height:1.5;font-family:var(--font-body);text-wrap:balance;margin:0 0 32px}.studio-app #setupOverlay .btn-setup-help{border:1px solid var(--border-dark);color:var(--text-dim);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:8px 20px;transition:all .2s;display:flex}.studio-app #setupOverlay .btn-setup-help:hover{background:var(--card-dark);color:var(--text-main);border-color:var(--text-dim)}.studio-app #setupOverlay .btn-setup-help .material-symbols-rounded{font-size:16px}.studio-app .email-modal-content{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;width:90%;max-width:490px;max-height:calc(100svh - 32px);padding:0;display:flex;position:relative;overflow:hidden auto}.studio-app .email-modal-header-image{border-radius:12px 12px 0 0;width:100%;height:160px;position:relative;overflow:hidden}.studio-app .email-modal-header-image img{object-fit:cover;width:100%;height:100%;display:block}.studio-app .email-modal-header-image:after{content:"";background:linear-gradient(to bottom, transparent, var(--card-dark));pointer-events:none;height:80px;position:absolute;bottom:0;left:0;right:0}.studio-app .email-modal-social-proof{backdrop-filter:blur(8px);border-radius:var(--radius-md);z-index:10;background:#0f0f12f2;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:8px 20px;display:flex;position:absolute;top:140px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}[data-theme=light] .studio-app .email-modal-social-proof{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #00000026}.studio-app .email-modal-social-proof .material-symbols-rounded{color:var(--primary-text);font-size:18px}.studio-app .email-modal-social-proof span:last-child{color:#fff;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font-body)}[data-theme=light] .studio-app .email-modal-social-proof span:last-child{color:var(--text-main)}.studio-app .email-modal-icon-circle{display:none}.studio-app .email-modal-icon{color:var(--primary-text);font-size:32px}.studio-app .success-icon-circle{justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 16px;display:flex}.studio-app .material-symbols-rounded.success-icon{color:var(--text-main);font-size:28px}.studio-app .success-modal-title{color:var(--text-main);font-family:var(--font-display);letter-spacing:-.025em;text-align:center;width:100%;margin:0 0 24px;font-size:28px;font-weight:700;line-height:1.2}.studio-app .success-modal-desc{color:var(--text-dim);text-align:center;font-size:14px;line-height:1.6;font-family:var(--font-body);margin:0 0 16px;padding:0}.studio-app .success-modal-tip{color:var(--text-dim);text-align:center;margin:0;padding:0;font-size:13px;line-height:1.6}.studio-app .email-modal-close{backdrop-filter:blur(4px);color:#fff;cursor:pointer;border-radius:var(--radius-sm);z-index:20;background:#00000080;border:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}[data-theme=light] .studio-app .email-modal-close{color:var(--text-main);background:#fffc}.studio-app .email-modal-close:hover{color:#fff;background:#fff3}[data-theme=light] .studio-app .email-modal-close:hover{color:var(--text-main);background:#0000001a}.studio-app .email-modal-title{color:var(--text-main);font-family:var(--font-display);text-align:center;width:100%;margin:30px 0 16px;padding:0 32px;font-size:22px;font-weight:700;line-height:1.2}.studio-app .email-modal-desc{color:var(--text-dim);text-align:center;font-size:14px;line-height:1.6;font-family:var(--font-body);margin:0 0 24px;padding:0 32px}.studio-app #emailForm{box-sizing:border-box;width:100%;padding:0 32px 32px}.studio-app .email-input-label{color:var(--text-main);text-align:left;box-sizing:border-box;width:100%;font-size:13px;font-weight:600;font-family:var(--font-body);margin-bottom:8px;display:block}.studio-app .email-privacy-text{color:var(--text-dim);text-align:center;font-size:12px;font-family:var(--font-body);margin:16px 0 0}.studio-app .bonus-pack-container{border-radius:var(--radius-md);background:#dc323614;border:1px solid #dc323633;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px;display:flex}[data-theme=light] .studio-app .bonus-pack-container{background:#dc32361f;border:1px solid #dc32364d}.studio-app .bonus-pack-icon{color:var(--primary-text);flex-shrink:0;margin-top:2px;font-size:24px}.studio-app .bonus-pack-content{flex:1}.studio-app .bonus-pack-heading{color:var(--text-main);text-align:left;font-size:14px;font-weight:600;font-family:var(--font-body);margin-bottom:6px}.studio-app .bonus-pack-description{color:var(--text-dim);text-align:left;font-size:12px;line-height:1.5;font-family:var(--font-body);margin-bottom:12px}.studio-app .bonus-pack-checkbox-label{cursor:pointer;color:var(--text-main);font-size:14px;font-family:var(--font-body);align-items:center;gap:10px;display:flex}.studio-app .bonus-pack-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.studio-app .format-checkbox-label{cursor:pointer;color:var(--text-main);font-size:14px;font-family:var(--font-body);align-items:center;gap:10px;margin-bottom:8px;display:flex}.studio-app .turnstile-container{justify-content:center;min-height:65px;margin:12px 0 16px;display:flex}.studio-app #turnstileWidget{min-height:65px}.studio-app .turnstile-hint{color:var(--text-dim);text-align:center;margin:0 0 8px;font-size:12px;line-height:1.4}.studio-app .email-form-error{color:#f87171;text-align:center;margin:0 0 10px;font-size:13px;line-height:1.4}.studio-app .email-form-error[hidden]{display:none}.studio-app .success-modal-content-wrapper{text-align:center;width:100%;padding:48px 32px 28px}.studio-app .success-file-badge{border:1px solid var(--border-dark);border-radius:var(--radius-md);background:var(--surface-dark);cursor:default;justify-content:center;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:0 auto 20px;padding:14px 16px;display:flex}.studio-app .success-file-badge-icon{color:var(--text-dim);font-size:20px}.studio-app .success-file-badge-content{text-align:left;min-width:0}.studio-app .success-file-name{color:var(--text-main);overflow-wrap:anywhere;font-family:monospace;font-size:13px;font-weight:600}.studio-app .success-file-size{color:var(--text-dim);font-size:11px;font-family:var(--font-body)}.studio-app .success-modal-desc-margin{margin-bottom:12px}.studio-app .success-modal-button{background:var(--primary);width:100%;margin-top:20px}.studio-app .email-input-wrapper{box-sizing:border-box;width:100%;margin-bottom:16px;position:relative}.studio-app .email-input-wrapper input{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-size:16px;font-family:var(--font-body);box-sizing:border-box;outline:none;padding:12px 16px 12px 44px}.studio-app .email-input-wrapper:before{content:"mail";color:var(--text-dim);pointer-events:none;font-family:Material Symbols Rounded;font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.studio-app .email-input-wrapper input:focus{border-color:var(--primary)}.studio-app .email-input-wrapper input::placeholder{color:var(--text-dim)}.studio-app .success-modal-return{width:auto;min-width:180px;min-height:48px;margin:24px auto 0}@media (width<=620px){.studio-app .success-modal-return{width:100%}}.studio-app .help-sidebar-overlay{z-index:60;opacity:0;contain:paint;isolation:isolate;overscroll-behavior:contain;touch-action:none;background:#000000bf;transition:opacity .3s;display:none;position:fixed;inset:0;overflow:hidden}.studio-app .help-sidebar-overlay.active{opacity:1;display:block}.studio-app .help-sidebar{background:var(--surface-dark);border-left:1px solid var(--border-dark);z-index:61;contain:layout style paint;overscroll-behavior:contain;flex-direction:column;width:480px;max-width:90vw;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000080}.studio-app .help-sidebar-overlay.active .help-sidebar{transform:translate(0)}.studio-app .help-sidebar-header{background:var(--card-dark);border-bottom:1px solid var(--border-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.studio-app .help-sidebar-title{align-items:center;gap:12px;display:flex}.studio-app .help-sidebar-title .material-symbols-rounded{color:var(--primary-text);font-size:24px}.studio-app .help-sidebar-title h2{color:var(--text-main);font-family:var(--font-display);margin:0;font-size:20px;font-weight:700;line-height:1.2}.studio-app .help-sidebar-close{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.studio-app .help-sidebar-close:hover{background:var(--border-dark);color:var(--text-main)}.studio-app .help-sidebar-content{padding:1.5rem 1.5rem calc(2.5rem + env(safe-area-inset-bottom));background:var(--surface-dark);z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;position:relative;overflow-y:auto}.studio-app .help-section{border-bottom:1px solid var(--border-dark);margin-bottom:2rem;padding-bottom:2rem}.studio-app .help-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.studio-app .help-section-header{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.studio-app .help-section-header .material-symbols-rounded{color:var(--primary-text);font-size:20px}.studio-app .help-section-header h3{color:var(--text-main);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:16px;font-weight:700;line-height:1.2}.studio-app .help-section-body{color:var(--text-dim);font-size:14px;line-height:1.7;font-family:var(--font-body)}.studio-app .help-section-body p{margin:0 0 1rem}.studio-app .help-section-body p:last-child{margin-bottom:0}.studio-app .help-section-body strong{color:var(--text-main);font-weight:600}.studio-app code{border-radius:var(--radius-sm);color:#e2e8f0;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px}[data-theme=light] .studio-app code{color:#1e293b;background:#0f172a16;border:1px solid #0f172a29}.studio-app .help-section-body ol,.studio-app .help-section-body ul{margin:.5rem 0 1rem;padding-left:1.5rem}.studio-app .help-section-body li{color:var(--text-dim);margin-bottom:.5rem}.studio-app .help-section-body li:last-child{margin-bottom:0}.studio-app .help-section-body a{color:var(--primary-text);text-decoration:none;transition:all .2s}.studio-app .help-section-body a:hover{color:var(--primary-hover);text-decoration:underline}.studio-app .help-format-option{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);margin:1rem 0;padding:1rem}.studio-app .help-format-option p{margin:0 0 .75rem}.studio-app .help-format-option ul{margin:0}.studio-app .camera-bar{justify-content:center;align-items:center;width:100%;max-width:900px;margin-top:16px;display:flex}.studio-app .camera-bar.camera-disabled,.studio-app .preview-size-bar.camera-disabled{display:none}.studio-app .camera-dropdown-container{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);width:280px;position:relative;overflow:hidden}.studio-app #cameraSelect{width:100%;color:var(--text-main);font-family:var(--font-display);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:10px 40px 10px 16px;font-size:14px;font-weight:600}.studio-app #cameraSelect option{background:var(--surface-dark);color:var(--text-main)}.studio-app .dropdown-chevron{color:#666;pointer-events:none;font-size:22px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.studio-app .studio-sidebar{background-color:var(--surface-dark);border-left:1px solid var(--border-dark);flex-direction:column;flex-shrink:0;width:360px;display:flex;position:relative;overflow:hidden}.studio-app .studio-sidebar.camera-disabled{pointer-events:none}.studio-app .studio-sidebar.camera-disabled:after{content:"";background-color:color-mix(in srgb, var(--surface-dark) 60%, transparent);backdrop-filter:blur(4px);z-index:50;position:absolute;inset:0}.studio-app .studio-sidebar-scrollable{flex-direction:column;flex:1;display:flex;overflow-y:auto}.studio-app .section-group{padding:1.25rem 1.5rem}.studio-app .divider-bottom{border-bottom:1px solid var(--border-dark)}.studio-app .section-label{font-family:var(--font-body);color:var(--text-dim);letter-spacing:0;align-items:center;gap:8px;margin-bottom:.25rem;font-size:.82rem;font-weight:600;line-height:1.2;display:flex}.studio-app .icon-small{font-size:18px}.studio-app .section-content-indented{margin-left:8px;padding-top:.5rem;padding-left:18px;position:relative}.studio-app .section-content-indented:before{content:"";background-color:var(--border-dark);width:1px;position:absolute;top:15px;bottom:0;left:0}.studio-app .preset-grid{grid-template-columns:repeat(4,1fr);gap:10px;max-height:150px;padding-top:.5rem;padding-right:8px;display:grid;overflow-y:scroll}.studio-app .lut-card{cursor:pointer;text-align:center}.studio-app .lut-thumb{aspect-ratio:1;background:var(--card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin-bottom:3px;transition:all .2s;display:flex;overflow:hidden}.studio-app .lut-thumb img{object-fit:cover;width:100%;height:100%}.studio-app .lut-card span{font-family:var(--font-body);color:var(--text-dim);border-radius:var(--radius-sm);width:100%;padding:4px 0;font-size:11px;font-weight:600;transition:all .2s;display:block}.studio-app .lut-card.active .lut-thumb{border:2px solid var(--primary)}.studio-app .lut-card.active span{color:var(--primary-text);background:var(--primary-dim)}.studio-app .lut-card.pending .lut-thumb{border:2px solid var(--primary);animation:1s ease-in-out infinite lutCardPulse}@keyframes lutCardPulse{0%,to{border-color:var(--primary);opacity:1}50%{border-color:var(--primary-hover);opacity:.7}}.studio-app .preview-loading-overlay{background:color-mix(in srgb, var(--bg-dark) 60%, transparent);z-index:30;border-radius:var(--radius-md);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.studio-app .preview-loading-overlay.shown{display:flex}.studio-app .preview-spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite previewSpin}@keyframes previewSpin{to{transform:rotate(360deg)}}.studio-app .control-row{margin-bottom:.85rem}.studio-app .control-info{justify-content:space-between;align-items:center;line-height:1;display:flex}.studio-app .control-name{color:var(--text-main);cursor:help;font-size:13px;font-weight:500;font-family:var(--font-body);align-items:center;gap:6px;display:flex;position:relative}.studio-app .info-icon{opacity:.2;font-size:12px}.studio-app .tooltip{visibility:hidden;color:#fff;border-radius:var(--radius-md);z-index:100;border:1px solid var(--border-dark);text-transform:none;width:180px;font-size:11px;font-weight:400;line-height:1.4;font-family:var(--font-body);background:#1e293b;padding:8px 12px;position:absolute;bottom:125%;left:0}.studio-app .control-name:hover .tooltip{visibility:visible}.studio-app .control-val{color:var(--text-main);background:var(--card-dark);border-radius:var(--radius-sm);border:1px solid var(--border-dark);text-align:center;min-width:45px;padding:2px 8px;font-family:monospace;font-size:11px}.studio-app .slider-reset{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-body);opacity:0;visibility:hidden;background:0 0;border:none;margin-left:auto;margin-right:8px;padding:2px 6px;transition:all .15s;display:block}.studio-app .slider-reset.visible{visibility:visible}.studio-app .control-row:hover .slider-reset.visible{opacity:1}.studio-app .slider-reset:hover{background:var(--border-dark);color:var(--text-main)}.studio-app input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right, var(--primary) 0%, var(--primary) var(--range-progress), #334155 var(--range-progress), #334155 100%);border-radius:2px;outline:none;width:100%;height:4px;margin:8px 0}.studio-app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px}.studio-app input[type=range]::-moz-range-thumb{border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px}.studio-app input[type=range].temp-track{background:linear-gradient(90deg,#3b82f6 0%,#ececef 50%,#f59e0b 100%)}.studio-app input[type=range].sat-track{background:linear-gradient(90deg,#475569 0%,#dc3236 100%)}.studio-app .studio-footer{background:var(--surface-dark);border-top:1px solid var(--border-dark);flex-shrink:0;padding-top:1rem}.studio-app .format-row{justify-content:space-between;align-items:center;gap:15px;margin:1rem 0 1.5rem;display:flex}.studio-app .format-label{color:var(--text-dim);font-size:13px;font-weight:600;font-family:var(--font-body)}.studio-app .format-select-wrapper{flex:1;position:relative}.studio-app select#exportFormat{border:1px solid var(--border-dark);color:#fff;border-radius:var(--radius-md);appearance:none;cursor:pointer;width:100%;font-size:14px;font-family:var(--font-body);background:#000;padding:8px 35px 8px 12px}.studio-app .format-dropdown-chevron{color:#666;pointer-events:none;font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.studio-app .btn-main{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;width:100%;font-size:14px;font-weight:700;font-family:var(--font-body);border:none;justify-content:center;align-items:center;gap:10px;margin-top:1.5rem;padding:.6rem;display:flex}.studio-app .btn-main.success-modal-button{background:var(--primary)}.studio-app .btn-main:hover,.studio-app .btn-main.success-modal-button:hover{background:var(--primary-hover)}.studio-app #resetBtn{border:1px solid var(--border-dark);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:12px;font-weight:700;font-family:var(--font-body);background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:10px;transition:all .2s;display:flex}.studio-app #resetBtn:hover{color:#fff;background:#ffffff0d;border-color:#444}.studio-app .reset-icon{font-size:16px}.studio-app .material-symbols-rounded{white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Rounded;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.studio-app ::-webkit-scrollbar{width:3px}.studio-app ::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.studio-app .undo-toast{backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-md);z-index:100;opacity:0;pointer-events:none;font-size:13px;font-weight:500;font-family:var(--font-body);background:#000000d9;border:1px solid #ffffff1a;padding:10px 20px;transition:transform .2s,opacity .2s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)translateY(100px)}.studio-app .undo-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.studio-app .preview-size-bar{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.studio-app .preview-size-btn{backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;font-family:var(--font-body);background:#0009;border:1px solid #ffffff1a;justify-content:center;align-items:center;transition:all .2s;display:flex}.studio-app .preview-size-btn:hover:not(:disabled){background:#ffffff26}.studio-app .preview-size-btn:disabled{opacity:.3;cursor:not-allowed}.studio-app .preview-size-btn .material-symbols-rounded{font-size:20px}.studio-app .color-wheels-row{justify-content:space-between;gap:8px;margin-top:16px;display:flex}.studio-app .color-wheel-group{flex-direction:column;align-items:center;gap:6px;display:flex}.studio-app .color-wheel-label{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;font-family:var(--font-body)}.studio-app .color-wheel-wrapper{cursor:crosshair;touch-action:none;border-radius:50%;width:90px;height:90px;position:relative}.studio-app .color-wheel-wrapper:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.studio-app .color-wheel-canvas{border:2px solid var(--border-dark);border-radius:50%;width:100%;height:100%;transition:border-color .2s}.studio-app .color-wheel-wrapper:hover .color-wheel-canvas{border-color:#4a4a55}.studio-app .color-wheel-wrapper.active .color-wheel-canvas{border-color:var(--primary)}.studio-app .color-wheel-center{pointer-events:none;background:#fff6;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-app .color-wheel-handle{border:2px solid var(--primary);pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:box-shadow .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.studio-app .color-wheel-wrapper.active .color-wheel-handle{box-shadow:0 0 0 3px #dc32364d,0 2px 6px #0006}.studio-app .color-wheel-value{color:var(--text-dim);text-align:center;font-family:monospace;font-size:10px}.studio-app .color-wheel-reset{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-body);opacity:0;background:0 0;border:none;padding:2px 6px;transition:all .15s}.studio-app .color-wheel-group:hover .color-wheel-reset{opacity:1}.studio-app .color-wheel-reset:hover{background:var(--border-dark);color:var(--text-main)}.studio-app.lut-designer [hidden]{display:none!important}.studio-app.lut-designer .studio-sidebar{width:380px}.studio-app.lut-designer .designer-tabs{border-bottom:1px solid var(--border-dark);flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;padding:10px 16px 0;display:grid}.studio-app.lut-designer .designer-tabs button{color:var(--text-dim);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 0 12px;font-size:14px;font-weight:700;transition:color .2s,border-color .2s;display:flex}.studio-app.lut-designer .designer-tabs button .material-symbols-rounded{font-size:18px}.studio-app.lut-designer .designer-tabs button:hover{color:var(--text-main)}.studio-app.lut-designer .designer-tabs button[aria-selected=true]{color:var(--text-main);border-bottom-color:var(--primary)}.studio-app.lut-designer .designer-tabs button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-md) var(--radius-md) 0 0}.studio-app.lut-designer .looks-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.studio-app.lut-designer .looks-head h2{color:var(--text-main);font-family:var(--font-display);margin:0;font-size:14px;font-weight:700}.studio-app.lut-designer .looks-head span{color:var(--text-dim);font-size:12px}.studio-app.lut-designer .looks-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:4px 0 8px;font-size:11px;font-weight:700}.studio-app.lut-designer #moreLooksLabel{margin-top:16px}.studio-app.lut-designer .look-grid{grid-template-columns:repeat(3,1fr);gap:10px 8px;max-height:none;padding:0;overflow:visible}.studio-app.lut-designer .lut-card{font:inherit;color:inherit;text-align:left;background:0 0;border:0;min-width:0;padding:0}.studio-app.lut-designer .lut-thumb{aspect-ratio:16/9;border-radius:var(--radius-md);margin-bottom:0}.studio-app.lut-designer .lut-card span{background:0 0;border-radius:0;padding:4px 2px 0;font-size:12px}.studio-app.lut-designer .lut-card:hover .lut-thumb{border-color:color-mix(in srgb, var(--text-dim) 60%, transparent)}.studio-app.lut-designer .lut-card.active span{color:var(--text-main);background:0 0}.studio-app.lut-designer .lut-card:focus-visible{outline:none}.studio-app.lut-designer .lut-card:focus-visible .lut-thumb{box-shadow:0 0 0 2px var(--primary)}.studio-app.lut-designer .show-all-btn{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:9px;font-size:13px;font-weight:600;transition:border-color .2s,background-color .2s;display:flex}.studio-app.lut-designer .show-all-btn:hover{border-color:color-mix(in srgb, var(--text-dim) 50%, transparent)}.studio-app.lut-designer .show-all-btn .material-symbols-rounded{font-size:18px}.studio-app.lut-designer #panelAdjust #resetBtn{margin-top:0}.studio-app.lut-designer .studio-footer{padding:14px 16px 16px}.studio-app.lut-designer .look-strength .control-row{margin-bottom:0}.studio-app.lut-designer .studio-footer .btn-main{border-radius:var(--radius-md);margin-top:12px;padding:.7rem}.studio-app.lut-designer .export-note{color:var(--text-dim);text-align:center;margin:8px 0 0;font-size:12px}.studio-app.lut-designer .look-bar{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);justify-content:space-between;gap:16px;margin-top:14px;padding:10px 12px 10px 16px}.studio-app.lut-designer .look-bar__info{flex:1;min-width:0}.studio-app.lut-designer .look-bar__name{color:var(--text-main);font-family:var(--font-display);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.studio-app.lut-designer .look-badge{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);color:var(--text-dim);background:var(--card-dark);border:1px solid var(--border-dark);padding:2px 6px;font-size:10px;font-weight:700}.studio-app.lut-designer .look-bar__desc{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.studio-app.lut-designer .look-bar__controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.studio-app.lut-designer .mode-toggle{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);gap:2px;padding:3px;display:inline-flex}.studio-app.lut-designer .mode-toggle button{border-radius:var(--radius-md);color:var(--text-dim);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 11px;font-size:13px;display:inline-flex}.studio-app.lut-designer .mode-toggle button .material-symbols-rounded{font-size:17px}.studio-app.lut-designer .mode-toggle button[aria-pressed=true]{background:var(--border-dark);color:var(--text-main)}.studio-app.lut-designer .zoom-buttons{gap:4px;display:flex}.studio-app.lut-designer .look-bar .preview-size-btn{background:var(--card-dark);border-color:var(--border-dark);color:var(--text-dim);backdrop-filter:none}.studio-app.lut-designer .look-bar .preview-size-btn:hover:not(:disabled){color:var(--text-main)}.studio-app.lut-designer .look-bar .preview-size-btn:disabled{opacity:.4;cursor:default}.studio-app.lut-designer .look-bar .camera-dropdown-container{border-radius:var(--radius-lg);background:var(--card-dark);width:210px}.studio-app.lut-designer .look-bar #cameraSelect{text-overflow:ellipsis;padding:8px 36px 8px 12px;font-size:13px}.studio-app.lut-designer .canvas-container.is-comparing{cursor:ew-resize;touch-action:none;user-select:none}.studio-app.lut-designer .canvas-container.is-comparing .live-tag,.studio-app.lut-designer .canvas-container.is-comparing .res-tag,.studio-app.lut-designer .canvas-container.is-comparing .grid-toggle-btn{display:none}.studio-app.lut-designer .compare-divider{z-index:15;pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.studio-app.lut-designer .compare-handle{color:#111;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0006}.studio-app.lut-designer .compare-handle .material-symbols-rounded{font-size:20px}.studio-app.lut-designer .compare-label{z-index:16;border-radius:var(--radius-md);color:#fff;pointer-events:none;background:#0009;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:15px}.studio-app.lut-designer .compare-label--before{left:15px}.studio-app.lut-designer .compare-label--after{background:var(--primary);right:15px}.studio-app[data-mobile-gated=true] .mobile-tool-gate{display:none}@media (width<=960px){body,html{height:auto;min-height:100%;overflow:auto}.studio-app{width:100%;height:auto;min-height:100vh}.studio-app .studio-nav{flex-wrap:wrap;gap:12px;padding:.85rem 1rem}.studio-app .nav-left{gap:12px;min-width:0}.studio-app .logo-container{min-width:0}.studio-app .studio-nav h1{font-size:16px;line-height:1.15}.studio-app .nav-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.studio-app .nav-btn{padding:0 12px}.studio-app .studio-body{overflow:visible}.studio-app .preview-area{padding:20px 16px}.studio-app .help-sidebar{width:100%;max-width:none}.studio-app[data-mobile-gated=true] .lut-designer-nav{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.studio-app[data-mobile-gated=true] .lut-designer-nav .nav-left{grid-column:1/3;align-items:center;gap:10px;min-width:0;display:flex}.studio-app[data-mobile-gated=true] .lut-designer-nav .brand-logo{display:none}.studio-app[data-mobile-gated=true] .lut-designer-nav .logo-container{gap:0;min-width:0}.studio-app[data-mobile-gated=true] .lut-designer-nav h1{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.studio-app[data-mobile-gated=true] .lut-designer-nav .nav-actions{flex-wrap:nowrap;grid-column:3;justify-self:end;gap:8px;width:auto;margin-left:0}.studio-app[data-mobile-gated=true] .lut-designer-nav .nav-btn--history{display:none}.studio-app[data-mobile-gated=true] .lut-designer-nav #helpBtn{justify-content:center;width:36px;min-width:36px;padding:0}.studio-app[data-mobile-gated=true] .lut-designer-nav #helpBtn .nav-btn__label{display:none}.studio-app[data-mobile-gated=true] .mobile-tool-gate{--mobile-gate-panel-bg:linear-gradient(180deg, #16181ff5, #0b0c12fa);--mobile-gate-title-color:#f4f5fb;--mobile-gate-copy-color:#b6c0d6;--mobile-gate-item-bg:#ffffff08;--mobile-gate-item-border:#ffffff0f;--mobile-gate-item-color:#eef2ff;--mobile-gate-secondary-bg:#ffffff0a;--mobile-gate-secondary-border:#ffffff1f;--mobile-gate-secondary-color:#eef2ff;background:radial-gradient(circle at top, #dc323624, transparent 40%), linear-gradient(180deg, #ffffff05, transparent 45%), var(--bg-dark);flex:1;justify-content:center;align-items:center;padding:24px 16px 32px;display:flex}.studio-app[data-mobile-gated=true] .mobile-tool-gate__panel{border-radius:var(--radius-lg);background:var(--mobile-gate-panel-bg);border:1px solid #ffffff14;gap:16px;width:min(100%,520px);padding:22px;display:grid;overflow:hidden;box-shadow:0 24px 60px #00000059}.studio-app[data-mobile-gated=true] .mobile-tool-gate__eyebrow{border-radius:var(--radius-md);color:#ffb1b5;width:fit-content;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:#dc32361f;border:1px solid #dc323659;padding:6px 10px;font-size:11px;font-weight:700}.studio-app[data-mobile-gated=true] .mobile-tool-gate__title{color:var(--mobile-gate-title-color);font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(1.8rem,7vw,2.4rem);line-height:.95}.studio-app[data-mobile-gated=true] .mobile-tool-gate__copy{color:var(--mobile-gate-copy-color);margin:0;font-size:.98rem;line-height:1.65}.studio-app[data-mobile-gated=true] .mobile-tool-gate__visual{border-radius:var(--radius-lg);overflow:hidden}.studio-app[data-mobile-gated=true] .mobile-tool-gate__visual img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.studio-app[data-mobile-gated=true] .mobile-tool-gate__list{gap:10px;display:grid}.studio-app[data-mobile-gated=true] .mobile-tool-gate__item{background:var(--mobile-gate-item-bg);border:1px solid var(--mobile-gate-item-border);color:var(--mobile-gate-item-color);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.studio-app[data-mobile-gated=true] .mobile-tool-gate__item .material-symbols-rounded{color:var(--primary-text);flex-shrink:0;margin-top:1px;font-size:20px}.studio-app[data-mobile-gated=true] .mobile-tool-gate__actions{gap:10px;display:grid}.studio-app[data-mobile-gated=true] .mobile-tool-gate__button{text-align:center;justify-content:center;width:100%;min-height:48px}.studio-app[data-mobile-gated=true] .mobile-tool-gate__button.nav-btn{background:var(--mobile-gate-secondary-bg);border-color:var(--mobile-gate-secondary-border);color:var(--mobile-gate-secondary-color)}.studio-app[data-mobile-gated=true] .mobile-tool-gate__button.nav-btn:hover{color:#fff;background:#ffffff1a}.studio-app[data-mobile-gated=true] .mobile-tool-gate__button.btn-main{text-decoration:none}.studio-app[data-mobile-gated=true] .studio-body{display:none}[data-theme=light] .studio-app[data-mobile-gated=true] .mobile-tool-gate{--mobile-gate-panel-bg:linear-gradient(180deg, #fffffff5, #f7f1f2fa);--mobile-gate-title-color:#18212f;--mobile-gate-copy-color:#526176;--mobile-gate-item-bg:#ffffffdb;--mobile-gate-item-border:#18212f14;--mobile-gate-item-color:#18212f;--mobile-gate-secondary-bg:#ffffffe6;--mobile-gate-secondary-border:#18212f1f;--mobile-gate-secondary-color:#18212f}[data-theme=light] .studio-app[data-mobile-gated=true] .mobile-tool-gate__panel{border-color:#18212f14;box-shadow:0 20px 48px #231d1f1f}[data-theme=light] .studio-app[data-mobile-gated=true] .mobile-tool-gate__eyebrow{color:#b4232a;background:#dc323614}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-app :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.studio-app *,.studio-app :before,.studio-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{top:calc(var(--topbar-height,56px) + 12px);z-index:10000;background:var(--primary);color:#fff;font-family:var(--font-body);white-space:nowrap;transform:translate(-50%, calc(-100% - var(--topbar-height,56px) - 24px));border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;position:fixed;left:50%;box-shadow:0 8px 24px #00000059}.skip-link:focus{outline-offset:2px;outline:2px solid #fff;transform:translate(-50%)}#main:focus{outline:none}.skip-link--narrow{display:none}@media (width<=960px){.skip-link--wide{display:none}.skip-link--narrow{display:block}}#mobileToolGate:focus{outline:none}.toolbox-nav,.studio-nav{background:var(--surface-dark);border-bottom:1px solid var(--border-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;display:flex}.toolbox-nav .nav-left,.studio-nav .nav-left{align-items:center;gap:16px;display:flex}.nav-back-btn{background:var(--card-dark);border:1px solid var(--border-dark);width:36px;height:36px;min-height:36px;color:var(--text-dim);border-radius:6px;outline:none;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:flex}.nav-back-btn:hover{background:var(--border-dark);color:var(--text-main)}.nav-back-btn:focus,.nav-back-btn:focus-visible{border-color:var(--primary);color:var(--text-main);box-shadow:0 0 0 2px #dc32364d}.logo-container{align-items:center;gap:12px;animation:.42s ease-out both nav-brand-reveal;display:flex}.brand-logo{color:var(--text-main);align-items:center;text-decoration:none;display:flex}.brand-logo svg{width:auto;height:24px;display:block}.brand-logo .brand-logo-mark{fill:var(--primary)}.brand-logo .brand-logo-word{fill:currentColor}.brand-word-group{display:inline-flex}.logo-box{background:var(--primary);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-box .material-symbols-rounded{color:#fff;font-size:20px}.toolbox-nav h1,.studio-nav h1{color:var(--text-main);font-family:var(--font-display);gap:6px;margin:0;font-size:18px;font-weight:700;display:flex}.nav-actions{align-items:center;gap:10px;display:flex}.nav-btn{background:var(--card-dark);border:1px solid var(--border-dark);height:36px;min-height:36px;color:var(--text-dim);cursor:pointer;border-radius:6px;outline:none;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:flex}.nav-btn:hover{background:var(--border-dark);color:var(--text-main)}.nav-btn:focus,.nav-btn:focus-visible{border-color:var(--primary);color:var(--text-main);box-shadow:0 0 0 2px #dc32364d}.nav-btn .material-symbols-rounded{font-size:18px}@media (width<=600px){.nav-btn-label{display:none}}.theme-toggle-btn{background:var(--card-dark);border:1px solid var(--border-dark);width:36px;height:36px;min-height:36px;color:var(--text-dim);cursor:pointer;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:flex}.theme-toggle-btn:hover{background:var(--border-dark);color:var(--text-main)}.theme-toggle-btn:focus,.theme-toggle-btn:focus-visible{border-color:var(--primary);color:var(--text-main);box-shadow:0 0 0 2px #dc32364d}.theme-toggle-btn .material-symbols-rounded{justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}@keyframes nav-brand-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-title-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-title-word{animation:.48s ease-out both nav-title-reveal}.nav-title-word:first-child{animation-delay:90ms}.nav-title-word:nth-child(2){animation-delay:.15s}.nav-title-word:nth-child(3){animation-delay:.21s}@media (prefers-reduced-motion:reduce){.logo-container,.toolbox-nav h1,.studio-nav h1,.nav-title-word{animation:none}}.toolbox-page{width:100%;max-width:var(--site-max);padding:var(--space-12) var(--site-gutter) var(--space-16);min-height:60vh;margin:0 auto}.toolbox-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-showcase{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-dark);min-width:0;color:var(--text-main);transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.tool-showcase:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.tool-showcase-visual{aspect-ratio:16/9;background:var(--bg-dark);border-bottom:1px solid var(--line);overflow:hidden}.tool-showcase-visual img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out)}.tool-showcase:hover .tool-showcase-visual img{transform:scale(1.04)}.tool-showcase-fallback{height:100%;color:var(--text-dim);place-items:center;display:grid}.tool-showcase-fallback .material-symbols-rounded{font-size:48px}.tool-showcase-body{gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.tool-showcase-body h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.tool-showcase-body p{font-size:var(--text-base);color:var(--text-dim);margin:0;line-height:1.6}.tool-showcase-footer{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-2);display:flex}.tool-showcase-tags{flex-wrap:wrap;gap:.35rem;display:flex}.tool-showcase-tags .tag{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);padding:.2rem .6rem;font-size:.72rem}.tool-showcase-tags .tool-showcase-status{border-color:var(--primary);color:var(--primary-text)}.tool-showcase-arrow{color:var(--primary-text);transition:transform var(--transition-fast)}.tool-showcase:hover .tool-showcase-arrow{transform:translate(4px)}.tool-showcase--wide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid}.tool-showcase--wide .tool-showcase-visual{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);height:100%;min-height:300px}.tool-showcase--wide .tool-showcase-body{padding:var(--space-10)}.tool-data-fallback{justify-content:flex-end;gap:var(--space-3);height:100%;padding:var(--space-6);background:var(--bg-dark);flex-direction:column;display:flex}.tool-data-fallback-heading,.tool-data-fallback-axis{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem}.tool-data-bars{align-items:flex-end;gap:4px;height:120px;display:flex}.tool-data-bars span{height:var(--bar-height,40%);background:var(--primary);opacity:.7;border-radius:2px 2px 0 0;flex:1}@media (width<=900px){.toolbox-grid,.tool-showcase--wide{grid-template-columns:1fr}.tool-showcase--wide .tool-showcase-visual{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--line);min-height:0}.tool-showcase--wide .tool-showcase-body{padding:var(--space-6)}}