html,body,#root{min-height:100%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff;--page-muted:#f5f5f7;--page-dark:#000;--surface:#fff;--surface-muted:#fbfbfd;--surface-dark:#1d1d1f;--surface-dark-soft:#272729;--surface-dark-elevated:#2a2a2d;--ink:#1d1d1f;--ink-soft:#1d1d1fcc;--ink-muted:#1d1d1f8f;--ink-inverse:#fff;--line:#1d1d1f1a;--line-strong:#1d1d1f2e;--line-inverse:#ffffff24;--ink-rgb:29 29 31;--surface-rgb:255 255 255;--warning-rgb:138 90 9;--control-hover:#ededf2;--link:#06c;--apple-blue:#0071e3;--apple-blue-dark:#06c;--apple-blue-light:#2997ff;--warning:#8a5a09;--error:#b3261e;--radius-panel:12px;--radius-card:8px;--radius-field:10px;--radius-pill:980px;--shadow-card:0 18px 38px #00000014;--shadow-soft:0 10px 30px #0000000f;--shell-inline:clamp(1.25rem, 4vw, 4rem);--content-width:1120px;--font-display:"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-text:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0b0b0c;--page-muted:#151517;--surface:#1f1f22;--surface-muted:#19191b;--ink:#f5f5f7;--ink-soft:#f5f5f7cc;--ink-muted:#f5f5f78f;--line:#ffffff1f;--line-strong:#fff3;--ink-rgb:245 245 247;--surface-rgb:31 31 34;--warning:#f0b040;--warning-rgb:240 176 64;--error:#ff7b72;--control-hover:#2c2c30;--link:#4da3ff;--shadow-card:0 18px 38px #00000080;--shadow-soft:0 10px 30px #0006}*{box-sizing:border-box}html,body{background:var(--page)}body{min-height:100vh;color:var(--ink);font-family:var(--font-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit}code,pre,textarea{font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace}::selection{background:#0071e32e}#root,.apple-app{min-height:100vh}.apple-app{background:linear-gradient(180deg, var(--page) 0%, var(--page-muted) 100%)}.global-nav{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#000c;height:48px;position:sticky;top:0}.global-nav-inner{width:min(var(--content-width), calc(100vw - (var(--shell-inline) * 2)));justify-content:space-between;align-items:center;gap:1rem;height:100%;margin:0 auto;display:flex}.global-nav-brand,.global-nav-link,.nav-help{appearance:none;color:#ffffffe0;cursor:pointer;background:0 0;border:0;padding:0}.global-nav-brand{letter-spacing:-.01em;white-space:nowrap;font-size:1rem}.global-nav-links{flex:1;justify-content:center;align-items:center;gap:1.1rem;display:flex}.global-nav-link,.nav-help,.nav-source,.nav-version,.nav-language{font-size:1rem;line-height:1}.global-nav-link,.nav-help,.nav-source{color:#ffffffb8;text-decoration:none;transition:color .16s;position:relative}.global-nav-link:after,.nav-help:after,.nav-source:after{content:"";opacity:0;transform-origin:50%;background:currentColor;height:1px;transition:opacity .16s,transform .16s;position:absolute;bottom:-.38rem;left:0;right:0;transform:scaleX(.4)}.global-nav-link.active,.global-nav-link:hover,.global-nav-brand:hover,.nav-help:hover,.nav-source:hover{color:var(--ink-inverse)}.global-nav-link.active:after,.global-nav-link:hover:after,.nav-help:hover:after,.nav-source:hover:after{opacity:.72;transform:scaleX(1)}.global-nav button:not(:disabled):hover{background:0 0;transform:none}.global-nav-actions{white-space:nowrap;align-items:center;gap:.75rem;display:flex}.nav-version{color:#ffffff94}.nav-language{border-radius:var(--radius-pill);color:#ffffffdb;background-color:#ffffff14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .6rem center;border-color:#ffffff29;width:auto;min-width:7rem;min-height:2rem;padding:.35rem 1.8rem .35rem .7rem}.nav-language option{color:var(--ink);background:var(--surface)}.nav-source{color:#ffffffb8}.nav-help{font-weight:400}.nav-theme{appearance:none;color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:2rem;height:2rem;min-height:2rem;padding:0;transition:color .16s;display:inline-grid}.nav-theme svg{width:1.15rem;height:1.15rem}.global-nav .nav-theme:not(:disabled):hover,.nav-theme:focus-visible{color:var(--ink-inverse)}.nav-theme:focus-visible{outline:2px solid var(--apple-blue);outline-offset:.2rem;box-shadow:none}.shell{padding-top:0}.shell>*{padding-inline:max(var(--shell-inline), calc((100vw - var(--content-width)) / 2))}.hero,.overview-band,.control-deck,.workspace-frame,.app-disclaimer{position:relative}.hero{background:var(--page-dark);color:var(--ink-inverse);text-align:center;justify-items:center;gap:2rem;padding-top:clamp(4.75rem,9vw,7rem);padding-bottom:clamp(3.5rem,8vw,6rem);display:grid}.hero-copy{justify-items:center;gap:1.05rem;width:min(760px,100%);display:grid}.hero-meta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.hero-eyebrow,.spotlight-eyebrow,.hero-spotlight-label,.tab-eyebrow,.config-group>h3,.guide-badge{text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.75rem;font-weight:600}.hero-eyebrow,.hero-spotlight-label{color:#ffffffb3}.hero-chip{border-radius:var(--radius-pill);border:1px solid var(--line-inverse);color:#ffffffd1;letter-spacing:.02em;justify-content:center;align-items:center;min-height:1.75rem;padding:.2rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero h1,.overview-copy h2,.spotlight-panel h2,.panel h2,.panel-blocking h1{font-family:var(--font-display);letter-spacing:-.028em;margin:0;font-weight:600}.hero h1{max-width:12ch;font-size:clamp(3.25rem,8vw,6.4rem);line-height:.95}.hero-summary{color:#fffc;letter-spacing:-.022em;max-width:44rem;margin:0;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.47}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.hero-link{min-height:2.75rem;color:var(--apple-blue-light);letter-spacing:-.022em;justify-content:center;align-items:center;padding:0 .2rem;font-size:1.05rem;line-height:1;text-decoration:none;display:inline-flex}.hero-link:hover{text-underline-offset:.16em;text-decoration:underline}.hero-link-pill{border-radius:var(--radius-pill);color:var(--ink-inverse);border:1px solid #ffffff3d;padding:.72rem 1.4rem}.hero-link-pill:hover{border-color:#ffffff6b;text-decoration:none}.hero-link-guide{gap:.5rem}.hero-link-star{color:#ffc83d;font-size:1.1em}.onboarding-card{top:4.25rem;right:max(1rem, calc((100vw - var(--content-width)) / 2));z-index:30;border:1px solid rgb(var(--ink-rgb) / .14);border-radius:var(--radius-panel);background:rgb(var(--surface-rgb) / .96);width:min(23rem,100vw - 2rem);color:var(--ink);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);padding:1rem;position:fixed;box-shadow:0 24px 60px #00000038}.feedback-prompt{top:4.25rem;right:max(1rem, calc((100vw - var(--content-width)) / 2));z-index:28;border:1px solid rgb(var(--ink-rgb) / .14);border-radius:var(--radius-panel);background:rgb(var(--surface-rgb) / .97);width:min(21rem,100vw - 2rem);color:var(--ink);box-shadow:var(--shadow-card);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);padding:.9rem 1rem 1rem;animation:.22s ease-out feedback-prompt-in;position:fixed}.feedback-prompt:focus-visible{outline:2px solid var(--apple-blue-light);outline-offset:2px}@keyframes feedback-prompt-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.feedback-prompt{animation:none}}.feedback-prompt-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.feedback-prompt-kicker{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.feedback-prompt-close{appearance:none;color:var(--ink-muted);border-radius:var(--radius-card);cursor:pointer;background:0 0;border:0;padding:.15rem .35rem;font-size:1.15rem;line-height:1}.feedback-prompt-close:hover{color:var(--ink);background:rgb(var(--ink-rgb) / .06)}.feedback-prompt h2{font-family:var(--font-display);letter-spacing:-.02em;margin:.4rem 0 0;font-size:1.1rem;line-height:1.2}.feedback-prompt p{color:var(--ink-soft);margin:.45rem 0 0;font-size:.88rem;line-height:1.45}.feedback-prompt-actions{align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.feedback-prompt-primary,.feedback-prompt-secondary{appearance:none;border-radius:var(--radius-pill);cursor:pointer;min-height:2.1rem;padding:.45rem .8rem;font-size:.85rem}.feedback-prompt-primary{background:var(--apple-blue);color:var(--ink-inverse);border:0;text-decoration:none}.feedback-prompt-primary:hover{background:var(--apple-blue-dark);text-decoration:none}.feedback-prompt-secondary{border:1px solid var(--line-strong);color:var(--ink-soft);background:0 0}.feedback-prompt-secondary:hover{color:var(--ink);border-color:var(--ink-muted)}.onboarding-spotlight{z-index:25;pointer-events:none;opacity:0;border:2px solid var(--apple-blue-light);border-radius:calc(var(--radius-panel) + 4px);transition:opacity .18s,transform .26s,width .26s,height .26s;position:fixed;top:0;left:0;box-shadow:0 0 0 9999px #00000057,0 0 0 6px #2997ff29}.onboarding-card-head,.onboarding-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.onboarding-kicker{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.onboarding-card h2{font-family:var(--font-display);letter-spacing:-.024em;margin:.65rem 0 0;font-size:1.45rem;line-height:1.1}.onboarding-card p{color:var(--ink-soft);margin:.65rem 0 0;font-size:.95rem;line-height:1.48}.onboarding-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:1rem 0;display:grid}.onboarding-progress span{border-radius:var(--radius-pill);background:rgb(var(--ink-rgb) / .12);height:.25rem}.onboarding-progress span.active{background:var(--apple-blue)}.onboarding-skip,.onboarding-secondary,.onboarding-primary{min-height:2.25rem;padding:.55rem .9rem;font-size:.9rem}.onboarding-skip{color:var(--ink-muted);background:0 0}.onboarding-primary{background:var(--apple-blue);color:var(--ink-inverse)}.onboarding-primary:hover{background:var(--apple-blue-dark)}.spotlight-panel,.config-group,.raw-mode-card,.warn-box,.log-box,.subpanel,.guide-card,.result-card,.progress-panel{border-radius:var(--radius-panel)}.overview-band{background:var(--page-muted);color:var(--ink);justify-items:start;padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem);display:grid}.overview-copy,.spotlight-panel{gap:.8rem;display:grid}.spotlight-eyebrow,.tab-eyebrow,.config-group>h3{color:rgb(var(--ink-rgb) / .56)}.overview-copy h2,.spotlight-panel h2,.panel h2,.panel-blocking h1{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.1}.spotlight-copy,.panel-intro,.guides-intro,.config-note,.field-note,.progress-head span,.progress-label,.progress-time,.result-timing,.compact-caption,.gif-size,.gif-meta,.app-disclaimer,.snippet-upload-link,.guide-steps,.guide-tip,.output-list span{color:var(--ink-soft)}.spotlight-copy,.panel-intro{letter-spacing:-.022em;margin:0;font-size:1.06rem;line-height:1.47}.spotlight-list,.hero-spotlight-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.spotlight-list li,.hero-spotlight-list li{padding-left:1rem;line-height:1.47;position:relative}.spotlight-list li:before,.hero-spotlight-list li:before{content:"";background:var(--apple-blue);border-radius:50%;width:.34rem;height:.34rem;position:absolute;top:.62rem;left:0}.config-group>h3,.warn-box h3,.log-box h3,.subpanel h3,.guide-head h3,.result-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:600;line-height:1.19}.control-deck{background:var(--page-dark);color:var(--ink-inverse);grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr);align-items:start;gap:1rem;padding-top:clamp(2rem,5vw,3rem);padding-bottom:clamp(2.5rem,5vw,4rem);display:grid}.tab-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.tab{text-align:left;border-radius:var(--radius-panel);border:1px solid var(--line-inverse);background:var(--surface-dark);color:var(--ink-inverse);cursor:pointer;align-content:start;gap:.45rem;padding:1.2rem;transition:border-color .16s,transform .16s,background .16s;display:grid}.tab:after{content:attr(data-open-label);border-radius:var(--radius-pill);color:#ffffffc2;border:1px solid #ffffff24;justify-self:start;margin-top:.4rem;padding:.32rem .72rem;font-size:.75rem;line-height:1}.tab:hover:not(.active){background:var(--surface-dark-soft);border-color:#ffffff47;transform:translateY(-2px)}.tab.active{background:var(--surface-dark-elevated);border-color:#2997ff73}.tab.active:after{background:var(--apple-blue);color:var(--ink-inverse);border-color:#0000}.tab-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;line-height:1.14}.tab-summary{color:#ffffffb8;font-size:.95rem;line-height:1.47}.spotlight-panel{background:var(--surface-dark);border:1px solid var(--line-inverse);min-height:100%;padding:1.4rem}.spotlight-panel p,.hero-spotlight p{color:#fffc;margin:0;line-height:1.47}.workspace-frame{background:var(--page-muted);padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(3rem,6vw,5rem)}.panel{background:var(--surface);color:var(--ink);border-radius:var(--radius-panel);box-shadow:var(--shadow-card);padding:clamp(1.4rem,3vw,2.25rem)}.panel h2{font-size:clamp(2rem,3vw,2.8rem)}.panel-intro{max-width:46rem;margin:.6rem 0 1.5rem}.panel-blocking{text-align:left;width:min(900px,100%);margin:clamp(4rem,10vw,7rem) auto 2rem}.panel-blocking code{color:var(--link);margin-top:.4rem;display:block}.config-groups{gap:1rem;display:grid}.advanced-options{border:1px solid var(--line);background:var(--surface-muted);margin-top:1rem}.advanced-options>summary{cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.1rem;list-style:none;display:flex}.advanced-options>summary::-webkit-details-marker{display:none}.advanced-options>summary:after{content:"+";border:1px solid var(--line-strong);width:1.5rem;height:1.5rem;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;line-height:1;display:grid}.advanced-options[open]>summary:after{content:"-"}.advanced-options-heading{gap:.15rem;margin-right:auto;display:grid}.advanced-options-heading strong{color:var(--ink)}.advanced-options-heading small{color:var(--ink-soft);font-size:.86rem;font-weight:400}.advanced-options-status{color:var(--ink-muted);text-align:right;font-size:.82rem;font-weight:600}.advanced-options-groups{padding:0 1rem 1rem}.advanced-options>summary:hover{background:rgb(var(--ink-rgb) / .035)}.advanced-options>summary:focus-visible{border-radius:var(--radius-card);outline:none;box-shadow:0 0 0 4px #0071e329}.config-group{background:var(--surface-muted);padding:1.1rem}.config-group>h3{margin-bottom:.9rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.85rem;display:grid}.form-grid-source{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr))}.form-grid-source>.field-layout-wide{grid-column:span 2}.form-grid-source>.field-preset,.form-grid-source>.workshop-fields{grid-column:1/-1}.form-grid-source>.workshop-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.form-grid-source>.field-source,.form-grid-source>.source-advisory,.form-grid-source>.cut-preview{grid-column:1/-1}.cut-preview{gap:.55rem;min-width:0;display:grid}.cut-preview-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.cut-preview-head strong{color:var(--ink);font-size:.92rem}.cut-preview-head span,.cut-preview-note{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}.cut-preview-stage{width:min(100%, 40rem, calc(20rem * var(--cut-preview-ratio,1.7778)));aspect-ratio:var(--cut-preview-ratio,16 / 9);background:#000;border-radius:10px;position:relative;overflow:hidden}.cut-preview-media{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}.cut-preview-piece{position:absolute;box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 0 0 2px #00000059}.cut-preview-stage.is-trimmed .cut-preview-piece{box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 100vmax #0009}.cut-preview-label{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#0000009e;border-radius:6px;gap:.3rem;max-width:calc(100% - 8px);padding:.1rem .35rem;font-size:.68rem;line-height:1.35;display:inline-flex;position:absolute;top:4px;left:4px;overflow:hidden}.form-grid-budget{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr))}.form-grid-budget>.field-fps{grid-column:span 2}.form-grid-performance{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.form-cluster{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;display:grid}.patch-grid,.guides-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem;display:grid}.form-grid>*,.guides-grid>*,.patch-grid>*{min-width:0}.patch-grid>label,.patch-grid>.subpanel{grid-column:span 4}.patch-grid>.subpanel,.guides-grid>.guide-card{grid-column:span 6}.form-grid>.lossy-group,.form-grid>.config-note,.form-grid>.raw-mode-card,.form-grid>.advisory-memo,.form-cluster>.config-note,.patch-grid>.config-note{grid-column:1/-1}label{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);letter-spacing:-.022em;align-content:start;gap:.55rem;padding:.95rem;font-size:.95rem;font-weight:600;display:grid}.form-grid>label:has(input:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.form-grid>.switch-card:has(input:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.form-cluster>.switch-card:has(input:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.form-grid>label:has(select:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.form-grid>label:has(textarea:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.patch-grid>label:has(input:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.patch-grid>label:has(select:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.patch-grid>label:has(textarea:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.lossy-group-fields>label:has(input:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.lossy-group-fields>label:has(select:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}.lossy-group-fields>label:has(textarea:disabled){background:linear-gradient(180deg, rgb(var(--ink-rgb) / .02), rgb(var(--ink-rgb) / .05));border-style:dashed}input,select,textarea{border:1px solid rgb(var(--ink-rgb) / .18);border-radius:var(--radius-field);background:var(--surface);width:100%;min-width:0;max-width:100%;color:var(--ink);letter-spacing:-.022em;padding:.8rem .95rem;font-size:1rem;line-height:1.47;transition:border-color .14s,box-shadow .14s,background .14s}textarea{resize:vertical;min-height:144px}input:disabled,select:disabled,textarea:disabled{color:rgb(var(--ink-rgb) / .46);background:rgb(var(--ink-rgb) / .05);cursor:not-allowed}input[type=checkbox]{width:1rem;min-width:1rem;height:1rem;accent-color:var(--apple-blue);margin:0;padding:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2366666c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;background-size:.95rem;padding-right:2.7rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,.hero-link:focus-visible{border-color:#0071e375;outline:none;box-shadow:0 0 0 4px #0071e329}.global-nav-brand:focus-visible,.global-nav-link:focus-visible,.nav-help:focus-visible,.nav-source:focus-visible{outline:2px solid var(--apple-blue);outline-offset:.35rem;box-shadow:none;border-radius:2px}.nav-help:focus-visible{color:var(--ink-inverse)}input[type=file]{padding:.45rem;overflow:hidden}input[type=file]::file-selector-button{border:1px solid rgb(var(--ink-rgb) / .18);background:var(--surface-muted);color:var(--ink);border-radius:var(--radius-pill);cursor:pointer;margin-right:.7rem;padding:.45rem .9rem}.field-input-row{align-items:center;gap:.6rem;display:flex}.field-input-row input{flex:auto}.field-note,.config-note{margin:0;font-size:.86rem;line-height:1.47}.toggle,.toggle-row,.switch-card{color:var(--ink);justify-content:space-between;align-items:center;gap:.9rem;font-weight:600;display:flex}.switch-card{cursor:pointer;min-height:4.25rem}.switch-card-label{overflow-wrap:break-word;word-break:normal;min-width:0;line-height:1.28}.switch-control{flex:none;place-items:center;width:3rem;height:1.75rem;display:inline-grid;position:relative}.switch-control input{opacity:0;width:100%;min-width:0;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.switch-track{border-radius:var(--radius-pill);background:rgb(var(--ink-rgb) / .16);width:100%;height:100%;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .08);padding:.16rem;transition:background .16s,box-shadow .16s}.switch-thumb{background:var(--surface);width:1.43rem;height:1.43rem;box-shadow:0 1px 3px rgb(var(--ink-rgb) / .22);border-radius:50%;transition:transform .16s;display:block;transform:translate(0)}.switch-control input:checked+.switch-track{background:var(--apple-blue);box-shadow:inset 0 0 0 1px #0071e333}.switch-control input:checked+.switch-track .switch-thumb{transform:translate(1.25rem)}.switch-control input:focus-visible+.switch-track{box-shadow:inset 0 0 0 1px #0071e33d,0 0 0 4px #0071e329}.switch-card:has(input:disabled){cursor:not-allowed}.switch-control input:disabled+.switch-track{background:rgb(var(--ink-rgb) / .08)}.switch-control input:disabled+.switch-track .switch-thumb{background:#ffffffb8}button{border-radius:var(--radius-pill);background:var(--surface-muted);min-height:2.75rem;color:var(--link);cursor:pointer;letter-spacing:-.022em;border:1px solid #0000;padding:.72rem 1.3rem;font-size:1rem;line-height:1;transition:background .14s,color .14s,border-color .14s,transform .14s}button:not(:disabled):hover{background:var(--control-hover);transform:translateY(-1px)}button:disabled{opacity:.42;cursor:not-allowed}.hero-primary,.actions>.action-primary{background:var(--apple-blue);color:var(--ink-inverse)}.actions>.action-primary:hover,.hero-primary:hover,.tab.active:after:hover{background:#0077ed}.actions{flex-wrap:wrap;gap:.8rem;margin-top:1.4rem;display:flex}.inline-action,.compact-download{min-height:2.3rem;padding-inline:1rem}.raw-mode-card,.advisory-memo,.warn-box,.log-box,.subpanel,.guide-card,.progress-panel,.result-card,.lossy-group{border:1px solid var(--line);background:var(--surface)}.advisory-memo{background:linear-gradient(180deg, #0071e311, rgb(var(--surface-rgb) / .88));border-color:#0071e333;gap:.25rem;padding:.85rem 1rem;display:grid}.advisory-memo.memory{background:linear-gradient(180deg, rgb(var(--ink-rgb) / .045), rgb(var(--surface-rgb) / .9));border-color:#86868b40}.advisory-memo.high-memory-advisory{border-color:rgb(var(--ink-rgb) / .18);background:linear-gradient(180deg, rgb(var(--ink-rgb) / .07), rgb(var(--surface-rgb) / .94));gap:.35rem;padding:1rem 1.05rem}.advisory-memo.high-memory-advisory strong{font-size:1rem}.advisory-memo strong{color:var(--ink);font-size:.92rem}.advisory-memo p{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.45}.raw-mode-card{gap:.75rem;padding:.95rem;display:grid}.raw-mode-btn{width:100%}.raw-mode-btn.active{color:var(--link);background:#0071e31f}.form-grid>.lossy-group{gap:.75rem;padding:1rem;display:grid}.lossy-group-toggle,.lossy-group-note{margin:0}.lossy-group-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;display:grid}.lossy-group-fields>label{padding:.85rem}.progress-panel{margin-top:1rem;padding:1rem}.browser-support-warning{border:1px solid rgb(var(--warning-rgb) / .34);border-radius:var(--radius-card);background:linear-gradient(180deg, #ffbe5c29, rgb(var(--surface-rgb) / .86));color:var(--ink);margin:1rem 0 1.2rem;padding:1rem}.browser-support-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.browser-support-kicker,.browser-support-warning h3,.browser-support-warning p{margin:0}.browser-support-kicker{color:var(--warning);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.browser-support-warning h3{margin-top:.15rem;font-size:1.1rem}.browser-support-warning>p{color:var(--muted);margin-top:.8rem}.browser-support-warning ul{gap:.55rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.browser-support-warning li{border-left:3px solid rgb(var(--warning-rgb) / .38);gap:.12rem;padding-left:.85rem;display:grid}.browser-support-warning li strong{color:var(--ink)}.browser-support-warning li span{color:var(--muted);font-size:.9rem}.browser-support-details{margin-top:.9rem}.browser-support-details summary{cursor:pointer;color:var(--warning);font-weight:700}.browser-support-details pre{white-space:pre-wrap;border-radius:var(--radius-card);background:rgb(var(--ink-rgb) / .06);max-height:220px;margin:.7rem 0 0;padding:.85rem;overflow:auto}.progress-head{justify-content:space-between;align-items:center;gap:.8rem;font-size:1rem;display:flex}.progress-head strong{color:var(--ink);font-family:var(--font-display);font-size:1.3rem;line-height:1}.progress-track{border-radius:var(--radius-pill);background:rgb(var(--ink-rgb) / .08);height:10px;margin-top:.75rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--apple-blue), #56a8ff);width:0;height:100%;transition:width .18s}.progress-label,.progress-time,.result-timing{margin:.75rem 0 0;font-size:.9rem}.warn-box,.log-box,.subpanel{margin-top:1rem;padding:1rem}.log-head,.snippet-head,.download-row,.results-actions-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.log-head,.snippet-head{margin-bottom:.75rem}.warn-box ul,.panel ul{margin-top:.35rem}.warn-box ul{color:var(--warning);padding-left:1.2rem}.log-box pre{white-space:pre-wrap;border-radius:var(--radius-card);background:rgb(var(--ink-rgb) / .04);max-height:280px;margin:0;padding:.9rem;overflow:auto}.memory-debug-panel{border:1px solid rgb(var(--ink-rgb) / .18);background:linear-gradient(180deg, rgb(var(--ink-rgb) / .055), rgb(var(--surface-rgb) / .92));margin-top:1rem}.memory-debug-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3.2rem;padding:.85rem 1rem;list-style:none;display:flex}.memory-debug-panel>summary::-webkit-details-marker{display:none}.memory-debug-panel>summary:before{content:"+";border:1px solid rgb(var(--ink-rgb) / .22);width:1.35rem;height:1.35rem;color:var(--ink);font-family:var(--font-display);border-radius:999px;flex:none;place-items:center;font-size:.95rem;display:grid}.memory-debug-panel[open]>summary:before{content:"-"}.memory-debug-panel>summary span:first-child{gap:.15rem;margin-right:auto;display:grid}.memory-debug-panel strong,.memory-debug-section h3{color:var(--ink)}.memory-debug-panel small,.memory-debug-note,.memory-debug-summary{color:var(--ink-soft);font-size:.82rem}.memory-debug-summary{text-align:right}.memory-debug-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:.85rem;padding:0 1rem 1rem;display:grid}.memory-debug-section{border:1px solid rgb(var(--ink-rgb) / .12);background:rgb(var(--surface-rgb) / .66);min-width:0;padding:.85rem}.memory-debug-section h3{margin:0 0 .65rem;font-size:.95rem}.memory-debug-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.memory-debug-head h3{margin:0}.memory-debug-metrics dl{gap:.55rem;margin:0;display:grid}.memory-debug-metrics dl>div,.memory-debug-worker{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:baseline;gap:.3rem .75rem;display:grid}.memory-debug-metrics dt,.memory-debug-table th{color:var(--ink-soft);text-transform:uppercase;font-size:.76rem;font-weight:700}.memory-debug-metrics dd{color:var(--ink);font-family:var(--font-display);text-align:right;margin:0;font-size:.92rem}.memory-debug-note{margin:.7rem 0 0;line-height:1.4}.memory-debug-table-wrap{max-height:240px;overflow:auto}.memory-debug-table{border-collapse:collapse;width:100%;font-size:.82rem}.memory-debug-table th,.memory-debug-table td{border-bottom:1px solid rgb(var(--ink-rgb) / .08);text-align:right;vertical-align:top;padding:.45rem .5rem}.memory-debug-table th:first-child,.memory-debug-table td:first-child,.memory-debug-table th:nth-child(2),.memory-debug-table td:nth-child(2){text-align:left}.memory-debug-worker-list{gap:.55rem;display:grid}.memory-debug-worker{border-bottom:1px solid rgb(var(--ink-rgb) / .08);padding:.55rem 0}.memory-debug-worker strong{text-align:right}.memory-debug-worker small{text-align:right;grid-column:1/-1}.memory-debug-timeline{grid-column:1/-1}.memory-debug-timeline ol{gap:.45rem;max-height:280px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.memory-debug-timeline li{border-bottom:1px solid rgb(var(--ink-rgb) / .08);grid-template-columns:7.2rem 5.5rem minmax(8rem,.8fr) minmax(0,1.8fr);align-items:baseline;gap:.65rem;padding:.45rem 0;font-size:.82rem;display:grid}.memory-debug-timeline li>span,.memory-debug-timeline li>small{color:var(--ink-soft)}.memory-debug-timeline li>strong{text-align:right}.memory-debug-timeline li>em{color:var(--ink);font-style:normal}.error{color:var(--error);font-weight:600}.results-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1rem;display:grid}.results-actions-row{margin-top:.9rem}.result-card{gap:.55rem;padding:.8rem;transition:transform .16s,box-shadow .16s;display:grid}.result-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.result-card h3,.result-card p{margin:0}.result-card img{border-radius:var(--radius-card);background:#000;width:100%}.results-grid.workshop-strip,.results-grid.workshop-grid,.results-grid.showcase-strip{grid-template-rows:repeat(4,auto);grid-template-columns:none;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;align-items:start;gap:.25rem 0;padding-bottom:.35rem;display:grid;overflow-x:auto}.results-grid.workshop-grid{grid-auto-flow:row;grid-template-columns:repeat(var(--workshop-columns,5), max-content);grid-template-rows:none;grid-auto-rows:auto;justify-content:start}.results-grid.workshop-strip::-webkit-scrollbar{height:8px}.results-grid.workshop-grid::-webkit-scrollbar{height:8px}.results-grid.showcase-strip::-webkit-scrollbar{height:8px}.results-grid.workshop-strip::-webkit-scrollbar-thumb{background:rgb(var(--ink-rgb) / .18);border-radius:var(--radius-pill)}.results-grid.workshop-grid::-webkit-scrollbar-thumb{background:rgb(var(--ink-rgb) / .18);border-radius:var(--radius-pill)}.results-grid.showcase-strip::-webkit-scrollbar-thumb{background:rgb(var(--ink-rgb) / .18);border-radius:var(--radius-pill)}.results-grid.workshop-strip .result-card,.results-grid.workshop-grid .result-card,.results-grid.showcase-strip .result-card{grid-row:span 4;grid-template-rows:subgrid;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:.25rem;padding:0}.results-grid.workshop-strip .result-card:hover,.results-grid.workshop-grid .result-card:hover,.results-grid.showcase-strip .result-card:hover{box-shadow:none;transform:none}.results-grid.workshop-strip .result-card>*,.results-grid.workshop-grid .result-card>*,.results-grid.showcase-strip .result-card>*{align-self:start}.results-grid.workshop-strip .result-card img,.results-grid.workshop-grid .result-card img,.results-grid.showcase-strip .result-card img{border-radius:0;width:auto;max-width:none;height:auto;display:block}.compact-caption{overflow-wrap:anywhere;word-break:break-word;max-width:100%;padding:0 .2rem;font-size:.72rem;line-height:1.33}.download-row.compact,.gif-meta.compact{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:.2rem;max-width:100%;padding:0 .2rem;display:grid}.download-row.compact{align-items:stretch}.gif-size,.gif-meta{font-size:.84rem}.gif-meta{overflow-wrap:anywhere;word-break:break-word;justify-content:space-between;gap:.5rem;display:flex}.compact-download{overflow-wrap:anywhere;width:100%;min-width:0;min-height:2rem;padding:.35rem .2rem;font-size:.8rem}.download-row.compact .gif-size,.gif-meta.compact span{overflow-wrap:anywhere;word-break:break-word;min-width:0}.output-list{gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.output-list li{border-radius:var(--radius-card);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.snippet-upload-link{margin:0 0 .8rem;font-size:.92rem}.guide-head{align-items:center;gap:.65rem;display:flex}.guide-card{gap:.8rem;padding:1rem;display:grid}.guide-badge{border-radius:var(--radius-pill);min-height:1.75rem;color:var(--link);background:#0071e31a;justify-content:center;align-items:center;padding:.18rem .7rem;display:inline-flex}.guide-steps{gap:.42rem;margin:0;padding-left:1.2rem;font-size:.96rem;line-height:1.47;display:grid}.guide-tip{border-radius:var(--radius-card);background:#0071e30f;margin:0;padding:.85rem .95rem;font-size:.92rem;line-height:1.47}.guide-tip a,.guide-steps a,.panel ul a,.snippet-upload-link a,.app-disclaimer a{color:var(--link);text-underline-offset:.14em;overflow-wrap:anywhere;text-decoration:underline}.guide-tip a:hover,.guide-steps a:hover,.panel ul a:hover,.snippet-upload-link a:hover,.app-disclaimer a:hover{color:var(--apple-blue)}.app-disclaimer{border-top:1px solid rgb(var(--ink-rgb) / .08);padding-top:1.75rem;padding-bottom:3rem;font-size:.86rem;line-height:1.47}.app-disclaimer p{margin:0}.app-disclaimer p+p{margin-top:.4rem}@media (width<=1180px){.overview-band,.control-deck{grid-template-columns:1fr}}@media (width<=980px){.global-nav-links{display:none}.tab-rail{grid-template-columns:1fr}}@media (width<=820px){.shell>*{padding-inline:1rem}.form-grid,.patch-grid,.guides-grid{grid-template-columns:1fr}.form-grid>label,.form-grid-source>.field-preset,.form-grid-source>.field-layout,.form-grid-source>.field-layout-wide,.form-grid-source>.field-source,.form-grid-budget>.field-fps,.form-grid>.raw-mode-card,.patch-grid>.subpanel,.guides-grid>.guide-card{grid-column:auto}.form-grid-source>.workshop-fields{grid-template-columns:1fr}.hero{padding-top:4rem}.hero h1{max-width:none;font-size:clamp(2.3rem,12vw,3.5rem)}.hero-actions,.actions,.log-head,.snippet-head,.download-row,.results-actions-row,.output-list li,.field-input-row,.global-nav-inner{flex-direction:column;align-items:stretch}.global-nav{height:auto;padding:.75rem 0}.global-nav-actions{flex-wrap:wrap;justify-content:space-between}.nav-language{flex:9rem}.onboarding-card{width:auto;max-height:calc(100vh - 2rem);inset:auto 1rem 1rem;overflow:auto}.feedback-prompt{width:auto;top:.75rem;left:.75rem;right:.75rem}.hero-primary,.hero-link-pill,.actions button,.results-actions-row button{width:100%}.memory-debug-panel>summary,.memory-debug-head{flex-direction:column;align-items:stretch}.memory-debug-summary{text-align:left}.memory-debug-grid,.memory-debug-timeline{grid-template-columns:1fr}.memory-debug-timeline li{grid-template-columns:1fr;gap:.25rem}.memory-debug-timeline li>strong{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.cut-preview-filter-defs{width:0;height:0;position:absolute;overflow:hidden}