:root{color:#f7f4ee;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-break:strict;overflow-wrap:normal;word-break:keep-all;background:#0a0b0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button{font:inherit}h1,p,span,strong,button{line-break:strict;overflow-wrap:normal;word-break:keep-all}.app-shell{background:linear-gradient(90deg,#f05a281f,#0000 20% 80%,#2dd4bf1a),#0a0b0d;place-items:center;min-height:100%;padding:18px;display:grid}.stage-layout{width:min(100vw - 36px,520px,56.25dvh - 20.25px);position:relative}.shooting-stage{aspect-ratio:9/16;isolation:isolate;touch-action:none;cursor:grab;background:#101113;border:1px solid #ffffff24;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 70px #0000007a}.side-cue-panel{z-index:8;color:#fffaf3;pointer-events:none;gap:12px;width:clamp(260px,21vw,390px);display:grid;position:absolute;top:76px;right:calc(100% + 24px)}.side-cue-panel p{border:1px solid color-mix(in srgb, var(--accent), transparent 54%);color:#fffaf3d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:78px;box-shadow:inset 0 0 20px color-mix(in srgb, var(--accent), transparent 90%), 0 16px 42px #00000042;overflow-wrap:normal;word-break:keep-all;background:#0a0b0d80;border-radius:8px;margin:0;padding:15px 17px;font-size:clamp(.94rem,.98vw,1.15rem);font-weight:750;line-height:1.55}.shooting-stage:active{cursor:grabbing}.webcam-layer,.webcam-video,.camera-fallback,.ambient-grid,.gesture-fx-canvas,.memory-canvas{position:absolute;inset:0}.webcam-layer{z-index:0;background:#111316}.webcam-video{object-fit:cover;filter:saturate(1.05)contrast(1.04);width:100%;height:100%;transform:scaleX(-1)}.camera-fallback{text-align:center;color:#f7f4eed1;background:linear-gradient(135deg,#f05a282e,#2dd4bf1a),#151719;align-content:center;place-items:center;gap:18px;padding:32px;display:grid}.fallback-mark{background:linear-gradient(90deg,#0000 47%,#f7f4ee3d 48% 52%,#0000 53%),linear-gradient(#0000 47%,#f7f4ee2e 48% 52%,#0000 53%);border:1px solid #f7f4ee38;border-radius:8px;width:72px;height:72px}.camera-fallback p{width:min(100%,310px);margin:0;font-size:.95rem;line-height:1.6}.ambient-grid{z-index:1;pointer-events:none;opacity:.28;background-color:#0000;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#0000,#000 18% 70%,#0000);mask-image:linear-gradient(#0000,#000 18% 70%,#0000)}.ambient-grid:after{content:"";background:linear-gradient(90deg, transparent, var(--scene-accent), transparent);height:1px;box-shadow:0 0 22px var(--scene-accent);position:absolute;inset:auto 9% 21%}.memory-canvas{z-index:2}.gesture-fx-canvas{z-index:3;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%}.top-hud{z-index:4;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:18px;left:18px;right:18px}.scene-badge{border:1px solid color-mix(in srgb, var(--accent), transparent 42%);color:#fff7ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0;max-width:68%;box-shadow:inset 0 0 18px color-mix(in srgb, var(--accent), transparent 84%);background:#0a0b0d94;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.scene-badge span{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:800;line-height:1;overflow:hidden}.progress-dots{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0b0d7a;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;padding:8px;display:inline-flex}.dot{background:#ffffff5c;border-radius:50%;width:7px;height:7px}.dot.is-active{background:var(--accent);width:22px;box-shadow:0 0 14px color-mix(in srgb, var(--accent), transparent 25%);border-radius:999px}.take-meter{background:#ffffff24;border-radius:999px;flex:1 0 100%;height:4px;overflow:hidden}.take-meter span,.record-hairline span{border-radius:inherit;background:linear-gradient(90deg, #f05a28, var(--scene-accent), #2dd4bf);height:100%;box-shadow:0 0 16px color-mix(in srgb, var(--scene-accent), transparent 40%);transition:width .12s linear;display:block}.record-hairline{z-index:5;background:#ffffff14;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.story-copy{z-index:3;pointer-events:none;text-shadow:0 2px 18px #0000009e;gap:8px;display:grid;position:absolute;bottom:clamp(92px,15%,126px);left:20px;right:20px}.story-copy.is-record-mode{z-index:4;bottom:clamp(72px,12%,112px)}.story-copy.is-operator-mode{bottom:clamp(154px,20%,190px)}.story-copy:before{content:"";background:var(--accent);width:58px;height:3px;box-shadow:0 0 18px var(--accent);border-radius:999px}.story-copy .eyebrow{color:var(--accent);text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900;line-height:1.2}.story-copy h1{color:#fffaf3;letter-spacing:0;text-wrap:balance;word-break:keep-all;width:min(100%,430px);margin:0;font-size:2.4rem;font-weight:900;line-height:1.08}.story-copy p{color:#fffaf3e0;overflow-wrap:normal;word-break:keep-all;width:min(100%,380px);margin:0;font-size:.92rem;font-weight:650;line-height:1.45}.countdown-overlay{z-index:7;pointer-events:none;background:#0a0b0d1f;place-items:center;display:grid;position:absolute;inset:0}.countdown-overlay span{color:#fffaf3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:112px;height:112px;box-shadow:0 0 34px color-mix(in srgb, var(--scene-accent), transparent 42%);background:#0a0b0d80;border:1px solid #ffffff38;border-radius:50%;place-items:center;font-size:4rem;font-weight:900;line-height:1;display:grid}.prompter-panel{z-index:4;border:1px solid color-mix(in srgb, var(--accent), transparent 58%);color:#fffaf3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 22px color-mix(in srgb, var(--accent), transparent 88%);pointer-events:none;background:#0a0b0d8f;border-radius:8px;gap:10px;padding:12px;display:grid;position:absolute;top:76px;left:18px;right:18px}.prompter-header{color:color-mix(in srgb, var(--accent), #fff 28%);justify-content:space-between;align-items:center;gap:12px;font-size:.72rem;font-weight:900;line-height:1;display:flex}.prompter-header strong{color:#fffaf3;font-size:.78rem}.script-line{color:#fffaf3;overflow-wrap:normal;word-break:keep-all;margin:0;font-size:.96rem;font-weight:800;line-height:1.45}.motion-readout{grid-template-columns:1.35fr .7fr .7fr .7fr;gap:8px;display:grid}.readout-item{background:#ffffff0f;border-radius:8px;align-content:center;gap:6px;min-height:44px;padding:8px;display:grid}.readout-item span{color:#fffaf3a3;font-size:.68rem;font-weight:800;line-height:1}.readout-item strong{color:#fffaf3;font-size:.82rem;font-weight:900;line-height:1}.readout-track{background:#ffffff24;border-radius:999px;height:7px;overflow:hidden}.readout-track span{border-radius:inherit;background:var(--accent);height:100%;box-shadow:0 0 12px var(--accent);transition:width .12s;display:block}.control-dock{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b0d9e;border:1px solid #ffffff1f;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 28px);padding:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.icon-button,.clean-toggle{color:#fffaf3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;place-items:center;width:42px;height:42px;transition:border-color .14s,background .14s,transform .14s;display:grid;position:relative}.icon-button:hover,.clean-toggle:hover,.icon-button[aria-pressed=true]{border-color:color-mix(in srgb, var(--scene-accent), transparent 20%);background:color-mix(in srgb, var(--scene-accent), transparent 82%)}.icon-button:active,.clean-toggle:active{transform:translateY(1px)}.live-dot{background:#a1a1aa;border-radius:50%;width:7px;height:7px;position:absolute;bottom:7px;right:7px}.live-dot.on{background:#22c55e;box-shadow:0 0 12px #22c55e}.clean-toggle{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b0d7a;position:absolute;top:18px;right:18px}@media (width<=1100px){.app-shell{align-items:start}.stage-layout{justify-items:stretch;gap:12px;display:grid}.shooting-stage{order:1}.side-cue-panel{order:2;grid-template-columns:1fr 1fr;width:100%;position:static}.side-cue-panel p{min-height:0;font-size:.82rem}}@media (width<=520px){.app-shell{padding:0}.stage-layout{width:min(100vw,56.25dvh)}.shooting-stage{width:100%}.side-cue-panel{grid-template-columns:1fr;gap:6px;padding:0 12px 12px}.side-cue-panel p{min-height:0;padding:8px 10px;font-size:.7rem;line-height:1.4}.story-copy{bottom:112px;left:18px;right:18px}.story-copy h1{font-size:1.78rem}.story-copy.is-record-mode{bottom:82px}.story-copy.is-operator-mode{bottom:154px}.prompter-panel{gap:8px;padding:10px;top:82px;left:12px;right:12px}.script-line{font-size:.86rem}.motion-readout{grid-template-columns:1fr .72fr .72fr .72fr;gap:6px}.readout-item{min-height:40px;padding:7px}.readout-item span{font-size:.62rem}.readout-item strong{font-size:.72rem}.control-dock{max-width:calc(100% - 24px);bottom:18px}.icon-button,.clean-toggle{width:40px;height:40px}}