:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f8f4;--surface:#fff;--surface-muted:#eef4f2;--text:#17201d;--text-muted:#66726f;--border:#d8dfda;--accent:#1d7d63;--accent-strong:#145b49;--accent-soft:#d9eee7;--warning-soft:#fff1cc;--warning-text:#705100;--blue-soft:#dcebf8;--blue-text:#245777;--danger:#a33d3d;--shadow:0 16px 45px #24302b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica Neue,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.page-shell{min-height:100vh}.site-header,.intro-section,.studio-section,.tools-preview-section,.tools-list-section,.toolkit-section{width:min(1180px,100% - 32px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:18px 0 6px;display:flex}.site-brand{color:var(--text);letter-spacing:0;font-size:1.1rem;font-weight:900;text-decoration:none}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.tools-menu{position:relative}.tools-menu-button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:900;display:inline-flex}.tools-menu-button:hover,.tools-menu-button:focus{border-color:var(--accent);color:var(--accent-strong);outline:none}.tools-menu-button:focus{box-shadow:0 0 0 3px #1d7d6329}.tools-dropdown{z-index:12;border:1px solid var(--border);background:var(--surface);width:min(340px,100vw - 32px);box-shadow:var(--shadow);border-radius:8px;gap:6px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0}.tools-menu.is-open .tools-dropdown{display:grid}.tools-menu-link,.tools-menu-item{color:var(--text);border-radius:8px;gap:3px;padding:10px;text-decoration:none;display:grid}.tools-menu-link:hover,.tools-menu-link:focus{background:var(--accent-soft);color:var(--accent-strong);outline:none}.tools-menu-link:focus{box-shadow:0 0 0 3px #1d7d6329}.tools-menu-link strong,.tools-menu-item strong{font-size:.95rem;line-height:1.25}.tools-menu-link span,.tools-menu-item span{color:var(--text-muted);font-size:.82rem;font-weight:700}.tools-menu-link.is-all-tools{border-top:1px solid var(--border);border-radius:0 0 8px 8px}.tools-menu-item.is-disabled{color:var(--text-muted);background:#f7f9f6}.page-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.page-nav a{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;align-items:center;padding:0 12px;font-size:.9rem;font-weight:900;text-decoration:none;display:inline-flex}.page-nav a:hover{border-color:var(--accent);color:var(--accent-strong)}.language-switcher{align-items:center;gap:8px;display:flex}.language-switcher label{color:var(--text-muted);font-size:.82rem;font-weight:800}.language-switcher select{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 34px 0 12px;font-weight:800}.language-switcher select:focus{border-color:var(--accent);outline:3px solid #1d7d6329}.help-widget{justify-content:flex-end;display:inline-flex;position:relative}.help-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--accent-strong);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #24302b14}.help-button:focus{border-color:var(--accent);outline:3px solid #1d7d6329}.help-popover{z-index:10;border:1px solid var(--border);background:var(--surface);width:min(320px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:8px;padding:12px 14px;font-size:.88rem;font-weight:700;line-height:1.55;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px)}.help-widget:hover .help-popover,.help-widget.is-open .help-popover,.help-button:focus+.help-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.studio-section{grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);align-items:stretch;gap:20px;padding:32px 0 24px;display:grid}.host-panel,.episode-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.host-panel{gap:24px;padding:24px;display:grid}.host-panel-header,.episode-header,.host-meta-row,.host-bottom-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.live-label,.episode-header span,.status-pill,.episode-label,.toolkit-bridge{border-radius:999px;font-size:.82rem;font-weight:900}.live-label,.episode-header span{background:var(--accent-soft);color:var(--accent-strong);padding:7px 10px}.host-stage{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;display:grid}.avatar-stage{border:1px solid var(--border);background-color:#f3f7f3;background-image:linear-gradient(90deg,#1d7d6312 1px,#0000 1px),linear-gradient(#1d7d6312 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:220px;display:grid}.avatar-core{background:#e3ece6;border:2px solid #22342f;border-radius:42px 42px 34px 34px;place-items:center;width:128px;height:156px;display:grid;position:relative;box-shadow:inset 0 -10px #145b4914}.avatar-screen{background:#12211d;border:2px solid #22342f;border-radius:8px;width:74px;height:46px;display:block}.avatar-screen:before,.avatar-screen:after{content:"";background:#9bdac8;border-radius:50%;width:12px;height:12px;margin-top:16px;display:block}.avatar-screen:before{margin-left:16px;box-shadow:30px 0 #9bdac8}.avatar-screen:after{display:none}.avatar-glow{background:#88cbb8;border-radius:999px;width:62px;height:4px;position:absolute;bottom:26px}.signal-bars{justify-content:center;gap:6px;margin-top:12px;display:flex}.signal-bars span{background:var(--accent);border-radius:999px;width:8px;display:block}.signal-bars span:first-child{height:14px}.signal-bars span:nth-child(2){height:24px}.signal-bars span:nth-child(3){height:34px}.host-copy h1,.episode-stage h2,.section-heading h1,.section-heading h2{color:var(--text);letter-spacing:0;margin:0}.host-copy h1{max-width:620px;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98}.speech-bubble{border:1px solid var(--border);color:var(--text);background:#f7f9f6;border-radius:8px;margin:18px 0 0;padding:12px 14px;font-size:1rem;font-weight:900;display:inline-flex}.host-meta-row{justify-content:flex-start;margin-top:16px}.status-pill{color:var(--accent-strong);background:#eef4f2;padding:8px 10px}.host-bottom-grid{grid-template-columns:minmax(180px,.4fr) minmax(0,.6fr);align-items:stretch;display:grid}.countdown-panel,.activity-log{border:1px solid var(--border);background:#fbfcfa;border-radius:8px;padding:14px}.countdown-panel{gap:5px;display:grid}.countdown-panel span,.episode-countdown span{color:var(--text-muted);font-size:.78rem;font-weight:900}.countdown-panel strong,.episode-countdown strong{color:var(--accent-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.42rem}.activity-log{gap:8px;display:grid}.activity-log p{color:var(--text-muted);margin:0;font-size:.92rem;font-weight:800}.activity-log p:before{background:var(--accent);content:"";vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.episode-panel{align-content:space-between;gap:18px;padding:20px;display:grid}.episode-stage{border:1px solid var(--border);background:linear-gradient(#24577714,#0000 42%),#f6f9fb;border-radius:8px;align-content:center;gap:12px;min-height:220px;padding:18px;display:grid}.episode-label{background:var(--blue-soft);width:fit-content;color:var(--blue-text);padding:7px 10px}.episode-stage h2{font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.08}.episode-stage p{color:var(--text-muted);margin:0;font-size:.96rem;font-weight:700;line-height:1.65}.episode-countdown{border-top:1px solid var(--border);gap:4px;padding-top:14px;display:grid}.episode-slots{grid-template-columns:1.5fr 1fr .75fr;gap:8px;display:grid}.episode-slots span{background:var(--accent-soft);border-radius:999px;height:8px;display:block}.intro-section{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:28px;padding:36px 0 24px;display:grid}.intro-copy h1,.section-heading h2{color:var(--text);letter-spacing:0;margin:0}.intro-copy h1{max-width:760px;font-size:clamp(2.4rem,6vw,5rem);line-height:.96}.lead{max-width:720px;color:var(--text-muted);margin:22px 0 0;font-size:1.1rem;line-height:1.75}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.primary-link,.button-primary,.button-secondary{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.primary-link,.button-primary{background:var(--accent);color:#fff}.primary-link:hover,.button-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button-secondary:hover{border-color:var(--accent);color:var(--accent-strong)}.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.privacy-inline{max-width:520px;color:var(--accent-strong);font-size:.94rem;font-weight:700}.status-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:18px;display:grid}.status-panel div{border-bottom:1px solid var(--border);gap:4px;padding-bottom:12px;display:grid}.status-panel div:last-child{border-bottom:0;padding-bottom:0}.status-panel span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.status-panel strong{font-size:1rem}.toolkit-section,.tools-preview-section,.tools-list-section{padding:18px 0 56px}.section-heading{max-width:760px;margin-bottom:18px}.section-heading h1,.section-heading h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.04}.section-heading p:last-child{color:var(--text-muted);margin:12px 0 0;line-height:1.7}.section-heading .toolkit-bridge{background:var(--accent-soft);width:fit-content;max-width:100%;color:var(--accent-strong);align-items:center;margin-top:12px;padding:8px 10px;line-height:1.4;text-decoration:none;display:inline-flex}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tools-list-section .tool-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-card-link{border:1px solid var(--border);background:var(--surface);min-height:168px;color:var(--text);box-shadow:var(--shadow);border-radius:8px;align-content:space-between;gap:16px;padding:18px;text-decoration:none;transition:border-color .16s,color .16s,transform .16s;display:grid}.tool-card-link:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.tool-card-link.is-disabled{color:var(--text);cursor:default;opacity:.78;box-shadow:none}.tool-card-link.is-disabled:hover{border-color:var(--border);color:var(--text);transform:none}.tool-card-link strong{font-size:1.35rem;line-height:1.15}.tool-card-link span:last-child{color:var(--text-muted);font-size:.95rem;font-weight:700;line-height:1.55}.card-status{background:var(--surface-muted);width:fit-content;color:var(--text-muted);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.card-status.is-ready{background:var(--accent-soft);color:var(--accent-strong)}.card-status.is-soon{background:var(--warning-soft);color:var(--warning-text)}.card-status.is-later{background:var(--blue-soft);color:var(--blue-text)}.mini-host-card{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);border-radius:8px;gap:6px;margin-top:16px;padding:14px 16px;text-decoration:none;display:grid}.mini-host-card span{color:var(--accent-strong);text-transform:uppercase;font-size:.78rem;font-weight:900}.mini-host-card strong{font-size:1rem;line-height:1.45}.tool-grid{grid-template-columns:minmax(300px,.88fr) minmax(360px,1.12fr);align-items:start;gap:18px;display:grid}.tool-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.upload-zone{background:var(--surface-muted);text-align:center;border:2px dashed #9eb9ad;border-radius:8px;place-items:center;min-height:268px;padding:24px;transition:border-color .16s,background .16s;display:grid}.upload-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.upload-zone input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.upload-zone-title{margin:0;font-size:1.1rem;font-weight:900;display:block}.upload-zone-copy{max-width:330px;color:var(--text-muted);margin:8px auto 18px;line-height:1.55;display:block}.panel-inner{padding:18px}.preview-frame{border-bottom:1px solid var(--border);background-color:#fff;background-image:linear-gradient(45deg,#edf0ec 25%,#0000 25%),linear-gradient(-45deg,#edf0ec 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf0ec 75%),linear-gradient(-45deg,#0000 75%,#edf0ec 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px 8px 0 0;place-items:center;min-height:268px;display:grid;overflow:hidden}.preview-frame img{object-fit:contain;max-width:100%;max-height:440px;display:block}.empty-preview{color:var(--text-muted);text-align:center;padding:24px}.info-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.info-item,.result-item{background:#f7f9f6;border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.info-item dt,.result-item dt{color:var(--text-muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.info-item dd,.result-item dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:800}.controls-panel{gap:18px;display:grid}.control-group{gap:10px;display:grid}.control-title{margin:0;font-size:.9rem;font-weight:900}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{gap:7px;display:grid}.field label,.toggle-field,.format-label{color:var(--text);font-size:.9rem;font-weight:800}.field input,.field select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px}.field input:focus,.field select:focus{border-color:var(--accent);outline:3px solid #1d7d6329}.toggle-field{align-items:center;gap:10px;display:flex}.toggle-field input{width:18px;height:18px;accent-color:var(--accent)}.format-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.format-option{position:relative}.format-option input{opacity:0;pointer-events:none;position:absolute}.format-label{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:44px;display:flex}.format-option input:checked+.format-label{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.quality-row{grid-template-columns:minmax(0,1fr) 96px;align-items:end;gap:12px;display:grid}.quality-row input[type=range]{width:100%;min-height:44px;accent-color:var(--accent)}.quality-number-field{gap:7px;display:grid}.quality-number-field label{color:var(--text);font-size:.9rem;font-weight:800}.quality-number-field input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:8px;padding:0 10px;font-weight:900}.quality-number-field input:focus{border-color:var(--accent);outline:3px solid #1d7d6329}.privacy-note,.message-note,.error-note{border-radius:8px;margin:0;padding:12px 14px;line-height:1.55}.privacy-note{background:var(--blue-soft);color:var(--blue-text);font-weight:800}.message-note{background:var(--warning-soft);color:var(--warning-text)}.error-note{color:var(--danger);background:#ffe5e5;font-weight:800}.actions-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.result-panel{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:grid}@media (max-width:880px){.intro-section,.studio-section,.host-stage,.host-bottom-grid,.tool-card-grid,.tools-list-section .tool-card-grid,.tool-grid{grid-template-columns:1fr}.intro-section,.studio-section{padding-top:32px}.status-panel{box-shadow:none}.avatar-stage{min-height:180px}}@media (max-width:560px){.site-header,.intro-section,.studio-section,.tools-preview-section,.tools-list-section,.toolkit-section{width:min(100% - 20px,1180px)}.site-header{flex-direction:column;align-items:stretch;gap:10px}.header-actions{justify-content:space-between}.tools-menu{flex:1}.tools-menu-button{width:100%}.tools-dropdown{width:min(100%,100vw - 20px);left:0;right:auto}.page-nav{justify-content:stretch}.page-nav a{flex:1;justify-content:center}.language-switcher{flex-direction:column;align-items:stretch;gap:6px}.language-switcher select{width:100%}.intro-copy h1{font-size:2.35rem}.host-panel,.episode-panel{padding:16px}.host-copy h1{font-size:2.35rem}.hero-actions,.actions-row{flex-direction:column;align-items:stretch}.primary-link,.button-primary,.button-secondary{width:100%}.field-grid,.info-grid,.result-grid,.format-options,.quality-row{grid-template-columns:1fr}}