@charset "UTF-8";
:root{--paper:#eaeae3;--panel:#f4f4ee;--ink:#23261f;--muted:#62685e;--line:#cdd0c5;--accent:#d3ed6a;--dark:#111510;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button,select,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #596d20}button:hover{filter:brightness(.94)}.topbar{margin:0 3vw;min-height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:17px;text-decoration:none;font-size:21px;font-weight:650;letter-spacing:-.7px}.mark{font-size:40px;line-height:1;transform:rotate(5deg)}.identity small{display:block;font-size:9px;letter-spacing:1.4px;margin-top:7px;font-weight:500}.top-actions{display:flex;align-items:center;gap:32px}.edition{font-size:10px;letter-spacing:.8px;color:var(--muted)}.edition i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#738740;margin:0 9px 1px}.quiet{padding:8px 0;font-size:12px;white-space:nowrap}.quiet span{margin-left:16px}main{padding:0 3vw}.intro{display:flex;align-items:end;justify-content:space-between;margin:42px 0 30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;margin:0 0 10px;color:var(--muted)}h1{font-size:clamp(28px,2.8vw,45px);font-weight:450;letter-spacing:-1.8px;line-height:1.2;margin:0}.intro>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:26px;align-items:start}.view-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.segments{display:flex;gap:4px}.segments button{padding:8px 12px;border-radius:3px;color:var(--muted);font-size:12px}.segments button[aria-pressed=true]{background:#d9ddcf;color:var(--ink)}.stage-wrap{background:#050605;position:relative}.stage{display:grid;grid-template-columns:1fr 1fr;gap:2px;align-items:center;min-height:260px;background:#090b08;padding:28px 18px}.surface{margin:0;background:#050605;aspect-ratio:1;overflow:hidden;min-width:0}.surface canvas{display:block;width:100%;height:100%;object-fit:contain}.stage[data-view=image],.stage[data-view=text]{grid-template-columns:1fr;padding:0;aspect-ratio:16/10}.stage[data-view=image] .text-surface,.stage[data-view=text] .image-surface{display:none}.stage[data-view=image] .surface,.stage[data-view=text] .surface{height:100%;max-height:62vh;width:auto;justify-self:center}.screen-captions{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:10px;color:var(--muted)}.screen-captions>span{display:flex;align-items:center;gap:10px}.screen-captions b{font-size:11px;color:var(--ink);font-weight:500}.screen-captions em{font-style:normal;margin-left:auto;font-size:9px;letter-spacing:1px}.transport{display:flex;align-items:center;gap:10px;padding:17px 0}.primary{background:var(--dark);color:#f7f8ed;padding:12px 18px;border-radius:4px;min-width:99px;font-size:13px}.primary span:first-child{margin-right:8px;font-size:10px}.icon-button{width:32px;height:36px;font-size:19px}.timeline{display:flex;align-items:center;gap:10px;flex:1;margin:0 12px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.timeline-track{height:2px;flex:1;background:var(--line)}.timeline-track i{display:block;height:100%;width:0;background:#687d3b}.gallery-top{display:flex;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:12px}.gallery-top .eyebrow{margin:0}.gallery-top .eyebrow span{margin-left:12px;color:#828779}.gallery-top select{border:0;background:transparent;max-width:180px;padding:4px;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:222px;overflow:auto;padding:3px 3px 6px;scrollbar-width:thin;scrollbar-color:#a4ac97 transparent}.thumb{padding:0;position:relative;aspect-ratio:16/10;border:2px solid transparent;opacity:.75;border-radius:2px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb:hover{opacity:1}.thumb[aria-pressed=true]{border-color:#6d8235;opacity:1}.thumb span{position:absolute;bottom:3px;right:5px;font-size:9px;color:white;text-shadow:0 1px 5px #000}.view-note{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-top:10px;gap:16px}.view-note .quiet{font-size:10px}.controls{background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 18px}.panel-heading h2{font-size:22px;font-weight:500;letter-spacing:-.8px;margin:0}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:6px}.panel-heading .quiet{font-size:11px;color:var(--muted)}.presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 22px 22px}.presets button{font-size:11px;border:1px solid var(--line);border-radius:3px;text-align:left;padding:10px 12px}.presets .selected{background:var(--accent);border-color:var(--accent)}.tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 13px}.tabs button{flex:1;padding:14px 3px;border-bottom:2px solid transparent;color:var(--muted);font-size:12px}.tabs [aria-selected=true]{color:var(--ink);border-color:var(--ink);font-weight:650}.panel{padding:23px 22px 24px}.panel[hidden]{display:none}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-head h3{font-size:14px;font-weight:600;margin:0}.section-head>span{font-size:10px;color:var(--muted)}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0;font-size:12px}.field select{max-width:69%}select{border:1px solid var(--line);border-radius:3px;background:#fafaf5;padding:8px 25px 8px 9px;max-width:100%;font-size:11px;color:var(--ink)}.range-field{margin:20px 0}.range-label{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;margin-bottom:9px}.range-label output{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:16px;margin:0;accent-color:#5e722d;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#d0d5c6;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-6px}input[type=checkbox]{accent-color:#596d24;width:17px;height:17px;flex-shrink:0;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;margin:19px 0}.toggle-row b{font-size:12px;font-weight:600}.toggle-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.hint{font-size:10px;line-height:1.8;color:var(--muted);margin:20px 0 0}.panel-copy{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 22px}details{margin-top:24px;border-top:1px solid var(--line);padding-top:17px}summary{list-style:none;cursor:pointer;font-size:12px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary{margin-bottom:20px}details[open] summary span{transform:rotate(45deg)}textarea{width:100%;border:1px solid var(--line);border-radius:3px;background:#fafaf5;resize:vertical;padding:10px;font-size:12px;line-height:1.7;color:var(--ink)}.small-button{font-size:11px;border:1px solid var(--line);padding:9px 12px;border-radius:3px;margin-top:12px}.source-link{display:inline-block;font-size:11px;margin-top:14px;text-underline-offset:4px}blockquote{margin:20px 0 0;padding:14px 0 14px 16px;border-left:2px solid #879765;font-size:13px;line-height:1.8;color:#4c5543}.audio-channel{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:22px}.audio-channel select{width:100%;margin:0 0 2px}.audio-position{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:14px}.audio-position button{font-size:10px}.audio-channel .range-field{margin:14px 0}.audio-channel input[id$=Seek]{margin-top:6px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:38px;padding:22px 0 30px;color:var(--muted);font-size:10px;letter-spacing:.4px}footer i{font-style:normal;margin:0 10px;color:#a1a797}footer>span:last-child{font-size:9px;letter-spacing:1.8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:13px 20px;background:#22291e;color:#fff;border-radius:5px;max-width:90vw;font-size:12px;box-shadow:0 4px 20px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;max-width:600px;width:calc(100vw - 32px);padding:44px;line-height:1.85;font-size:14px;max-height:85vh}dialog::backdrop{background:#12180fc0;backdrop-filter:blur(5px)}dialog h2{font-size:29px;font-weight:500;letter-spacing:-1px;margin:12px 0 25px}dialog .small{font-size:11px;color:var(--muted)}.close-dialog{position:absolute;right:16px;top:8px;font-size:28px}.about-divider{height:1px;background:var(--line);margin:26px 0}.exit-full{display:none;position:absolute;right:20px;bottom:20px;background:#262d24db;color:#fff;padding:12px 18px;border-radius:4px}.stage-wrap:fullscreen,.stage-wrap.expanded{background:#050605;display:flex;align-items:center;justify-content:center}.stage-wrap.expanded{position:fixed;inset:0;z-index:30}.stage-wrap:fullscreen .stage,.stage-wrap.expanded .stage{width:100%;max-width:1800px;max-height:100vh;padding:3vw;min-height:0}.stage-wrap:fullscreen .surface,.stage-wrap.expanded .surface{max-height:90vh}.stage-wrap:fullscreen .exit-full,.stage-wrap.expanded .exit-full{display:block}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;left:20px;top:10px;background:white;padding:12px;z-index:40}.noscript{padding:20px;background:#fff}.error-state{padding:30px;color:#b74324}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 390px}.stage{padding:36px 24px}.gallery{max-height:280px}.panel{padding:26px}}
@media(max-width:1120px){.workspace{grid-template-columns:minmax(0,1fr) 315px;gap:20px}.stage{padding:18px 8px;min-height:210px}.edition{display:none}.timeline{margin:0 3px}.screen-captions em{display:none}.gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.panel,.panel-heading{padding-left:18px;padding-right:18px}.presets{margin-left:18px;margin-right:18px}.transport{gap:3px}}
@media(max-width:850px){.topbar{min-height:82px;margin:0 5vw}main{padding:0 5vw}.identity{font-size:19px}.identity small{font-size:7px}.mark{font-size:32px}.intro{margin:30px 0 25px}.intro>p{font-size:11px}.workspace{grid-template-columns:1fr;gap:26px}.controls{width:100%}.gallery{grid-template-columns:repeat(6,minmax(0,1fr));max-height:160px}.stage{padding:24px 10px}.panel-heading{padding:22px}.presets{grid-template-columns:repeat(4,1fr);margin:0 22px 20px}.panel{padding:24px;min-height:300px}.range-field{margin:24px 0}.field select{min-width:185px}.screen-captions em{display:block}footer{margin-top:30px}.view-note{font-size:9px}}
@media(max-width:500px){.topbar{min-height:78px}.top-actions .quiet{font-size:11px}.identity{gap:10px;font-size:17px}.identity small{letter-spacing:.7px;font-size:6.5px}.intro{display:block;margin:25px 0 22px}.intro>p{margin-top:13px;line-height:1.65}.intro>p br{display:none}h1{font-size:32px}.stage{padding:17px 4px;min-height:160px}.screen-captions{gap:10px}.screen-captions>span{gap:6px}.screen-captions em{display:none}.transport{gap:2px}.primary{padding:11px 12px;min-width:81px;font-size:12px}.timeline{margin:0 7px}.timeline span:last-child{display:none}.transport .quiet{font-size:10px}.icon-button{width:25px}.gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-height:143px}.view-note{display:block}.view-note .quiet{margin-top:5px}.presets{gap:5px;margin:0 15px 20px}.presets button{padding:10px 4px;text-align:center;font-size:10px}.panel{padding:22px 20px}.screen-captions b{font-size:10px}footer{display:block;line-height:2.3}footer>span{display:block}dialog{padding:30px 24px}.stage-wrap.expanded .stage,.stage-wrap:fullscreen .stage{padding:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.toast{transition:none}}
.view-column{position:sticky;top:18px}.mobile-monitor{display:none}
@media(max-width:850px){.view-column{position:static}.controls{overflow:visible}.mobile-monitor{display:flex;position:sticky;top:0;z-index:6;align-items:center;justify-content:center;gap:2px;background:#090b08;border-radius:4px 4px 0 0;box-shadow:0 5px 15px #0001}.mobile-monitor canvas{display:block;width:130px;height:130px;max-width:48%}}

.effect-strength{display:flex;gap:12px;align-items:center;margin-bottom:20px}.effect-strength input{flex:1;min-width:0}.effect-strength output{width:40px;text-align:right;font-size:12px}.effect-hint{margin:0 0 5px}.toggle-row input[type=color]{width:42px;height:28px;border:0;padding:0;cursor:pointer}
@media(min-width:851px){.view-column{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}}

.text-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:20px 0}.text-presets button{padding:9px 7px;border:1px solid var(--line);border-radius:3px;font-size:11px}.text-presets button:hover{background:#e4e9d9}.connection-card{border-left:2px solid #879765;padding:2px 0 2px 12px;margin:20px 0;font-size:11px;line-height:1.8}.connection-card strong{font-weight:600}.connection-card p{margin:7px 0;color:var(--muted)}.connection-card q{quotes:none;display:block;color:#4c5543}.image-reading{display:flex;gap:12px;align-items:baseline;font-size:10px;line-height:1.7;margin-top:12px}.image-reading strong{flex-shrink:0;font-weight:600}.image-reading span{color:var(--muted)}@media(max-width:500px){.image-reading{display:block}.image-reading strong{display:block;margin-bottom:4px}}