@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8eee8;background:#0b1510;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#0b1510}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden;background:#0b1510}.site-nav,main,footer{max-width:1400px;margin:0 auto}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 46px;border-bottom:1px solid rgba(220,235,223,.12)}.logo{display:inline-flex;align-items:center;font-size:16px;font-weight:700;letter-spacing:.06em}.nav-status{color:#ff9a9a;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em}.version{margin-left:10px;color:#839286}.status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;background:#ff7c7c}main{padding:0 46px 65px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);align-items:center;min-height:440px;padding:74px 2% 62px;border-bottom:1px solid rgba(220,235,223,.12)}.hero h1{margin:0 0 34px;color:#f2f4ec;font-family:Playfair Display,Georgia,serif;font-size:clamp(75px,12vw,164px);font-weight:500;letter-spacing:-.08em;line-height:.83}.hero-subtitle{max-width:720px;margin:0;color:#aab8ab;font-size:15px;line-height:1.6}.hero-subtitle b{color:#ff9a9a;font-family:DM Mono,monospace;font-weight:500}.hero-tagline{margin:18px 0 0;color:#ff9a9a;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em}.hero-symbol{position:relative;justify-self:end;width:min(300px,80%);height:150px;opacity:.75;transform:rotate(-5deg)}.staff-line{position:absolute;right:0;left:0;height:1px;background:#dcebdf47}.line-1{top:30px}.line-2{top:52px}.line-3{top:74px}.line-4{top:96px}.line-5{top:118px}.music-note{position:absolute;top:3px;left:28%;color:#ff7c7c;font-family:Georgia,serif;font-size:70px;line-height:1}.note-low{top:80px;left:72%;color:#a5b6a7;font-size:34px}.workspace{display:grid;grid-template-columns:minmax(370px,.85fr) minmax(500px,1.15fr);gap:20px;align-items:start;padding-top:45px}.panel{min-width:0;border:1px solid rgba(220,235,223,.12);background:#101c15;box-shadow:3px 3px #0000002e}.input-panel{padding-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;min-height:86px;padding:23px 25px 18px;border-bottom:1px solid rgba(220,235,223,.12)}.panel-head h2{margin:4px 0 3px;color:#eef2eb;font-family:Playfair Display,Georgia,serif;font-size:25px;font-weight:500}.panel-head p{margin:0;color:#87998a;font-size:11px}.panel-kicker{color:#ff8d8d;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em}.text-button{border:0;background:transparent;color:#ff9a9a;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;white-space:nowrap}.text-button:hover{color:#fff0ed}.input-panel>label,.input-panel>.label-row{display:flex;justify-content:space-between;margin:25px 25px 9px;color:#b8c5ba;font-size:10px;font-weight:600;letter-spacing:.12em}.input-panel label span,.label-row span{color:#738478;font-weight:400;letter-spacing:0}.input-panel input,.input-panel textarea{display:block;width:calc(100% - 50px);margin:0 25px;border:1px solid rgba(220,235,223,.14);outline:0;background:#0d1711;color:#edf2ec;transition:border-color .2s,background .2s,box-shadow .2s}.input-panel input{height:45px;padding:0 13px;font-size:13px}.input-panel textarea{min-height:252px;resize:vertical;padding:14px 13px;color:#e8eee8;font-size:12px;line-height:1.7}.input-panel input:focus,.input-panel textarea:focus,select:focus{border-color:#ff7c7c;background:#101c15;box-shadow:2px 2px #ff7c7c3d}.input-panel input::placeholder,textarea::placeholder{color:#607164}.input-foot{display:flex;justify-content:space-between;padding:10px 25px 0;color:#718174;font-family:DM Mono,monospace;font-size:10px}.danger{color:#c18787}.settings{margin:24px 25px 0;border-top:1px solid rgba(220,235,223,.12)}.settings summary{display:flex;justify-content:space-between;padding:18px 0 13px;cursor:pointer;color:#e2e9e2;font-family:Playfair Display,Georgia,serif;font-size:17px;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings summary span:last-child{color:#738478;font-family:DM Mono,monospace;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;padding-bottom:5px}.field label{display:block;margin-bottom:7px;color:#849487;font-size:9px;font-weight:600;letter-spacing:.1em}.field select{width:100%;height:35px;padding:0 9px;border:1px solid rgba(220,235,223,.14);outline:0;background:#0d1711;color:#d9e3da;font-size:10px}.segmented{display:grid;grid-template-columns:1fr 1fr}.segmented button{height:35px;border:1px solid rgba(220,235,223,.14);background:#0d1711;color:#899a8d;font-size:10px;text-transform:uppercase}.segmented button+button{border-left:0}.segmented button.selected{border-color:#ff7c7c;background:#2b1a1a;color:#ffb0b0;box-shadow:2px 2px #ff7c7c2e}.toggle-stack{grid-column:1 / -1;display:flex;gap:18px;padding-top:4px}.toggle{display:flex;align-items:center;gap:8px;color:#a1b0a4;font-family:DM Mono,monospace;font-size:9px;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle i{position:relative;width:26px;height:15px;border:1px solid #617365;background:#0d1711}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:7px;height:7px;background:#748678;transition:transform .2s,background .2s}.toggle input:checked+i{border-color:#ff7c7c}.toggle input:checked+i:after{transform:translate(11px);background:#ff7c7c}.export-block{padding:22px 25px 0}.export-button{width:100%;padding:14px 16px;border:1px solid #ff7c7c;background:#ff7c7c;color:#0b1510;text-align:center;font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.04em;box-shadow:3px 3px #00000040;transition:background .2s,transform .15s,box-shadow .15s}.export-button:hover:not(:disabled),.export-button:focus-visible{background:#ff9696}.export-button:active{transform:translate(2px,2px);box-shadow:1px 1px #00000040}.export-button:disabled{opacity:.65;cursor:wait}.export-block p{margin:10px 0 0;color:#738478;font-family:DM Mono,monospace;font-size:9px}.preview-panel{min-height:655px}.output-count{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(220,235,223,.14);color:#bdc9bf;font-family:DM Mono,monospace;font-size:10px;white-space:nowrap}.output-count i{width:7px;height:7px;margin-right:7px;background:#77d99b}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;max-height:680px;overflow:auto;padding:22px 25px}.slide-card{min-width:0}.slide-meta{display:flex;justify-content:space-between;min-height:20px;padding-bottom:8px;color:#829286;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em}.slide-meta span:last-child{color:#607164}.slide-canvas{position:relative;display:flex;width:100%;aspect-ratio:16 / 9;align-items:center;justify-content:center;overflow:hidden;padding:10%;border:1px solid rgba(220,235,223,.2);line-height:1.42}.slide-card:hover .slide-canvas{border-color:#ff7c7c;box-shadow:2px 2px #ff7c7c33}.slide-canvas>div{width:100%;max-height:100%;overflow:hidden;overflow-wrap:anywhere}.empty-preview{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;color:#829286}.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:17px;border:1px solid #ff7c7c;color:#ff9a9a;font-family:DM Mono,monospace;font-size:26px}.empty-preview h2{margin:0 0 10px;color:#eff3ed;font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:500}.empty-preview p{margin:0 0 20px;color:#8a9b8d;font-size:11px;line-height:1.7}.empty-preview span{color:#ff9a9a;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em}.status-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 25px 22px;padding-top:16px;border-top:1px solid rgba(220,235,223,.12)}.status-panel div{display:flex;flex-direction:column;gap:6px}.status-panel span{color:#718174;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.1em}.status-panel b{color:#c2cec3;font-family:DM Mono,monospace;font-size:9px;font-weight:500}.status-panel b.green{color:#77d99b!important}footer{display:flex;justify-content:space-between;gap:18px;padding:22px 46px 30px;border-top:1px solid rgba(220,235,223,.12);color:#718174;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em}footer span:first-child{color:#ff9a9a;font-weight:700;letter-spacing:.1em}@media (max-width: 960px){.workspace{grid-template-columns:1fr}.preview-panel{min-height:0}.preview-grid{max-height:none}}@media (max-width: 650px){.site-nav{padding:22px 20px}main{padding:0 20px 45px}.hero{display:block;min-height:0;padding:55px 0 45px}.hero h1{margin-bottom:30px;font-size:clamp(74px,22vw,120px)}.hero-symbol{width:250px;margin:45px auto 0}.workspace{padding-top:30px}.panel-head{padding:20px}.input-panel>label,.input-panel>.label-row{margin-left:20px;margin-right:20px}.input-panel input,.input-panel textarea{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.input-foot,.export-block{padding-left:20px;padding-right:20px}.settings{margin-left:20px;margin-right:20px}.settings-grid{grid-template-columns:1fr}.toggle-stack{grid-column:auto;flex-direction:column;gap:11px}.preview-grid{grid-template-columns:1fr;padding:20px}.status-panel{grid-template-columns:1fr;margin-left:20px;margin-right:20px}.status-panel div{flex-direction:row;justify-content:space-between}footer{flex-direction:column;padding:20px;line-height:1.6}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-shell,.site-nav,main,footer,.workspace,.panel{min-width:0;width:100%}.site-nav,main,footer{max-width:1400px}.hero h1{margin-bottom:58px}.hero-subtitle{max-width:840px;color:#c4d0c5;font-size:19px;line-height:1.55}.hero-tagline{margin-top:24px;font-size:13px}.panel-head p{color:#c0cdc1;font-size:13px;line-height:1.5}.input-foot{color:#9eafa1;font-size:11px}.export-block p{color:#9eafa1;font-size:10px}.settings summary span:last-child{color:#9eafa1}.label-row span,.input-panel label span{color:#91a395}@media (max-width: 1080px){.workspace{grid-template-columns:1fr}}@media (max-width: 650px){.hero h1{margin-bottom:38px}.hero-subtitle{font-size:16px}.panel-head p{font-size:12px}}