@font-face{font-family:Teum;src:url('assets/teum-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Teum;src:url('assets/teum-medium.woff') format('woff');font-weight:500 900;font-display:swap}
:root{--bg:#0c0e10;--panel:#14171a;--line:#303439;--text:#f2f3f3;--muted:#a5adb3;--accent:#ecff79}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Teum,'Noto Sans KR',sans-serif;font-size:16px}button,a,textarea,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.6}.topbar{height:90px;padding:0 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.wordmark{font-family:Arial,sans-serif;font-size:38px;font-weight:900;letter-spacing:-3px}.wordmark span{font-size:13px;vertical-align:top;line-height:30px;margin-left:5px;letter-spacing:0}.header-label{font-size:13px;letter-spacing:1.1px;color:#c7cdd0}.header-label span{padding:0 15px;color:#62696f}.edition{margin-left:auto;text-align:right;font-size:14px}.edition span{display:block;font:11px Arial,sans-serif;letter-spacing:1.6px;margin-top:6px;color:var(--muted)}main{max-width:1800px;margin:auto;padding:28px 4vw 0}.opening{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font:11px Arial,sans-serif;letter-spacing:1.6px;color:var(--muted)}h1{font-size:clamp(23px,2.1vw,36px);letter-spacing:-1.5px;margin:8px 0 0;font-weight:700}.quiet{background:transparent;border:1px solid var(--line);border-radius:4px;padding:10px 16px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.quiet:hover{border-color:#b0b7ba}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:26px}.tabs button{padding:14px 0 18px;background:transparent;color:#a2a9ae;border-bottom:2px solid transparent;font-size:15px;white-space:nowrap}.tabs button span{font:11px Arial,sans-serif;color:#747d82;margin-right:8px}.tabs button.active{color:var(--accent);border-color:var(--accent)}.panel[hidden]{display:none}.studio{display:grid;grid-template-columns:274px 1fr;gap:30px}.controls{padding-top:4px}.control-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:12px}.control-title .eyebrow{color:#e2e5e6}.audiences{display:grid;gap:9px}.audience{display:flex;align-items:center;width:100%;gap:12px;background:#14171b;border:1px solid var(--line);padding:15px 12px;text-align:left;border-radius:5px;transition:border-color .15s,background .15s}.audience.selected{background:#20251c;border-color:var(--accent)}.audience:hover{border-color:#889075}.audience b{font-size:14px;font-weight:500;display:block;letter-spacing:-.45px}.audience small{display:block;margin-top:6px;font:10px Arial,sans-serif;letter-spacing:1px;color:var(--muted)}.choice-no{font:11px Arial,sans-serif;color:#9ba68e;margin-left:auto}.swatch{width:9px;height:34px;border-radius:1px;flex-shrink:0}.ocean{background:#62d8ee}.run{background:#fb9360}.space{background:#c8a7f8}.format-label{margin-top:25px}.formats{display:flex;gap:7px}.formats button{flex:1;background:#171a1d;border:1px solid var(--line);padding:11px 2px;border-radius:3px;font:13px Arial,sans-serif;letter-spacing:1px}.formats button.selected{color:var(--bg);background:#e9eddf;border-color:#e9eddf}textarea,input{width:100%;background:#15181b;color:var(--text);border:1px solid #40464b;border-radius:4px;padding:13px;resize:vertical;line-height:1.6;font-size:16px}textarea{min-height:90px}.hint{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 16px}.primary{padding:13px 19px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#18200a;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary:hover{background:#ddf364}.export{width:100%;margin-top:7px;justify-content:space-between}.reset{width:100%;border:0;color:var(--muted);font-size:12px;margin-top:8px}.preview-bar{display:flex;justify-content:space-between;font:11px Arial,sans-serif;color:var(--muted);letter-spacing:1px;padding:3px 0 13px}.preview-bar b{font-weight:400;color:#d7dfe2}.accent-line{display:inline-block;width:20px;height:1px;background:var(--accent);vertical-align:middle;margin-right:8px}.canvas-wrap{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;background:#15171a;border:1px solid #282e33;overflow:hidden;isolation:isolate}.canvas-wrap canvas{width:100%;height:auto;display:block}.canvas-wrap.portrait{height:555px}.canvas-wrap.portrait canvas{width:auto;max-width:100%;height:100%;object-fit:contain}.asset-status{position:absolute;inset:0;display:grid;place-content:center;background:#15171a;color:#b8c4c8;font-size:15px}.asset-status[hidden]{display:none}.insight{display:grid;grid-template-columns:150px 1fr;align-items:start;gap:16px;padding:18px 0 0}.insight .eyebrow{padding-top:6px}.insight p{font-size:14px;line-height:1.8;color:#b5bdc3;margin:0;max-width:820px}.bottom-note{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:12px;color:var(--muted)}.bottom-note b{font-weight:400;color:#d6dcdd;margin-left:14px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:14px 0 24px}h2{font-size:30px;letter-spacing:-1.2px;margin:8px 0}h3{font-size:25px;letter-spacing:-.8px;line-height:1.5;font-weight:500}.film-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px}.film-layout video{width:100%;background:#000;align-self:start;aspect-ratio:16/9}.film-notes{padding:3px 0}.film-notes h3{margin:18px 0}.film-notes p{font-size:14px;color:var(--muted);line-height:1.9}.scene{display:flex;gap:18px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.scene b{font:11px Arial,sans-serif;letter-spacing:1px;color:var(--accent);padding-top:4px}.scene span{line-height:1.8}.pill{border:1px solid #424a48;border-radius:30px;padding:9px 17px;color:#bbc8bc;font-size:13px}.promo-layout{display:grid;grid-template-columns:1fr .8fr;max-width:1080px;gap:40px;margin:auto}.quiz-card{padding:34px;background:#15191c;border:1px solid var(--line);min-height:470px}.quiz-progress{display:flex;gap:5px;margin:20px 0 28px}.quiz-progress span{height:3px;flex:1;background:#3d454a}.quiz-progress span.done{background:var(--accent)}.quiz-card h3{font-size:27px;margin:20px 0 24px}.answer{display:block;width:100%;text-align:left;background:#21272b;border:1px solid #42494c;margin-bottom:11px;padding:18px 16px;border-radius:5px;font-size:15px;line-height:1.7}.answer:hover{border-color:var(--accent);background:#30372a}.answer strong{color:var(--accent);font:12px Arial,sans-serif;margin-right:13px}.quiz-label{font-size:14px;display:block;margin:21px 0 9px}.quiz-card .primary{width:100%;margin-top:16px}.quiz-card p{line-height:1.8;font-size:15px;color:#bac3c8}.promo-result{display:flex;justify-content:center;background:#161426;border:1px solid #3b3550;min-height:470px;overflow:hidden;align-items:center}.result-intro{text-align:center;width:100%;padding:30px}.result-intro p{font-size:25px;line-height:1.7;letter-spacing:-1px}.giant-word{font-size:150px;line-height:1.1;font-weight:700;color:#e0c9ff}.promo-result canvas{width:100%;height:auto;max-height:650px;object-fit:contain;display:block}.promo-result canvas[hidden]{display:none}.privacy-note{text-align:center;color:var(--muted);font-size:12px;margin:24px 0}.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kit-grid article{padding:30px;background:#161a1d;border:1px solid var(--line);min-height:255px}.kit-no{font:12px Arial,sans-serif;letter-spacing:1px;color:var(--accent)}.kit-grid h3{margin:23px 0 15px}.kit-grid p{font-size:15px;color:var(--muted);line-height:1.9;min-height:86px}.kit-grid a,.text-link{font-size:14px;color:var(--accent);background:none;padding:0;text-align:left}.handoff{display:grid;grid-template-columns:1fr 1.3fr;gap:20px 40px;border-top:1px solid var(--line);padding:35px 0;margin-top:30px}.handoff h3{font-size:23px}.handoff ol{margin:0;padding:0;list-style:none}.handoff li{padding:10px 0;font-size:14px;color:#bdc5c9;line-height:1.8}.handoff li b{color:#eef0ee;display:inline-block;min-width:72px;font-size:12px}.handoff>a{justify-self:start}.scope{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:13px;line-height:1.9}.scope summary{cursor:pointer;color:#dbe0e0}.scope p{max-width:1000px}footer{max-width:1800px;margin:34px auto 0;padding:24px 4vw;display:flex;justify-content:space-between;gap:16px;color:#7f898f;font:11px Arial,Teum,sans-serif;letter-spacing:1px;border-top:1px solid var(--line)}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(100px);padding:14px 22px;background:var(--accent);color:#152009;border-radius:5px;transition:transform .2s;z-index:100;font-size:14px;text-align:center;max-width:90vw;box-shadow:0 10px 50px #0008}.toast.show{transform:translateX(-50%) translateY(0)}.presenting .topbar,.presenting .opening,.presenting footer,.presenting .bottom-note{display:none}.presenting main{padding-top:16px}.presenting .canvas-wrap{max-height:calc(100vh - 155px)}.presenting .canvas-wrap canvas{max-height:calc(100vh - 155px);object-fit:contain}.presenting .tabs{margin-bottom:15px}.presenting #present{display:block}.exit-present{position:fixed;right:15px;bottom:15px;z-index:20;background:#191f22e8}
@media(min-width:1650px){.studio{grid-template-columns:290px 1fr;gap:40px}.canvas-wrap{max-height:680px}.canvas-wrap canvas{max-height:680px;object-fit:contain}}@media(max-width:1080px){.studio{grid-template-columns:235px 1fr;gap:20px}.audience{padding:14px 9px;gap:8px}.audience b{font-size:12px}.choice-no{display:none}.insight{display:block}.insight p{margin-top:9px}.film-layout{grid-template-columns:1fr}.film-notes{display:none}.kit-grid{gap:10px}.kit-grid article{padding:20px}.kit-grid h3{font-size:20px}.bottom-note{align-items:start;flex-direction:column;gap:10px}.canvas-wrap{min-height:250px}}@media(max-width:760px){.topbar{height:72px;padding:0 20px;gap:15px}.wordmark{font-size:32px}.header-label{font-size:10px}.header-label span{padding:0 5px}.edition{font-size:11px}.edition span{display:none}main{padding:24px 20px 0}.opening{margin-bottom:18px}.opening .quiet{font-size:12px;padding:8px 10px}.opening .eyebrow{font-size:9px}.opening h1{font-size:23px}.tabs{overflow:auto;gap:24px;scrollbar-width:none;margin-bottom:18px}.tabs button{font-size:13px;padding:13px 0}.tabs button span{font-size:10px;margin-right:5px}.studio{display:flex;flex-direction:column}.preview-column{order:0}.controls{order:1}.canvas-wrap{min-height:180px}.canvas-wrap.portrait{height:480px}.insight{padding-top:12px}.insight p{font-size:13px}.audiences{grid-template-columns:repeat(3,1fr);gap:6px}.audience{display:block;text-align:left;padding:12px 9px}.audience b{font-size:12px;line-height:1.6;letter-spacing:-.5px;min-height:38px}.swatch{display:block;width:22px;height:3px;margin-bottom:8px}.audience small{font-size:8px;letter-spacing:0;line-height:1.4}.control-title{font-size:12px}.format-label{margin-top:18px}.controls textarea{min-height:80px}.export{margin-top:5px}.reset{padding:8px}.section-head{align-items:start}.section-head h2{font-size:23px}.section-head .primary{font-size:12px;padding:11px 10px;white-space:nowrap}.promo-layout{grid-template-columns:1fr;gap:20px}.quiz-card{padding:24px;min-height:420px}.promo-result{min-height:370px;max-width:460px;width:100%;margin:auto}.quiz-card h3{font-size:24px}.result-intro .giant-word{font-size:120px}.result-intro p{font-size:22px}.pill{font-size:11px;padding:7px 10px;white-space:nowrap}.kit-grid{grid-template-columns:1fr}.kit-grid article{min-height:0;padding:25px}.kit-grid p{min-height:0}.handoff{display:block}.handoff .quiet{margin-top:20px}.bottom-note{line-height:1.9}.bottom-note b{display:block;margin-left:0}footer{padding:20px;flex-direction:column;font-size:10px;line-height:1.6}.presenting .studio{display:flex}.presenting .controls{display:none}.presenting .canvas-wrap{min-height:0}.privacy-note{line-height:1.8}.presenting .insight{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}