:root{--paper:#f2efe7;--paper-2:#e7dfd0;--ink:#141311;--ink-dim:#141311a8;--ink-faint:#1413116b;--panel:#f9f6eee0;--panel-dark:#141311d1;--line:#1413112e;--line-strong:#14131157;--red:#a61516;--amber:#d2a24f;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--serif:"Instrument Serif", Georgia, serif;color:var(--ink);background:var(--paper);font-family:var(--mono);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:var(--paper)}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #a615166b}.app-shell{background:linear-gradient(90deg, #1413110a 1px, transparent 1px) 0 0 / 22px 22px, var(--paper);min-height:100dvh;color:var(--ink);position:fixed;inset:0;overflow:hidden}#source-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.workspace{position:absolute;inset:0;overflow:hidden}#stage-canvas{background:var(--paper);width:100%;height:100%;position:absolute;inset:0}.top-bar{z-index:5;padding:calc(env(safe-area-inset-top,16px) + 16px) 16px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{flex-direction:column;gap:3px;line-height:1;display:flex}.brand-word{font-family:var(--serif);letter-spacing:0;font-size:31px;font-style:italic;font-weight:400}.brand-sub{color:var(--ink-faint);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:500}.status-pill{min-height:28px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9f6eeb8;border:1px solid #14131133;border-radius:3px;align-items:center;gap:7px;padding:6px 9px;font-size:9px;font-weight:600;display:inline-flex}.status-dot{background:var(--amber);border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 0 3px #d2a24f2e}.status-dot--crop{background:#1e6b62;box-shadow:0 0 0 3px #1e6b6229}.status-dot--ready{background:var(--red);box-shadow:0 0 0 3px #a6151629}.status-dot--error{background:#6d1b1c;box-shadow:0 0 0 3px #6d1b1c2e}.status-sep{color:var(--ink-faint)}.notice-panel{z-index:4;text-align:center;background:#f2efe7f0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.notice-panel[hidden]{display:none}.notice-kicker{color:var(--red);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.notice-panel h2{max-width:12ch;font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(2.7rem,15vw,5rem);font-style:italic;font-weight:400;line-height:.9}.notice-panel p{max-width:30rem;color:var(--ink-dim);margin:0;font-size:14px;line-height:1.45}.control-dock{z-index:6;width:min(100%,740px);max-height:min(50dvh,360px);padding:0 10px calc(env(safe-area-inset-bottom,16px) + 10px);scrollbar-width:none;flex-direction:column;gap:8px;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.control-dock::-webkit-scrollbar{display:none}.effect-strip{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid}.effect-button{min-width:0;min-height:60px;color:var(--ink-dim);text-align:center;background:#ffffff4d;border:1px solid #0000;border-radius:3px;grid-template-rows:17px auto auto;place-items:center;gap:3px;padding:8px 3px 6px;display:grid}.effect-button.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.effect-button svg,.tool-button svg,.mini-toggle svg,.solid-button svg{stroke-width:1.7px;width:16px;height:16px;display:block}.effect-label{overflow-wrap:anywhere;letter-spacing:.11em;text-transform:uppercase;width:100%;min-width:0;font-size:8.5px;font-weight:600;line-height:1.15}.effect-sub{color:currentColor;letter-spacing:.12em;opacity:.66;text-transform:uppercase;font-size:7.5px;line-height:1}.stamp-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:4px;grid-template-columns:auto minmax(0,1fr);gap:6px;padding:6px;display:grid}.mini-toggle{border:1px solid var(--line);min-height:40px;color:var(--ink-dim);letter-spacing:.13em;text-transform:uppercase;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:600;display:inline-flex}.mini-toggle.is-active{border-color:var(--red);color:var(--red);background:#a615161a}.stamp-input{border:1px solid var(--line);background:#ffffff57;border-radius:3px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:40px;padding:0 9px;display:grid}.stamp-input span{color:var(--ink-faint);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:600}.stamp-input input{width:100%;min-width:0;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;font-size:13px;font-weight:600}.action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.tool-button,.solid-button{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:44px;color:var(--ink);letter-spacing:.11em;text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:9px;font-weight:600;display:inline-flex}.tool-button--primary,.solid-button{border-color:var(--ink);background:var(--ink);color:var(--paper)}.solid-button--compact{min-height:44px;padding:0 18px}.footer-note{color:#1413118a;letter-spacing:.16em;text-align:center;text-transform:uppercase;margin:0;padding:2px 2px 0;font-size:8px;font-weight:600;line-height:1.35}.crop-box{z-index:3;cursor:move;touch-action:none;border:1px solid #f9f6eef2;position:absolute}.crop-box:before,.crop-box:after{content:"";pointer-events:none;background:#f9f6ee5c;height:1px;position:absolute;inset:33.333% 0 auto}.crop-box:after{inset:66.666% 0 auto}.crop-corner{border:2px solid var(--paper);background:#1413111f;width:34px;height:34px;position:absolute}.crop-corner--nw{cursor:nwse-resize;border-bottom:0;border-right:0;top:-2px;left:-2px}.crop-corner--ne{cursor:nesw-resize;border-bottom:0;border-left:0;top:-2px;right:-2px}.crop-corner--sw{cursor:nesw-resize;border-top:0;border-right:0;bottom:-2px;left:-2px}.crop-corner--se{cursor:nwse-resize;border-top:0;border-left:0;bottom:-2px;right:-2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=760px){.top-bar{padding-left:max(24px,50vw - 370px);padding-right:max(24px,50vw - 370px)}.control-dock{padding-left:18px;padding-right:18px}}@media (width<=440px){.top-bar{padding-left:12px;padding-right:12px}.brand-word{font-size:28px}.status-pill{gap:5px;padding-left:7px;padding-right:7px;font-size:8px}.effect-strip{gap:6px;padding:7px}.effect-button{min-height:56px;padding-left:2px;padding-right:2px}.effect-label{font-size:8px}.action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tool-button{flex-direction:column;gap:3px;min-height:42px;padding:5px 2px;font-size:7.5px}}@media (height<=700px){.control-dock{gap:6px;max-height:min(48dvh,320px)}.effect-button{min-height:54px}.stamp-panel{padding:6px}.tool-button{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}