:root{font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef0ec;background:#0d0f13;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.52}::selection{background:#d6ff72;color:#111}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;flex:0 0 252px;min-height:100vh;background:#111318;border-right:1px solid #25282d;padding:31px 17px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 13px;margin-bottom:61px;font-size:23px;letter-spacing:-1.3px;font-weight:750;line-height:1}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:#d9fe78;border-radius:11px;color:#111}.brand-accent{color:#d9fe78}.brand small{display:block;color:#747c7b;font-size:8px;letter-spacing:2.3px;font-weight:700;margin-top:7px}.nav-label,.section-kicker{font-size:10px;font-weight:750;letter-spacing:2.1px;color:#829084}.nav-label{padding:0 15px;margin-bottom:17px}.nav-item{border:0;background:transparent;color:#8c9392;width:100%;padding:13px 14px;display:flex;align-items:center;gap:13px;border-radius:11px;text-align:left;font-size:14px;font-weight:620;margin:2px 0}.nav-item:hover{background:#1d2221;color:#f7fff0}.nav-item.active{background:#242c22;color:#d9fe78}.nav-item .nav-count{margin-left:auto;border-radius:20px;padding:2px 7px;background:#272b2c;color:#a3aca6;font-size:11px}.sidebar-spacer{flex:1}.sidebar-status{display:flex;gap:10px;align-items:flex-start;margin:0 7px 22px;padding:15px 10px;border:1px solid #292e2b;border-radius:12px;background:#181c1a}.status-dot{width:7px;height:7px;flex:0 0 7px;background:#777;border-radius:50%;display:inline-block;margin-top:5px}.status-dot.ready{background:#d9fe78;box-shadow:0 0 8px #d9fe7860}.sidebar-status strong,.sidebar-status span{display:block}.sidebar-status strong{font-size:11px;font-weight:700;margin-bottom:5px}.sidebar-status span{font-size:10px;color:#7f8983}.sidebar-foot{padding:0 11px;color:#5e6864;font-size:8px;font-weight:750;letter-spacing:1.2px;white-space:nowrap}.sidebar-foot span{padding:0 4px;color:#b4c5a4}.main-area{min-width:0;flex:1;padding-bottom:140px}.topbar{height:83px;border-bottom:1px solid #23272b;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,82px)}.breadcrumb{display:flex;align-items:center;gap:11px;color:#89918c;font-size:10px;letter-spacing:1.8px;font-weight:750}.breadcrumb svg{color:#525d56}.topbar-right{display:flex;align-items:center;gap:19px}.gpu-pill{border:1px solid #2f3830;border-radius:25px;padding:9px 14px;display:flex;align-items:center;gap:9px;color:#b9c4ba;font-size:11px;font-weight:650}.gpu-pill .status-dot{margin:0}.avatar{width:31px;height:31px;border:1px solid #3b463b;color:#d9fe78;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:800}.hero{height:340px;position:relative;overflow:hidden;padding:59px clamp(28px,5vw,82px) 30px;border-bottom:1px solid #1e2423;background:radial-gradient(ellipse at 79% 65%,#223021,#161c19 31%,#0d0f13 72%)}.eyebrow{display:flex;align-items:center;gap:11px;color:#c2e891;font-size:10px;letter-spacing:2.4px;font-weight:800}.eyebrow-line{height:1px;width:25px;background:#d4f992}.hero h1{font-size:clamp(39px,4.4vw,66px);line-height:1.12;letter-spacing:-3.3px;margin:25px 0 16px;font-weight:720}.hero h1 em{font-style:normal;color:#d9fe78}.hero p{color:#9ea9a1;font-size:13px;line-height:1.85;margin:0}.hero-wave{position:absolute;right:6%;bottom:45px;width:35%;height:172px;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.65;-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 82%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 82%,transparent)}.hero-wave span{flex:1;max-width:4px;border-radius:8px;background:linear-gradient(180deg,#dafd87,#446d55 80%,#1e412d);filter:drop-shadow(0 0 8px #b5ec6d45)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 273px;gap:22px;padding:38px clamp(28px,5vw,82px) 0;max-width:1500px}.panel,.rail-card{background:#15191a;border:1px solid #292f2c;border-radius:17px}.composer{padding:31px 34px 28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.section-head h2,.tracks-heading h2{font-size:23px;letter-spacing:-.8px;margin:7px 0 0;font-weight:680}.section-symbol{width:40px;height:40px;border:1px solid #374631;border-radius:11px;display:grid;place-items:center;color:#d9fe78}.composer label,.advanced-options label{display:block;font-size:12px;font-weight:700;margin:24px 0 10px;color:#e4eae0}.composer label span,.advanced-options label span{font-size:11px;color:#727e75;font-weight:500;margin-left:6px}.text-input,.text-area{width:100%;outline:none;border:1px solid #313834;border-radius:10px;background:#101415;color:#eef2ed;padding:14px 15px;transition:border-color .2s,box-shadow .2s;font-size:13px}.text-input:focus,.text-area:focus{border-color:#a8c97e;box-shadow:0 0 0 3px #d9fe7815}.text-area{resize:vertical;line-height:1.7}.style-area{min-height:100px}.lyrics-area{min-height:180px}.text-input::placeholder,.text-area::placeholder{color:#636d66}.suggestions-title{font-size:11px;color:#8e998e;margin:14px 0 9px}.suggestions{display:flex;gap:8px;flex-wrap:wrap}.suggestion{border:1px solid #354033;border-radius:20px;background:#1b241d;padding:7px 11px;color:#a9c39e;font-size:10px;display:flex;gap:6px;align-items:center}.suggestion:hover{border-color:#b4dc76;color:#e4ffbf}.advanced-toggle{display:flex;align-items:center;gap:7px;background:transparent;color:#b5c5af;border:0;padding:16px 0;margin-top:7px;font-size:12px;font-weight:670}.advanced-toggle svg{transform:rotate(90deg)}.advanced-toggle[aria-expanded=true] svg{transform:rotate(-90deg)}.advanced-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 0 16px}.advanced-options label{margin:8px 0 10px}.segment-control{display:flex;background:#101415;border:1px solid #313834;border-radius:9px;padding:4px;gap:4px}.segment-control button{flex:1;background:transparent;border:0;color:#859288;border-radius:6px;padding:8px 4px;font-size:11px}.segment-control button.selected{background:#344231;color:#e1ffb9}.advanced-options .text-input{padding:10px 12px}.generate-button{width:100%;border:0;background:#d8fc7c;color:#111710;border-radius:10px;padding:17px 18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:800;margin-top:6px;box-shadow:0 12px 30px #c9ff5e1b}.generate-button svg:last-child{margin-left:auto}.generate-button svg:first-child{margin-left:auto}.generate-button:hover:not(:disabled){background:#e5ff9e;transform:translateY(-1px)}.notice{background:#263527;color:#d7f6be;border:1px solid #416a3c;padding:10px 12px;border-radius:8px;font-size:12px;margin-top:12px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:17px;color:#79877d;font-size:10px}.privacy-note svg{color:#a5c585}.right-rail{display:flex;flex-direction:column;gap:18px}.rail-card{padding:27px 24px 16px}.rail-card h3{font-size:23px;line-height:1.32;letter-spacing:-.8px;margin:14px 0 28px}.process-step{display:flex;align-items:flex-start;gap:14px;padding:17px 0;border-top:1px solid #2a302d}.process-step>span{font-size:10px;color:#d0f896;border:1px solid #40503b;border-radius:50%;width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center}.process-step strong,.process-step small{display:block}.process-step strong{font-size:12px;margin:1px 0 6px}.process-step small{font-size:10px;color:#89958a;line-height:1.5}.rail-note{padding:22px 23px;border-radius:16px;background:linear-gradient(135deg,#202c21,#19231f 66%,#111917);border:1px solid #354632;color:#b8cfaa}.rail-note svg{color:#d9fe78}.rail-note p{font-size:11px;line-height:1.75;margin:14px 0 0}.tracks-section{padding:49px clamp(28px,5vw,82px) 0;max-width:1500px}.tracks-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.text-button{background:none;border:0;color:#c4e6aa;font-size:11px;display:flex;gap:7px;align-items:center;padding:5px}.pending-list{display:grid;gap:9px;margin-bottom:17px}.pending-card{border:1px solid #415b3a;background:#1b261c;border-radius:12px;display:flex;align-items:center;gap:14px;padding:12px 15px}.pending-art,.track-art,.player-art{display:grid;place-items:center;flex:0 0 auto}.pending-art{width:42px;height:42px;background:#334d30;border-radius:8px}.mini-wave{display:flex;align-items:center;gap:3px;height:20px}.mini-wave i{height:45%;width:3px;border-radius:4px;background:#d9fe78;animation:beat .8s ease-in-out infinite alternate}.mini-wave i:nth-child(2){height:90%;animation-delay:.2s}.mini-wave i:nth-child(3){height:65%;animation-delay:.4s}.mini-wave i:nth-child(4){height:100%;animation-delay:.1s}.mini-wave i:nth-child(5){height:38%;animation-delay:.3s}@keyframes beat{to{height:18%}}.pending-info{flex:1;min-width:0}.pending-info strong,.pending-info span{display:block}.pending-info strong{font-size:12px;margin-bottom:5px}.pending-info span{font-size:10px;color:#a1b69c}.pending-tag{color:#d5f6bb;font-size:10px;display:flex;align-items:center;gap:7px}.pulse-dot{width:6px;height:6px;background:#d9fe78;border-radius:50%;box-shadow:0 0 0 3px #d9fe7820}.icon-button{display:grid;place-items:center;color:#a5b2a4;background:transparent;border:0;width:32px;height:32px;border-radius:7px;flex:0 0 auto}.icon-button:hover{background:#293b2d;color:#dcffaf}.track-list{border-top:1px solid #2b302e}.track-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #292e2c;padding:12px 0;min-width:0}.track-number{color:#68746b;font-size:11px;width:20px}.track-art{width:43px;height:43px;border-radius:8px;color:#c6e7b5;background:linear-gradient(135deg,#384c3b,#172720)}.art-1{background:linear-gradient(135deg,#4e3946,#1e2334);color:#e8bad4}.art-2{background:linear-gradient(135deg,#615136,#332c24);color:#f2deb2}.art-3{background:linear-gradient(135deg,#31465c,#1e2934);color:#b9d9f3}.track-meta{flex:1;min-width:0}.track-meta strong,.track-meta span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-meta strong{font-size:12px;margin-bottom:5px}.track-meta span{font-size:10px;color:#809086}.track-date,.track-duration{font-size:10px;color:#849186}.track-date{min-width:90px}.track-duration{width:38px}.failed-tag{font-size:10px;color:#ffae9c}.row-play{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;background:#d9fe78;border:0;border-radius:50%;color:#171e13}.row-play:hover{background:#e7ffaf}.library-page{padding:60px clamp(28px,5vw,82px) 0}.library-hero h1{font-size:clamp(35px,4vw,55px);letter-spacing:-2.5px;margin:15px 0 11px}.library-hero p{color:#95a096;font-size:13px}.title-count{font-size:19px;color:#d9fe78;vertical-align:top;margin-left:14px}.empty-state{text-align:center;border:1px dashed #3d483e;border-radius:16px;padding:75px 20px;margin-top:55px;color:#9caf98}.empty-state>svg{color:#d9fe78}.empty-state h3{font-size:19px;color:#e4ede1;margin:15px 0 7px}.empty-state p{font-size:12px}.empty-state button{border:1px solid #637e56;background:#28362a;color:#d9fe78;border-radius:9px;padding:10px 14px;margin-top:17px;display:inline-flex;gap:7px;align-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050907ba;z-index:20;display:grid;place-items:center;padding:20px}.detail-modal{width:min(520px,100%);max-height:85vh;overflow:auto;border:1px solid #45523f;background:#191f1c;border-radius:18px;padding:30px;box-shadow:0 30px 100px #0009;position:relative}.modal-close{position:absolute;right:20px;top:15px;background:none;border:0;color:#a7b4aa;font-size:28px}.detail-modal h2{font-size:29px;letter-spacing:-1px;margin:11px 0 4px}.detail-style{color:#a3b1a1;font-size:12px;line-height:1.6}.detail-stats{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 25px}.detail-stats span{background:#293629;color:#cde9bd;border-radius:15px;font-size:10px;padding:6px 9px}.detail-modal h3{font-size:13px}.detail-lyrics{white-space:pre-wrap;background:#111613;border:1px solid #2d382f;border-radius:10px;padding:18px;min-height:130px;max-height:230px;overflow:auto;color:#cbd6c9;font-size:12px;line-height:1.8;font-family:inherit}.error-box{padding:12px;color:#ffb2ab;background:#452823;border-radius:8px;overflow-wrap:anywhere;font-size:11px}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.secondary-button{border:1px solid #56694e;background:#263426;color:#dcf8cf;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:7px;font-size:11px}.secondary-button:hover{background:#345037}.player{position:fixed;left:252px;right:0;bottom:0;height:83px;background:#1a201c;border-top:1px solid #43513e;z-index:10;display:flex;align-items:center;gap:23px;padding:0 clamp(28px,5vw,82px);box-shadow:0 -10px 40px #0004}.player-song{width:205px;flex:0 0 205px;display:flex;align-items:center;gap:10px;min-width:0}.player-art{width:40px;height:40px;border-radius:7px;background:#3d5637;color:#d9fe78}.player-song div:last-child{min-width:0}.player-song strong,.player-song span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-song strong{font-size:12px;margin-bottom:4px}.player-song span{font-size:10px;color:#8b998c}.player-play{border:0;background:#d9fe78;color:#111b12;width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center}.player-progress{display:flex;align-items:center;gap:12px;flex:1;min-width:70px}.player-progress span{font-size:10px;color:#9eaa9b}.player-progress input{width:100%;accent-color:#d9fe78;cursor:pointer;height:4px}.player-download{color:#c8ddbd}.player-download:hover{color:#d9fe78}@media(max-width:1100px){.content-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:none}.hero-wave{right:-5%;width:43%}}@media(max-width:740px){.sidebar{width:63px;flex-basis:63px;padding:20px 8px}.brand{padding:0 5px;margin-bottom:45px}.brand>span:last-child,.nav-label,.nav-item:not(.active),.nav-item.active{font-size:0}.nav-item{justify-content:center;padding:13px 6px}.nav-item svg{flex:0 0 auto}.nav-count,.sidebar-status,.sidebar-foot{display:none!important}.topbar{height:66px;padding:0 21px}.main-area{padding-bottom:100px}.hero{height:300px;padding:46px 25px}.hero h1{font-size:42px}.hero-wave{opacity:.3;width:60%;right:-20%;height:130px}.content-grid,.tracks-section,.library-page{padding-left:20px;padding-right:20px}.composer{padding:23px 19px}.player{left:63px;height:68px;padding:0 13px;gap:11px}.player-song{width:120px;flex-basis:120px}.player-song span,.player>svg{display:none}.player-progress{gap:5px}.track-date{display:none}.track-meta span{max-width:250px}}@media(max-width:480px){.gpu-pill{font-size:0;padding:9px}.gpu-pill .status-dot{width:8px}.avatar{display:none}.hero h1{letter-spacing:-2px}.hero p{font-size:11px}.advanced-options{grid-template-columns:1fr}.track-number,.track-duration{display:none}.track-row{gap:8px}.track-meta span{max-width:140px}.player-song{width:90px;flex-basis:90px}.player-art,.player-progress span,.player-download{display:none}}@media(max-width:740px){.sidebar .brand>span:last-child{display:none}}.library-search{width:min(420px,100%);margin-top:24px;padding:12px 15px;border:1px solid #354338;border-radius:10px;background:#161c19;color:#ecf6e9;font-size:12px;outline:none}.library-search:focus{border-color:#b7d988;box-shadow:0 0 0 3px #d9fe7815}.library-search::placeholder{color:#748174}.gpu-note{margin-top:8px;text-align:center;color:#a3ad8a;font-size:10px;line-height:1.5}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 20%,#263b29,#0d0f13 62%)}.auth-card{width:min(420px,100%);padding:36px;background:#171d19;border:1px solid #3b503a;border-radius:18px;box-shadow:0 30px 90px #0008}.auth-logo{width:47px;height:47px;display:grid;place-items:center;background:#d9fe78;color:#101810;border-radius:13px;margin-bottom:27px}.auth-card h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.auth-card p,.admin-settings p{font-size:12px;line-height:1.7;color:#a4b2a1;margin-bottom:25px}.auth-card label,.admin-settings label{display:block;font-size:12px;font-weight:700;margin:17px 0 8px}.auth-card .generate-button{margin-top:24px}.auth-card small,.admin-settings small{display:block;color:#8f9f8c;font-size:10px;line-height:1.6;margin-top:18px}.auth-error{background:#442821;border:1px solid #91564a;color:#ffcac1;border-radius:8px;padding:10px;margin-top:14px;font-size:11px}.admin-screen{min-height:100vh;display:grid;place-items:start center;padding:70px 22px}.admin-settings{width:min(560px,100%);padding:35px}.admin-settings>.text-button{margin-bottom:35px}.admin-settings h1{font-size:32px;margin:12px 0}.admin-settings h2{font-size:18px;margin:25px 0}.admin-settings form{border-top:1px solid #334031;padding-top:5px}.admin-logout{margin-top:30px}.pending-wrap{border:1px solid #415b3a;background:#1b261c;border-radius:12px;overflow:hidden}.pending-wrap .pending-card{border:0;border-radius:0}.progress-toggle{border:1px solid #5a7550;background:#273c28;color:#d7f5c6;border-radius:7px;padding:8px 10px;font-size:11px;white-space:nowrap}.progress-toggle:hover{background:#355036}.diagnostics-panel{padding:0 15px 15px;border-top:1px solid #374a36}.diagnostics-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.diagnostics-metrics span{font-size:10px;color:#c7e3ba;background:#2b3d2c;border-radius:7px;padding:7px 9px}.phase-track{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.phase-track span{font-size:10px;color:#879b86;border:1px solid #3a4a3a;border-radius:15px;padding:5px 9px}.phase-track span.current{color:#dfffbc;border-color:#a0c66d;background:#34482d}.engine-terminal{margin:0;min-height:95px;max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#101612;border:1px solid #344536;border-radius:8px;color:#a8d79b;padding:12px;font:11px/1.55 Consolas,monospace}@media(max-width:480px){.pending-card{gap:7px;padding:10px}.pending-art,.pending-tag{display:none}.progress-toggle{padding:7px}}