html,body.local-film-shell{min-height:100%;margin:0;background:#050505!important;background-image:none!important;color:#f3efe6!important}body.local-film-shell{--film-bg: #050505;--film-panel: rgba(16, 16, 16, .86);--film-panel-soft: rgba(255, 255, 255, .07);--film-control: rgba(24, 24, 24, .94);--film-text: #fff8ea;--film-text-strong: #fffdf5;--film-muted: rgba(255, 248, 234, .82);--film-subtle: rgba(255, 248, 234, .66);--film-border: rgba(255, 255, 255, .18);--film-accent: #f2d08a;--film-on-accent: #15110c;--film-danger: #ff8b8b;--film-success: #8bd18f;--film-warning: #f0b866;--local-film-bg: var(--film-bg);--local-film-panel: var(--film-panel);--local-film-panel-soft: var(--film-panel-soft);--local-film-control: var(--film-control);--local-film-text: var(--film-text);--local-film-text-strong: var(--film-text-strong);--local-film-muted: var(--film-muted);--local-film-subtle: var(--film-subtle);--local-film-border: var(--film-border);--local-film-accent: var(--film-accent);--local-film-on-accent: var(--film-on-accent);--local-film-danger: var(--film-danger);--local-film-success: var(--film-success);--local-film-warning: var(--film-warning);overflow-x:hidden;color-scheme:dark}body.local-film-shell.is-detail-viewer-open{overflow:hidden}.local-film-page{--local-film-bg: var(--film-bg);--local-film-panel: var(--film-panel);--local-film-panel-soft: var(--film-panel-soft);--local-film-control: var(--film-control);--local-film-text: var(--film-text);--local-film-text-strong: var(--film-text-strong);--local-film-muted: var(--film-muted);--local-film-subtle: var(--film-subtle);--local-film-border: var(--film-border);--local-film-accent: var(--film-accent);--local-film-on-accent: var(--film-on-accent);--local-film-danger: var(--film-danger);--local-film-success: var(--film-success);--local-film-warning: var(--film-warning);min-height:100vh;min-height:100dvh;box-sizing:border-box;padding:18px;background:linear-gradient(180deg,rgba(242,208,138,.06),transparent 220px),var(--local-film-bg);color:var(--local-film-text);color-scheme:dark;font-size:15px;line-height:1.45}body.local-film-shell,body.local-film-shell :where(h1,h2,h3,h4,p,span,small,strong,dt,dd,label,legend,button,a,output,figcaption,input,select,textarea,option){color:var(--local-film-text);-webkit-text-fill-color:currentColor}.local-film-page,.local-film-page :where(h1,h2,h3,h4,p,span,small,strong,dt,dd,label,legend,button,a,output,figcaption,input,select,textarea,option){color:var(--local-film-text);-webkit-text-fill-color:currentColor}.local-film-page :where(input:not([type=range]),select,textarea){border:1px solid var(--local-film-border);background:var(--local-film-control);color:var(--local-film-text)}.local-film-page :where(select,option){background:#181818;color:var(--local-film-text)}.local-toolbar,.status-strip,.fallback-export-row,.tool-panel{border:1px solid var(--local-film-border);border-radius:8px;background:var(--local-film-panel);box-shadow:0 18px 52px #00000047;backdrop-filter:blur(18px)}.local-toolbar{position:sticky;top:12px;z-index:10;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:14px;align-items:center;padding:10px}.toolbar-title p,.panel-heading p{margin:0 0 3px;color:var(--local-film-accent);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.toolbar-title h1,.panel-heading h2{margin:0;color:var(--local-film-text-strong);font-size:1.16rem;line-height:1.15;letter-spacing:0}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.toolbar-link,.toolbar-button,.fallback-export-row button,.detail-button,.reset-button{min-height:38px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--local-film-border);border-radius:8px;background:var(--local-film-control);color:var(--local-film-text)!important;-webkit-text-fill-color:var(--local-film-text);font:inherit;font-size:.82rem;font-weight:850;line-height:1.1;text-decoration:none;cursor:pointer}.toolbar-link,.toolbar-button{padding:0 12px}.toolbar-button-primary{border-color:#f2d08ac2;background:var(--local-film-accent);color:var(--local-film-on-accent)!important;-webkit-text-fill-color:var(--local-film-on-accent)}.toolbar-button.is-loading,.fallback-export-row button.is-loading{position:relative;padding-right:34px}.toolbar-button.is-loading:after,.fallback-export-row button.is-loading:after{position:absolute;right:12px;top:50%;width:12px;height:12px;margin-top:-6px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";animation:local-film-spin .75s linear infinite}@keyframes local-film-spin{to{transform:rotate(360deg)}}.toolbar-button:disabled,.detail-button:disabled{opacity:.68;color:var(--local-film-subtle)!important;-webkit-text-fill-color:var(--local-film-subtle);cursor:not-allowed}.status-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:14px;padding:10px 12px}.status-strip span{width:10px;height:10px;border-radius:999px;background:#74706a}.status-strip[data-status=loading] span{background:var(--local-film-accent);box-shadow:0 0 0 5px #f2d08a1a}.status-strip[data-status=success] span{background:var(--local-film-success)}.status-strip[data-status=warning] span{background:var(--local-film-warning)}.status-strip[data-status=error] span{background:var(--local-film-danger)}.status-strip p{margin:0;color:var(--local-film-muted);font-weight:700}.fallback-export-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding:10px 12px}.fallback-export-row[hidden]{display:none}.fallback-export-row p{margin:0;color:var(--local-film-muted);font-size:.84rem;font-weight:700}.fallback-export-row button{min-height:32px;padding:0 10px}.local-workspace{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(380px,1.55fr) minmax(280px,.9fr);gap:14px;align-items:start;margin-top:14px}.tool-panel{min-width:0;box-sizing:border-box;padding:14px}.panel-heading{margin-bottom:12px}.drop-zone{min-height:92px;box-sizing:border-box;display:grid;place-items:center;gap:4px;padding:18px;border:1px dashed rgba(242,208,138,.42);border-radius:8px;background:#f2d08a14;color:var(--local-film-text);text-align:center;cursor:pointer}.drop-zone.is-dragging{border-color:#f2d08aeb;background:#f2d08a1f}.drop-zone span{font-weight:900}.drop-zone small,.detail-preview figcaption{color:var(--local-film-subtle);font-size:.78rem;font-weight:700}.file-meta,.sample-meta{display:grid;gap:8px;margin:12px 0}.file-meta div,.sample-meta div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px}.file-meta dt,.sample-meta dt{color:var(--local-film-subtle);font-size:.76rem;font-weight:850}.file-meta dd,.sample-meta dd{min-width:0;margin:0;color:var(--local-film-text);font-size:.82rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-preview,.comparison-frame{position:relative;overflow:hidden;border:1px solid var(--local-film-border);border-radius:8px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25% 75%,rgba(255,255,255,.035) 75%) 0 0 / 18px 18px,#080808}.source-preview{min-height:240px}.source-preview.is-sampling{border-color:#f2d08ad1;cursor:crosshair}.source-preview.is-sampling canvas{cursor:crosshair}.source-preview canvas,.comparison-slider,.comparison-slider canvas{width:100%;height:auto;display:block}.comparison-slider{--divider-width: 2px;--divider-color: var(--local-film-accent);--default-handle-color: var(--local-film-accent);min-height:320px}.comparison-slider canvas{max-height:calc(100vh - 250px);object-fit:contain;background:#050505}.comparison-empty,.source-preview p{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:var(--local-film-subtle);font-weight:800;text-align:center;pointer-events:none}.comparison-empty[hidden],.source-preview p[hidden]{display:none}.sample-cursor,.sample-marker{position:absolute;border:2px solid #5ddbcf;border-radius:999px;background:#5ddbcf29;box-shadow:0 0 0 9999px #0000000f,0 0 22px #5ddbcf47;pointer-events:none;transform:translate(-50%,-50%)}.sample-cursor{border-style:dashed}.sample-marker{border-color:#f2d08afa;background:#f2d08a29;box-shadow:0 0 0 9999px #00000014,0 0 24px #f2d08a57}.sample-cursor[hidden],.sample-marker[hidden]{display:none}.base-readout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:12px;padding:10px;border-radius:8px;background:var(--local-film-panel-soft)}.base-swatch{width:34px;height:34px;border:1px solid rgba(255,255,255,.34);border-radius:999px;box-shadow:inset 0 0 0 1px #00000038}.base-readout strong{display:block;color:var(--local-film-text);font-size:.92rem}.base-readout small{display:block;margin-top:2px;color:var(--local-film-subtle);font-size:.78rem;font-weight:750}.sample-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:12px}.sample-button{min-height:36px;padding:0 12px;border:1px solid var(--local-film-border);border-radius:8px;background:var(--local-film-control);color:var(--local-film-text)!important;-webkit-text-fill-color:var(--local-film-text);font:inherit;font-size:.8rem;font-weight:900;cursor:pointer}.sample-button.is-active{border-color:#f2d08ad1;background:var(--local-film-accent);color:var(--local-film-on-accent)!important;-webkit-text-fill-color:var(--local-film-on-accent)}.sample-button:disabled{opacity:.68;color:var(--local-film-subtle)!important;-webkit-text-fill-color:var(--local-film-subtle);cursor:not-allowed}.sample-radius-control{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.sample-radius-control span{color:var(--local-film-muted);font-size:.76rem;font-weight:850;white-space:nowrap}.sample-radius-control input{width:100%;min-width:0;accent-color:var(--local-film-accent)}.sample-hint{margin:8px 0 0;color:var(--local-film-subtle);font-size:.78rem;font-weight:760}.result-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:12px}.result-labels{display:flex;flex-wrap:wrap;gap:8px}.result-labels span{padding:4px 9px;border-radius:999px;background:var(--local-film-panel-soft);color:var(--local-film-muted);font-size:.76rem;font-weight:850}.detail-button,.reset-button{padding:0 12px}.detail-preview{margin:12px 0 0}.detail-preview img{width:100%;max-width:100%;height:auto;max-height:none;display:block;object-fit:contain;aspect-ratio:auto;border:1px solid var(--local-film-border);border-radius:8px;background:#080808;cursor:zoom-in}.detail-preview img:not([src]){min-height:150px;cursor:default}.detail-preview figcaption{margin-top:6px;text-align:center}.control-list{display:grid;gap:12px}.control-row{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:9px;align-items:center}.control-row span,.control-row output{color:var(--local-film-muted);font-size:.78rem;font-weight:850}.control-row output{text-align:right}.control-row input{width:100%;min-width:0;accent-color:var(--local-film-accent)}.reset-button{width:100%;margin-top:14px}.detail-viewer[hidden]{display:none}.detail-viewer{position:fixed;inset:0;z-index:60;display:grid;grid-template-rows:auto minmax(0,1fr);background:#030303f5;color:var(--local-film-text)}.detail-viewer,.detail-viewer :where(button,span,img){color:var(--local-film-text);-webkit-text-fill-color:currentColor}.detail-viewer-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;padding:12px;border-bottom:1px solid var(--local-film-border);background:#0c0c0cf0}.detail-viewer-toolbar button,.detail-viewer-toolbar span{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--local-film-border);border-radius:8px;background:var(--local-film-control);color:var(--local-film-text)!important;-webkit-text-fill-color:var(--local-film-text);font:inherit;font-size:.82rem;font-weight:850}.detail-viewer-toolbar span{min-width:74px;color:var(--local-film-muted)!important;-webkit-text-fill-color:var(--local-film-muted)}.detail-viewer-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;cursor:grab;touch-action:none;user-select:none}.detail-viewer-viewport:active{cursor:grabbing}.detail-viewer-viewport img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:none;max-height:none;display:block;object-fit:contain;transform-origin:center center;user-select:none;will-change:transform}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme] body.local-film-shell{background-color:var(--film-bg)!important;background-image:none!important;color:var(--film-text)!important;color-scheme:dark}html[data-theme] body.local-film-shell :is(.local-film-page,.detail-viewer){color:var(--film-text)!important;color-scheme:dark}html[data-theme] body.local-film-shell :is(h1,h2,h3,h4,p,span,small,strong,dt,dd,label,legend,button,a,output,figcaption,input,select,textarea,option){color:var(--film-text)!important;-webkit-text-fill-color:var(--film-text)!important}html[data-theme] body.local-film-shell :is(.toolbar-title h1,.panel-heading h2,.base-readout strong){color:var(--film-text-strong)!important;-webkit-text-fill-color:var(--film-text-strong)!important}html[data-theme] body.local-film-shell :is(.toolbar-title p,.panel-heading p){color:var(--film-accent)!important;-webkit-text-fill-color:var(--film-accent)!important}html[data-theme] body.local-film-shell :is(.status-strip p,.fallback-export-row p,.sample-radius-control span,.result-labels span,.control-row span,.control-row output,.detail-viewer-toolbar span){color:var(--film-muted)!important;-webkit-text-fill-color:var(--film-muted)!important}html[data-theme] body.local-film-shell :is(.drop-zone small,.detail-preview figcaption,.file-meta dt,.sample-meta dt,.comparison-empty,.source-preview p,.base-readout small,.sample-hint){color:var(--film-subtle)!important;-webkit-text-fill-color:var(--film-subtle)!important}html[data-theme] body.local-film-shell :is(input:not([type=range]),select,textarea,option){background:#181818!important;border-color:var(--film-border)!important;color:var(--film-text)!important;-webkit-text-fill-color:var(--film-text)!important}html[data-theme] body.local-film-shell :is(.toolbar-link,.toolbar-button,.fallback-export-row button,.detail-button,.reset-button,.sample-button,.detail-viewer-toolbar button){background:var(--film-control)!important;border-color:var(--film-border)!important;color:var(--film-text)!important;-webkit-text-fill-color:var(--film-text)!important}html[data-theme] body.local-film-shell :is(.toolbar-button-primary,.sample-button.is-active){background:var(--film-accent)!important;border-color:#f2d08ac2!important;color:var(--film-on-accent)!important;-webkit-text-fill-color:var(--film-on-accent)!important}html[data-theme] body.local-film-shell :is(.toolbar-button:disabled,.detail-button:disabled,.sample-button:disabled){color:var(--film-subtle)!important;-webkit-text-fill-color:var(--film-subtle)!important}@media(max-width:1180px){.local-workspace{grid-template-columns:minmax(260px,.9fr) minmax(360px,1.2fr)}.controls-panel{grid-column:1 / -1}}@media(max-width:780px){.local-film-page{padding:12px}.local-toolbar{position:static;grid-template-columns:1fr}.toolbar-actions{justify-content:stretch}.toolbar-link,.toolbar-button{flex:1 1 auto}.local-workspace{grid-template-columns:1fr}.source-preview{min-height:210px}.comparison-slider{min-height:240px}.comparison-slider canvas{max-height:none}.control-row{grid-template-columns:52px minmax(0,1fr) 56px}.sample-actions{grid-template-columns:1fr}}