@charset "UTF-8";
:root{--ink:#233025;--muted:#768074;--paper:#f7f8f3;--line:#e1e6db;--accent:#d5e7a3;--dark:#242e24;--soft:#eef1e8;--radius:14px;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);font-size:14px;background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h2{font-size:25px;letter-spacing:-1px;margin-bottom:10px}h3{font-size:17px;letter-spacing:-.5px}button{color:inherit}em{font-style:normal}input,select,textarea{width:100%;border:1px solid #dce1d5;border-radius:8px;padding:11px 12px;color:var(--ink);background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #9eaf7e;border-color:transparent}textarea{resize:vertical;line-height:1.7}input[type=checkbox]{width:17px;height:17px;accent-color:#556839;flex:none}select{min-width:0}label{display:block;font-size:12px;font-weight:600;line-height:1.8}label>input,label>select,label>textarea{margin-top:6px}fieldset{border:0;padding:0;margin:18px 0}legend{font-size:12px;font-weight:600;margin-bottom:8px;padding:0}small{color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:15px;background:white;z-index:20;padding:14px}.skip:focus{top:12px}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:var(--dark);color:#e8eddf;display:flex;flex-direction:column;padding:33px 21px;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:33px;letter-spacing:-1.5px}.brand-sub{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.6px;font-weight:400;color:#b8c3aa;margin-top:6px}.brand-icon{border:1px solid #78816d;width:47px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:38px;position:relative}.brand-icon>span{font:17px Arial;position:absolute;right:2px;top:4px;color:var(--accent)}.nav-label{font-size:10px;color:#9eaa91;letter-spacing:1.4px;margin:46px 12px 14px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 12px;border:0;background:transparent;color:#bac4b2;width:100%;text-align:left;border-radius:8px;font-size:12px;margin-bottom:5px}.nav-item>span:first-child{font-size:18px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#384432;color:#edf7d8}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.library-link{margin-top:23px;border-top:1px solid #424a3c;border-radius:0;padding-top:24px}.arrow{margin-left:auto;font-size:11px}.sidebar-bottom{margin-top:auto;padding:40px 12px 0;color:#aab5a0;font-size:11px}.sidebar-bottom p{line-height:1.9}.studio-symbol{font-size:43px;color:#c4d6a1;display:block;margin-bottom:14px}.local-label{font-size:9px;display:flex;gap:7px;align-items:center;margin-top:24px}.local-label i,.eyebrow>span{height:5px;width:5px;background:#afc888;border-radius:50%;display:inline-block}.workspace{margin-left:228px;min-height:100vh}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;font-size:11px;background:rgba(255,255,255,.4)}.slash{color:#b4bdae;margin:0 15px}.top-actions{display:flex;gap:16px;align-items:center}.private-label{font-size:10px;color:#78836f;border:1px solid #dce2d5;border-radius:20px;padding:7px 12px}.muted{color:var(--muted)}main{max-width:1500px;margin:0 auto;padding:36px 46px 0}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0 38px;min-height:280px}.eyebrow{font-size:9px;letter-spacing:2px;color:#768566;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:16px}.hero h1{font-size:43px;line-height:1.25;letter-spacing:-2.4px;font-weight:700;margin:0 0 19px}.hero h1 em{color:#748064}.hero-copy{font-size:12px;color:#7a8375;line-height:1.8;margin-bottom:0}.hero-art{width:290px;height:207px;position:relative;background:#e9eedf;border-radius:14px;overflow:hidden;margin-right:8px;transform:rotate(-3deg)}.record{width:190px;height:190px;background:repeating-radial-gradient(circle,#303b30 0px,#303b30 3px,#414b3d 4px,#303b30 5px);position:absolute;left:38px;top:-27px;border-radius:50%;box-shadow:10px 16px 16px #182b1726}.record i{position:absolute;left:63px;top:63px;width:64px;height:64px;border-radius:50%;background:#c5d69b;border:21px solid #b3c585}.record i:after{content:"";display:block;background:#344633;width:9px;height:9px;border-radius:50%;position:absolute;top:7px;left:7px}.music-note{position:absolute;right:21px;top:11px;font-size:52px;transform:rotate(13deg);color:#91a071}.waveform{position:absolute;left:16px;bottom:32px;display:flex;gap:6px;align-items:center;height:48px;background:#f9fbf0;border:1px solid #dce4cd;padding:10px 19px;border-radius:10px;box-shadow:0 5px 14px #6a794812;transform:rotate(5deg)}.waveform i{width:4px;height:20px;border-radius:3px;background:#798b5b}.waveform i:nth-child(3n){height:32px}.waveform i:nth-child(4n){height:10px}.waveform i:nth-child(5n){height:27px}.art-caption{position:absolute;bottom:10px;right:20px;font-size:7px;letter-spacing:2px;color:#778769}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:1px solid #dce2d3;border-radius:8px;background:white;padding:10px 16px;font-size:11px;line-height:1.4;font-weight:600}.button:hover{background:#f0f4e8;border-color:#b8c5a2}.button.primary{background:#34442c;color:#f4f8e9;border-color:#34442c}.button.primary:hover{background:#475a39}.button.quiet{border-color:transparent;background:transparent;color:#78876a;padding:7px 9px}.button.danger{color:#9a473e}.panel{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:20px}.panel p{font-size:12px;color:var(--muted)}.panel-actions{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.panel-actions>.hint{margin-right:auto}.label{margin-bottom:9px}.hint{font-size:14px;font-weight:400;line-height:1.7;color:#89917f}.inline{display:flex;align-items:center;gap:10px}.inline>input{min-width:0}.login-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center}.login-panel h2{font-size:21px}.login-panel p{margin-bottom:0}.login-panel label{margin-bottom:6px}.login-panel .hint{margin-top:12px}code{font-size:10px}.project-bar{display:flex;align-items:center;gap:12px;border-block:1px solid var(--line);padding:17px 0;margin-bottom:34px}.project-bar>label{font-size:10px;white-space:nowrap;color:#8a9481}.project-bar>select{max-width:300px;background:transparent;font-size:12px}.project-bar>.muted{font-size:10px;margin-left:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 23px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:10px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.step-card{border:1px solid var(--line);background:#fff;padding:23px 19px;text-align:left;border-radius:12px;transition:transform .2s,border-color .2s;min-height:253px}.step-card:hover{transform:translateY(-4px);border-color:#aaba8e}.step-no{display:block;font-size:8px;letter-spacing:1.3px;color:#8c997e}.step-symbol{display:block;font-size:27px;margin:19px 0 15px;color:#778a55}.step-card h3{font-size:15px;margin-bottom:11px}.step-card p{font-size:11px;color:#87907e;margin-bottom:20px}.step-link{font-size:10px;color:#6e8250;font-weight:600}.project-overview{display:flex;align-items:center;justify-content:space-between;background:#edf2e3}.project-overview h3{margin-bottom:5px}.project-overview p{margin-bottom:0}.archive-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 2px;border-bottom:1px solid var(--line)}.archive-callout .eyebrow{font-size:8px;margin-bottom:12px}.archive-callout h3{margin-bottom:9px}.archive-callout p{font-size:11px;color:#8b927e;margin-bottom:0}.job-banner{padding:16px 20px;background:#e9f1da;border:1px solid #cad9b3;border-radius:10px;display:flex;align-items:center;gap:14px;margin-bottom:24px;font-size:12px}.job-banner .button{margin-left:auto}.job-banner.failed{background:#f9eae4;border-color:#ead0c4}.spinner{width:16px;height:16px;border:2px solid #b2c68c;border-top-color:#425c29;border-radius:50%;animation:spin 1s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.song-card{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:22px}.song-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.song-number{font-size:20px;color:#bec7ae;font-family:Georgia,serif;min-width:28px}.song-title{flex:1;min-width:0}.song-title h3{margin-bottom:5px}.song-title p{font-size:11px;color:var(--muted);margin:0}.badge{display:inline-block;border-radius:5px;font-size:9px;font-weight:600;background:#edf2e4;padding:4px 8px;white-space:nowrap}.badge.warning{background:#faf0d6;color:#967438}.badge.good{background:#e9f1df;color:#4f7134}.song-edit-fields{display:grid;grid-template-columns:2fr 1.5fr .7fr 1.5fr auto;gap:8px;align-items:end;margin-bottom:18px}.song-edit-fields input{font-size:11px;padding:8px}.material-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:15px}.material-columns h4{font-size:11px;color:#7c8a6c;margin:0 0 10px}.candidate{padding:12px 0;border-top:1px solid #ecf0e5;display:flex;gap:10px;align-items:flex-start}.candidate>div{flex:1;min-width:0}.candidate a{font-size:12px;line-height:1.7;display:block}.candidate a:hover{text-decoration:underline}.candidate small{font-size:9px;display:block;line-height:1.8;margin-top:3px}.candidate .button{font-size:9px;padding:7px 9px}.candidate .badge{margin-top:5px}.material-note{font-size:10px;color:#9b8b65;line-height:1.7}.playlist-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#eaf0df;border:1px solid #d8e2c6;border-radius:11px;margin-bottom:20px}.playlist-bar strong{font-size:13px}.playlist-bar p{font-size:10px;color:#879470;margin:7px 0 0}.playlist-bar .button{margin-left:6px}.empty{text-align:center;padding:50px 20px;border:1px dashed #d1dac5;border-radius:12px;color:#89967a;font-size:12px}.drop-zone{border:1px dashed #bccda5;border-radius:16px;padding:40px 25px;background:#f0f4e9;text-align:center;margin-bottom:25px}.drop-zone.dragging{background:#dceac6;border-color:#668c3d}.upload-symbol{width:54px;height:54px;background:white;border-radius:15px;display:block;margin:0 auto 20px;font-size:33px;font-weight:300;color:#82976b}.drop-zone h3{font-size:16px}.drop-zone p{font-size:11px;color:#879779;margin-bottom:20px}.drop-zone .hint{display:block;margin-top:15px}.file-button{cursor:pointer}.upload-progress .inline{justify-content:space-between;font-size:11px}.upload-progress progress{width:100%;height:8px;margin-top:20px;accent-color:#849e60}.upload-progress p{margin:10px 0 0}.upload-row{display:flex;align-items:center;gap:15px;padding:16px 20px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:8px}.file-kind{font-size:10px;background:#edf1e5;padding:8px;border-radius:8px;color:#778b5c}.upload-row>div{flex:1;min-width:0}.upload-row strong{font-size:12px;word-break:break-all}.upload-row p{font-size:10px;margin:4px 0 0;color:var(--muted)}.editor-select{display:flex;gap:14px;align-items:center;margin-bottom:20px}.editor-select label{white-space:nowrap;color:#8b967f;font-size:11px}.editor-select select{max-width:440px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-grid>.panel{min-width:0}.editor-grid h3{padding-bottom:14px;border-bottom:1px solid #edf0e7;margin-bottom:18px}.field-row{display:flex;gap:14px;margin-top:17px}.field-row>label{flex:1;min-width:0}.check{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400}.check>input{margin:0}.check-options{display:flex;flex-direction:column;gap:9px}.check-options>div{display:flex;align-items:center;gap:5px}.check-options label{font-weight:400;display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:11px;overflow-wrap:anywhere}.check-options input{margin:0}.check-options .button{padding:3px 8px}.check-options small{font-size:10px}.format-options{display:flex;gap:12px}.format-options>label{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;position:relative;flex:1;border:1px solid var(--line);border-radius:10px;padding:17px 14px;gap:3px 12px;cursor:pointer}.format-options input{position:absolute;right:8px;top:3px;width:13px;height:13px}.format-options label:has(input:checked){border-color:#a5bc83;background:#f4f8ed}.ratio{grid-row:1/3;border:2px solid #94a37f;border-radius:4px}.ratio.landscape{width:34px;height:21px}.ratio.portrait{width:21px;height:34px;margin:0 6px}.format-options strong{font-size:12px}.format-options small{font-size:8px;font-weight:400;white-space:nowrap}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title h3{margin:0}.lyrics-panel .panel-actions{margin-bottom:17px}.lyrics-panel .panel-actions select{max-width:230px}.lyrics-panel>label{margin-top:12px}.lyrics-panel .hint{margin-top:12px}.editor-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);padding-top:20px}.editor-actions>.hint{margin-right:auto}audio{display:block;width:100%;margin:15px 0;height:35px}.sync-row{padding:12px;background:#f6f8f1;border-radius:8px;margin-bottom:10px}.sync-row strong{font-size:11px}.sync-row label{font-size:10px;margin-top:7px}.sync-row input{padding:7px}.sync-row small{display:block;font-size:10px;margin-top:5px}.cues{width:100%;border-collapse:collapse;margin-top:20px}.cues th{font-size:10px;text-align:left;color:#89967c;padding:10px 6px;border-bottom:1px solid var(--line)}.cues td{padding:5px}.cues td:first-child,.cues td:nth-child(2){width:85px}.cues input{padding:7px;font-size:11px}.cues td:last-child{width:30px}.cue-scroll{max-height:390px;overflow:auto}.version{border:1px solid var(--line);border-radius:14px;background:white;padding:25px;margin-bottom:25px}.version-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.version-header h3{margin:0}.version-header small{font-size:10px;margin-left:auto}.outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.output{min-width:0}.output video{width:100%;max-height:420px;background:#202720;border-radius:10px;display:block}.output h4{margin:13px 0 6px;font-size:13px}.output p{font-size:10px;color:#8b9780;margin:0 0 10px}.output .button{padding:8px 12px;font-size:10px}.feedback{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.feedback label{margin-bottom:8px}.feedback textarea{font-size:12px}.feedback .panel-actions{justify-content:space-between}.feedback .hint{max-width:65%}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);background:#293524;color:#f8ffed;padding:15px 25px;border-radius:10px;box-shadow:0 8px 40px #1c30182e;font-size:12px;line-height:1.7;max-width:650px;width:max-content;z-index:50;white-space:pre-line}.toast.error{background:#813e30}dialog{border:1px solid #dce4cf;border-radius:17px;padding:30px;width:min(480px,calc(100% - 30px));color:var(--ink)}dialog::backdrop{background:#17221275;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:22px}dialog .panel-actions{justify-content:flex-end}footer{display:flex;justify-content:space-between;align-items:center;color:#939e86;font-size:10px;padding:35px 0 25px;margin-top:40px}footer>span{font-family:Georgia,"Malgun Gothic",serif}footer i{color:#b3c18d;padding:0 7px}footer a{font-size:9px}
@media(min-width:1600px){main{padding-inline:65px}.hero{min-height:320px}.hero h1{font-size:50px}.hero-art{margin-right:45px;transform:rotate(-3deg) scale(1.1)}.step-card{padding:28px 24px}}
@media(max-width:1150px){.sidebar{width:202px;padding-inline:15px}.workspace{margin-left:202px}main{padding:30px 27px 0}.topbar{padding-inline:27px}.nav-item{font-size:11px}.brand{font-size:29px}.brand-sub{font-size:6px}.brand-icon{width:40px}.hero h1{font-size:38px}.hero-art{width:245px}.steps{gap:10px}.step-card{padding:20px 14px}.step-card h3{font-size:13px}.step-card p{font-size:10px}.editor-grid{grid-template-columns:1fr}.editor-grid .panel{margin-bottom:0}.editor-grid{margin-bottom:20px}.material-columns{gap:18px}.song-edit-fields{grid-template-columns:2fr 1.3fr .7fr}.song-edit-fields>label:nth-child(4){grid-column:1/3}.field-row{gap:10px}}
@media(max-width:800px){.sidebar{position:relative;width:100%;padding:17px 20px 0}.brand{font-size:25px;gap:9px}.brand-icon{height:36px;width:36px;font-size:29px;border-radius:10px}.brand-sub{font-size:6px;margin-top:2px}.brand-icon>span{font-size:12px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto;margin-top:18px;scrollbar-width:none}.nav-item{width:auto;white-space:nowrap;padding:11px 12px;font-size:10px;border-radius:7px 7px 0 0;margin:0;flex:none;gap:7px}.nav-item>span:first-child{font-size:14px;width:15px}.nav-item.active{box-shadow:inset 0 -2px var(--accent)}.library-link{padding-top:11px;border-top:0}.workspace{margin-left:0}.topbar{height:54px;padding:0 22px;font-size:10px}.private-label{font-size:9px;padding:5px 8px}.top-actions{gap:5px}main{padding:24px 22px 0}.hero{padding:6px 0 27px;min-height:220px;gap:15px}.hero h1{font-size:34px;letter-spacing:-1.8px}.hero-copy{font-size:11px}.hero-art{width:205px;height:167px;flex-shrink:0;margin-right:0}.record{width:155px;height:155px;left:31px;top:-25px}.record i{left:50px;top:50px;width:54px;height:54px;border-width:17px}.record i:after{left:5px;top:5px}.waveform{left:8px;bottom:29px;gap:4px;padding:8px 12px;height:40px}.waveform i{width:3px}.art-caption{font-size:6px}.music-note{font-size:36px;right:11px}.eyebrow{font-size:8px;letter-spacing:1.3px}.project-bar{flex-wrap:wrap;margin-bottom:25px;gap:8px;padding:14px 0}.project-bar>label{display:none}.project-bar>select{flex:1;max-width:none;width:45%;padding:9px}.project-bar>.muted{font-size:9px;width:100%;margin-left:0}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.step-card{padding:22px;min-height:215px}.step-card h3{font-size:15px}.step-card p{font-size:11px}.step-symbol{margin:12px 0 10px}.step-card p{margin-bottom:13px}.section-heading{gap:12px;align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:23px}.section-heading>.hint{display:none}.panel{padding:20px}.login-panel{grid-template-columns:1fr;gap:23px}.material-columns{grid-template-columns:1fr}.outputs{grid-template-columns:1fr}.output video{max-height:500px}.toast{left:50%;max-width:calc(100% - 30px);bottom:18px}.playlist-bar{align-items:flex-start;flex-direction:column;gap:15px}.playlist-bar .button{margin-left:0;margin-right:6px}.editor-actions{flex-wrap:wrap;justify-content:stretch}.editor-actions>.hint{width:100%}.editor-actions>.button{flex:1}.feedback .hint{max-width:100%}.archive-callout{padding:22px 0;align-items:flex-start;flex-direction:column;gap:15px}.project-overview{align-items:flex-start;gap:20px}.project-overview .button{padding:9px;font-size:10px}.version{padding:18px}.version-header{flex-wrap:wrap}.version-header small{font-size:9px}.song-card{padding:18px}.song-head{gap:8px}.song-head>.button{font-size:10px;padding:8px}.song-title h3{font-size:15px}.upload-row{padding:13px;gap:10px}.drop-zone{padding:30px 15px}.drop-zone h3{font-size:14px}.lyrics-panel .field-row{flex-wrap:wrap}.lyrics-panel .field-row label:first-child{flex:1 0 100%}.cues td:first-child,.cues td:nth-child(2){width:67px}.cues input{padding:7px 4px}footer{margin-top:25px;font-size:9px}}
@media(max-width:480px){main{padding-inline:17px}.topbar{padding-inline:17px}.hero-art{width:135px;height:155px;transform:rotate(-3deg);opacity:.9}.record{left:5px;top:-11px;width:125px;height:125px}.record i{left:40px;top:40px;width:45px;height:45px;border-width:13px}.record i:after{left:5px;top:5px}.waveform{left:-10px;gap:3px;bottom:24px;transform:rotate(7deg);padding:8px}.waveform i{width:3px}.music-note{display:none}.art-caption{right:7px;font-size:5px;letter-spacing:1px}.hero h1{font-size:29px}.hero-copy{font-size:10px}.hero .eyebrow{font-size:6px;letter-spacing:1px}.hero{gap:8px;min-height:214px}.steps{gap:10px}.step-card{padding:17px 14px}.step-card h3{font-size:13px}.step-card p{font-size:10px}.step-no{font-size:7px}.step-link{font-size:9px}.button{padding:10px 12px}.project-overview{display:block}.project-overview .button{margin-top:15px}.login-panel .inline{flex-wrap:wrap}.login-panel .inline input{flex:1 0 100%}.login-panel .inline button{width:100%}.upload-row .button{padding:7px;font-size:9px}.format-options>label{padding:16px 10px;gap:3px 8px}.format-options small{font-size:7px}.panel{padding:17px}.song-edit-fields{gap:7px}.candidate .button{padding:7px}.private-label{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body:not([data-tab="overview"]) .hero{min-height:0;padding:0 0 23px}body:not([data-tab="overview"]) .hero-art,body:not([data-tab="overview"]) .hero-copy{display:none}body:not([data-tab="overview"]) .hero h1{font-size:24px;margin:0;letter-spacing:-1px}body:not([data-tab="overview"]) .hero h1 br{display:none}body:not([data-tab="overview"]) .hero .eyebrow{font-size:7px;margin-bottom:10px}

#camera-preview{display:block;max-height:360px;width:100%;background:#1e271d;border-radius:10px;margin-top:16px}.song-title h3,.candidate a,.output h4{overflow-wrap:anywhere}.cues{table-layout:fixed}

body:not([data-tab="overview"]) .hero h1 em{margin-left:.2em}

.project-search-shortcut{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#edf1e4;border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin-bottom:22px;font-size:12px}.project-search-shortcut>span{margin-right:auto}.material-toolbar{border-color:#9daf71}.material-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.material-toolbar>strong{font-size:17px}.material-export{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.material-export p{font-size:12px;line-height:1.7}.sheet-choice{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;display:grid;gap:8px}.sheet-choice label{font-size:11px}.sheet-choice select{width:100%;min-width:0}.sheet-thumbnail{width:72px;max-height:100px;object-fit:contain;background:white;flex-shrink:0;border:1px solid var(--line);border-radius:4px}.candidate.selected{background:#eff4e4;border-radius:8px;padding:10px}.candidate-details{min-width:0;flex:1}.candidate small{overflow-wrap:anywhere}.song-card .material-columns{margin-top:18px}.song-head-actions{display:flex;gap:7px;flex-wrap:wrap}#setlist-input{margin-bottom:24px}#setlist-input>summary{cursor:pointer;font-size:13px;font-weight:600;padding:10px 0 14px}body[data-tab="setlist"] .project-search-shortcut{display:none}.search-placeholder{background:#f2f3ed;border-radius:8px;padding:16px;margin-top:16px;font-size:12px}.material-empty{font-size:12px;line-height:1.7}.sheet-page-link{font-size:11px}.material-actions .button{white-space:normal}
@media(max-width:760px){.material-actions{display:grid;grid-template-columns:1fr}.material-actions .button{width:100%}.project-search-shortcut>span{width:100%}.project-search-shortcut>.button{flex:1}.song-head-actions .button{padding:8px;font-size:10px}.song-head{flex-wrap:wrap}.song-head-actions{margin-left:auto}.material-toolbar>strong{font-size:14px}.candidate{align-items:flex-start}.sheet-thumbnail{width:54px}}

/* Readable Korean typography, served locally on every device. */
@font-face{font-family:"Encore Sans";src:url("fonts/noto-sans-kr-regular.woff2") format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Encore Sans";src:url("fonts/noto-sans-kr-bold.woff2") format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
:root{--ink:#17291f;--muted:#46554b;--paper:#f3f6f2;--line:#bfcbbf;--dark:#192e23;--soft:#e9f0e7;font-family:"Encore Sans","Noto Sans KR","Malgun Gothic",sans-serif;font-size:16px}
body{font-weight:400;line-height:1.65}h1,h2,h3,h4,strong,b{font-weight:700}h1,h2,h3{letter-spacing:-.035em}
button,input,select,textarea{font-family:inherit}input,select,textarea{font-size:16px;border-color:#91a493}input::placeholder,textarea::placeholder{color:#58665c;opacity:1}
label,legend,.label{font-size:14px}.button{font-size:14px;font-weight:700;min-height:42px;border-color:#9bac9b}.button.primary{background:#254f36;border-color:#254f36;color:#fff}.button.primary:hover{background:#183c28}.button.quiet{color:#355640}.button:disabled{opacity:1;color:#59645d;background:#e8ede7;border-color:#c3ccc0}
a:focus-visible,button:focus-visible{outline:3px solid #38794c}.nav-item{font-size:14px;color:#e0e9dd;font-weight:600}.nav-item.active,.nav-item:hover{color:#fff;background:#36553d}.nav-label,.sidebar-bottom,.brand-sub{color:#cbd9c5}.nav-label,.local-label{font-size:12px}.sidebar-bottom{font-size:13px}.brand-sub{font-size:9px}
.topbar{font-size:14px;background:#fff}.private-label{font-size:12px;color:#354d3c;border-color:#9bad98}.slash{color:#60705f}
.hero h1{letter-spacing:-.04em}.hero h1 em{color:#396944}.hero-copy{font-size:16px;color:var(--muted)}.eyebrow,.hero .eyebrow,body:not([data-tab="overview"]) .hero .eyebrow{font-size:12px;color:#3c6244;letter-spacing:1.1px}.art-caption{color:#405637;font-size:10px}
.panel p,.hint,.muted,small,.candidate small,.material-empty,.material-export p,.sheet-page-link,.sheet-choice label,.search-placeholder,.project-search-shortcut{font-size:14px;color:var(--muted)}
.step-card h3{font-size:19px}.step-card p{font-size:15px;color:var(--muted)}.step-no,.step-link{font-size:13px;color:#34563b}.step-card{min-height:270px}.step-symbol{color:#365c3d}.step-card .step-link{font-weight:700}
.project-bar>.muted,.project-overview p,.project-overview .button{font-size:14px}.project-bar{flex-wrap:wrap}.project-bar>label{font-size:14px}.project-bar>select{flex:1;max-width:340px}.archive-callout p{font-size:14px;color:var(--muted)}
.song-title h3{font-size:20px}.song-head{flex-wrap:wrap}.song-head>.button,.song-head-actions .button{font-size:14px}.song-number,.key-badge{font-size:14px}.candidate a{font-size:15px;font-weight:600}.candidate .button{white-space:normal}.candidate small{line-height:1.65}.material-columns h4{font-size:15px}.material-toolbar>strong{font-size:18px}#setlist-input>summary{font-size:16px}.sheet-choice label{font-weight:600}
.output h4{font-size:17px}.version-header small,.version p,.upload-row small,.format-options small,.version .hint{font-size:14px}.upload-row .button{font-size:14px}.drop-zone h3{font-size:19px}.drop-zone p,.format-options label,.feedback label{font-size:15px}.section-heading>.hint{font-size:14px}.status-pill,.job-status{font-size:13px}
footer{font-size:13px;color:var(--muted)}.empty-state,.empty-state p{font-size:15px;color:var(--muted)}body:not([data-tab="overview"]) .hero h1{font-size:28px;letter-spacing:-.035em}
@media(max-width:800px){.nav-item{font-size:13px;padding:12px}.topbar{font-size:13px}.sidebar nav{margin-top:14px}.brand-sub{font-size:8px}.hero-copy{font-size:14px}.hero h1{font-size:34px}.hero .eyebrow{font-size:11px}.hero-art{width:135px}.step-card{min-height:255px}.step-card h3{font-size:17px}.step-card p{font-size:14px}.step-no,.step-link{font-size:12px}.project-bar>.muted{font-size:13px}.project-overview .button{font-size:14px}.song-title h3{font-size:18px}.song-head-actions .button{font-size:13px}.version-header small{font-size:13px}.format-options small{font-size:12px}.art-caption{display:none}.project-search-shortcut>.button{flex:1 1 100%}.song-edit-fields{flex-wrap:wrap}.panel{padding:19px}body:not([data-tab="overview"]) .hero h1{font-size:25px}.project-bar>select{width:100%;max-width:none;flex-basis:100%}.section-heading h2{font-size:24px}}
@media(max-width:480px){.hero{position:relative;min-height:230px}.hero>div:first-child{position:relative;z-index:1}.hero-art{position:absolute;right:0;top:20px;width:105px;height:150px;opacity:.16}.hero h1{font-size:33px}.hero-copy{font-size:14px}.hero .eyebrow{font-size:11px}.step-card{padding:18px 14px}.step-card h3{font-size:17px}.button{font-size:14px}.project-overview .button{font-size:14px}.upload-row .button{font-size:13px}.song-head>.button{font-size:13px}.format-options small{font-size:12px}.panel{padding:17px}footer{font-size:12px}.login-panel h2{font-size:23px}.cues input{font-size:14px}.cues textarea{font-size:14px}}
body .workspace main :is(p,small,.hint,.material-note,label,legend){font-size:14px}
body .workspace main .hero-copy{font-size:16px}
@media(max-width:800px){body .workspace main .hero-copy{font-size:14px}}

.song-order{margin-bottom:24px}.song-order>summary{font-size:18px;font-weight:700;cursor:pointer}.song-order>summary .hint{margin-left:8px;font-weight:400}.song-order-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.song-order-row{display:grid;grid-template-columns:44px 86px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.song-order-row select{width:100%;margin:0;padding:8px}.order-title{min-width:0}.order-title strong{display:block;font-size:16px;overflow-wrap:anywhere}.order-title small:empty{display:none}.order-buttons{display:flex;gap:6px}.order-buttons .button,.order-handle{min-width:44px;min-height:44px;padding:6px;font-size:20px}.order-handle{cursor:grab}.order-handle:active{cursor:grabbing}.song-order-row.dragging{opacity:.45}.song-order-row.drop-target{outline:3px solid #38794c;background:#edf5e8}.remembered-note{padding:12px 14px;border-radius:8px;background:#edf5e8;color:#254f36}#song-order-status:empty{display:none}
@media(max-width:480px){.song-order-row{grid-template-columns:30px 70px minmax(0,1fr);gap:7px;padding:9px}.order-handle{min-width:30px}.order-buttons{grid-column:3;justify-content:flex-end}.song-order-row select{padding:8px 4px}.order-title strong{font-size:15px}}