:root{--bg:#10111a;--panel:#181a26;--panel-soft:#1d1f2d;--line:#2b2d3b;--muted:#85879a;--text:#f4f3f8;--pink:#fa3d9b;--pink2:#ff64ad;--purple:#8e60ff;--green:#74d7b0;--sans:"Manrope","Noto Sans KR",sans-serif;--korean:"Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;background-image:radial-gradient(ellipse at 50% -22%,rgba(111,72,154,.19),transparent 43%)}button,input,textarea{font:inherit}.app-shell{max-width:1440px;margin:auto;padding:0 64px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:19px;font-weight:800;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#fff;background:linear-gradient(145deg,var(--pink),#c93de5);font-size:17px;font-weight:800;box-shadow:0 5px 18px #f23d9a3d}.brand-light{font-weight:500;color:#c3c0cf}.brand-badge{font-family:"DM Mono",monospace;font-size:9px;font-weight:400;letter-spacing:1.2px;color:var(--pink2);margin-left:6px;padding:5px 7px;border:1px solid #fa3d9b45;border-radius:4px}.top-actions{display:flex;align-items:center;gap:28px;font-size:12px}.local-indicator{color:#aaaabb}.local-indicator i,.preview-live i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 9px #74d7b080}.help-link{color:#d9d6e2;text-decoration:none}.help-link span{color:var(--pink);margin-left:4px}.intro{text-align:center;padding:65px 0 42px}.eyebrow,.guide-index{font-family:"DM Mono",monospace;color:#bb8aff;font-size:10px;letter-spacing:1.4px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px}.eyebrow-line{width:27px;height:1px;background:#6a438e}.intro h1{font-family:var(--korean);font-size:42px;letter-spacing:-2.5px;line-height:1.38;margin:17px 0 14px;font-weight:800}.intro h1 span{color:var(--pink2)}.intro-copy{color:#a7a5b5;font-size:13px;line-height:1.9;margin:0}.intro-copy code{font:11px "DM Mono",monospace;color:#ffa1cf;background:#fa3d9b16;padding:3px 5px;border-radius:4px}.workspace{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:stretch}.panel{background:var(--panel);border:1px solid #ffffff0c;border-radius:12px;box-shadow:0 12px 40px #00000014}.editor-panel{padding:25px 27px 21px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.panel-heading>div,.guide-title{display:flex;align-items:center;gap:11px}.step-number{font:10px "DM Mono",monospace;letter-spacing:.5px;color:var(--pink);background:#fa3d9b16;border:1px solid #fa3d9b35;border-radius:4px;padding:5px 7px}.panel-heading h2,.guide-title h2{font-family:var(--korean);font-size:16px;letter-spacing:-.5px;margin:0;font-weight:700}.required{font-size:10px;color:#9d9aac}.field-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#e7e5ee;margin-bottom:9px}.field-label>span,.summary-heading>span{font:9px "DM Mono",monospace;letter-spacing:.7px;color:#737488;font-weight:400}.input-wrap{height:46px;background:#11121b;border:1px solid #353747;border-radius:6px;display:flex;align-items:center;transition:border-color .2s}.input-wrap:focus-within,.textarea-wrap:focus-within{border-color:#cb4a98}.input-icon{font-size:17px;color:var(--pink);padding:0 12px 0 14px}input{background:transparent;border:0;outline:0;color:#fff;min-width:0;flex:1;font-size:13px}input::placeholder,textarea::placeholder{color:#666879}.char-count{font:9px "DM Mono",monospace;color:#67697b;padding:0 12px}.lyrics-label-row{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.text-button{background:none;border:0;color:#8b8da0;font-size:11px;cursor:pointer;padding:0}.text-button span{color:var(--pink);font-size:15px;margin-left:3px}.textarea-wrap{background:#11121b;border:1px solid #353747;border-radius:6px;overflow:hidden;transition:border-color .2s}textarea{display:block;width:100%;height:259px;resize:vertical;border:0;outline:0;background:transparent;color:#efedf5;padding:14px 15px;font-family:var(--korean);font-size:12px;line-height:1.95}textarea::placeholder{font-family:var(--korean);line-height:2}.textarea-footer{height:32px;border-top:1px solid #2a2c39;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:#77798a}.keyboard-hint{font-size:9px}.keyboard-hint kbd{font:9px "DM Mono",monospace;color:#c6c3d1;border:1px solid #414353;background:#252735;padding:2px 5px;border-radius:3px}.hint-dot{color:#4d4e5e;padding:0 4px}.tip-box{display:flex;gap:9px;background:#252033;border:1px solid #59436b50;padding:10px 12px;border-radius:5px;margin-top:13px;color:#aaa4bb;font-size:10px;line-height:1.7}.tip-icon{color:#cf95ff;font-size:14px}.tip-box strong{color:#d9c4ed;font-weight:600}.generate-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px}.privacy-note{font-size:9px;color:#858698;white-space:nowrap}.lock-icon{color:#76d5b0;margin-right:4px}.download-button{height:42px;min-width:189px;display:flex;align-items:center;justify-content:space-between;gap:17px;border:0;border-radius:5px;padding:0 13px;background:linear-gradient(100deg,#e93591,#bc46dd);box-shadow:0 5px 16px #e935912b;color:white;font-size:11px;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s}.download-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #e9359140}.download-button:disabled{opacity:.35;cursor:not-allowed;filter:saturate(.55);box-shadow:none}.download-icon{font-size:17px;font-weight:400}.status-message{height:15px;text-align:right;color:#ff86b9;font-size:10px;margin-top:4px}.preview-panel{padding:25px 25px 20px;display:flex;flex-direction:column}.preview-heading{margin-bottom:20px}.preview-live{font:9px "DM Mono",monospace;letter-spacing:.8px;color:#9de5c5}.preview-stage{background:#11121b;border:1px solid #2e3040;border-radius:7px;padding:10px 11px 11px}.stage-top{height:16px;display:flex;align-items:center;gap:4px;margin-bottom:8px}.stage-dot{width:5px;height:5px;border-radius:50%;background:#444655}.stage-dot:first-child{background:#db5c81}.stage-dot:nth-child(2){background:#d5a64b}.stage-dot:nth-child(3){background:#66b88f}.stage-label{font:8px "DM Mono",monospace;color:#686a7d;letter-spacing:.8px;margin-left:8px}.stage-expand{margin-left:auto;color:#76788a;font-size:13px}.slide-frame{position:relative;width:100%;aspect-ratio:16/9;background:#fff;display:grid;place-items:center;overflow:hidden}.slide-content{width:100%;padding:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#050505;font-family:var(--korean);font-size:clamp(14px,1.55vw,22px);line-height:1.43;font-weight:800;white-space:pre-line;overflow-wrap:anywhere}.slide-content.placeholder{color:#8c8c8c;font-size:11px;line-height:1.6;font-weight:400}.placeholder-spark{font-size:19px;color:#d14eae;margin-bottom:8px}.placeholder-title{font-family:var(--korean);font-size:13px;color:#54545b;font-weight:600}.placeholder-sub{font-size:9px;color:#aaa;margin-top:6px}.frame-corner{position:absolute;width:8px;height:8px;border-color:#e951a7;border-style:solid}.corner-tl{top:7px;left:7px;border-width:1px 0 0 1px}.corner-br{right:7px;bottom:7px;border-width:0 1px 1px 0}.stage-controls{height:29px;display:flex;justify-content:center;align-items:end;gap:13px;color:#898b9d;font:9px "DM Mono",monospace}.stage-controls button{height:24px;width:25px;border:1px solid #333545;color:#d8d6e0;background:#1d1f2c;border-radius:4px;cursor:pointer}.stage-controls button:disabled{opacity:.35;cursor:not-allowed}.style-summary{border-top:1px solid #ffffff10;margin-top:19px;padding-top:14px}.summary-heading{display:flex;align-items:center;justify-content:space-between;color:#c7c4d0;font-size:10px;font-weight:600}.style-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.style-chips>span{display:inline-flex;align-items:center;gap:5px;border:1px solid #363746;border-radius:4px;padding:5px 7px;color:#b6b3c0;font-size:9px}.swatch{height:8px;width:8px;border-radius:50%;border:1px solid #6b6d7c}.swatch.white{background:white}.swatch.ink{background:#080808}.align-icon{font:12px sans-serif;color:#c17bdd}.size-icon{font:10px Georgia;color:#c17bdd}.lines-icon{font-size:12px;color:#c17bdd}.slide-count-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff10;margin-top:auto;padding-top:16px;color:#a4a1b0;font-size:10px}.slide-count-row strong{font:17px "DM Mono",monospace;color:#fff}.slide-count-row small{font-size:8px;color:#898a9a;letter-spacing:.6px}.guide{padding:45px 0 50px}.guide-title{margin-bottom:17px}.guide-title h2{font-size:14px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-cards article{position:relative;min-height:110px;padding:16px 16px 14px 50px;border:1px solid #ffffff0c;background:#171822;border-radius:7px}.guide-icon{position:absolute;left:15px;top:17px;color:#e550a1;font-size:17px}.guide-index{font-size:8px;letter-spacing:1px;color:#9b7ac1}.guide-cards h3{font-family:var(--korean);font-size:11px;margin:7px 0 4px;font-weight:700}.guide-cards p{font-family:var(--korean);font-size:9px;color:#88899a;line-height:1.65;margin:0}footer{height:68px;display:flex;align-items:center;border-top:1px solid #ffffff0c;gap:14px;color:#737587;font-size:9px}.footer-brand{font-size:14px}.footer-brand .brand-mark{width:23px;height:23px;border-radius:6px;font-size:13px}.footer-right{margin-left:auto;font:8px "DM Mono",monospace;letter-spacing:1px;color:#79798b}.footer-right span{color:var(--pink);font-size:12px;margin-left:5px}
@media(max-width:900px){.app-shell{padding:0 28px}.workspace{grid-template-columns:1fr}.preview-panel{min-height:450px}.slide-content{font-size:clamp(19px,4vw,30px)}.slide-count-row{margin-top:20px}.intro{padding-top:50px}}@media(max-width:580px){.app-shell{padding:0 15px}.topbar{height:65px}.brand{font-size:16px}.brand-badge,.local-indicator{display:none}.top-actions{gap:0}.intro{padding:42px 5px 30px}.intro h1{font-size:31px;letter-spacing:-1.7px}.intro-copy{font-size:11px}.editor-panel,.preview-panel{padding:19px 16px}.textarea-wrap textarea{height:240px}.generate-row{align-items:stretch;flex-direction:column}.privacy-note{order:2}.download-button{width:100%}.guide{padding:35px 0}.guide-cards{grid-template-columns:1fr}.guide-cards article{min-height:94px}footer{gap:9px}.footer-right{font-size:7px}.preview-panel{min-height:0}}
.mode-tabs{grid-column:1/-1;display:flex;gap:7px;padding:5px;background:#171822;border:1px solid #ffffff0c;border-radius:8px;width:max-content;margin-bottom:-7px}.mode-tab{display:flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#aaa8b7;padding:10px 15px;border-radius:5px;font-family:var(--korean);font-size:12px;font-weight:700;cursor:pointer;transition:.18s}.mode-tab:hover{color:#fff;background:#252633}.mode-tab.active{color:#fff;border-color:#fa3d9b56;background:linear-gradient(110deg,#fa3d9b25,#a24de21b);box-shadow:inset 0 0 16px #ef3d9412}.tab-icon{color:#fa68ad;font-size:16px}.mode-fields[hidden]{display:none}.reference-wrap{margin-bottom:2px}.reference-wrap .input-icon{font-size:15px}
@media(max-width:580px){.mode-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;margin-bottom:-7px}.mode-tab{justify-content:center;padding:10px 7px}}