:root{color-scheme:light;--bg:#f7f6f2;--panel:#ffffff;--text:#171717;--muted:#6f6e68;--line:#dfddd5;--line-strong:#c9c6bd;--accent:#111111;--soft:#efede7;--warn:#8f4a22}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Geist,Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr);padding-bottom:92px}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid var(--line);background:rgba(247,246,242,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:block;width:154px;margin-bottom:36px}.brand img{width:100%;height:auto;display:block}.nav{display:grid;grid-gap:6px;gap:6px}.nav a{padding:10px 12px;border-radius:8px;color:var(--muted);font-size:15px}.nav a.active,.nav a:hover{background:var(--soft);color:var(--text)}.content{max-width:1060px;width:100%;padding:72px 48px 120px}.hero{max-width:860px}.eyebrow{margin:0 0 18px;color:var(--muted);font-size:15px}h1{max-width:780px;margin:0;font-size:clamp(48px,6vw,88px);line-height:.96;font-weight:520;letter-spacing:0}.subcopy{max-width:620px;margin:24px 0 34px;color:var(--muted);font-size:18px;line-height:1.55}.promptPanel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 18px 60px rgba(40,35,25,.08)}.promptLabel{display:block;margin-bottom:10px;font-size:14px;color:var(--muted)}.promptRow{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-gap:10px;gap:10px}textarea{width:100%;resize:vertical;min-height:96px;border:1px solid var(--line);border-radius:10px;padding:16px;outline:none;color:var(--text);background:#fbfaf7;line-height:1.5}textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(17,17,17,.05)}.downloadSmall,.generateButton,.iconButton,.linkButton,.playSmall,.player button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.iconButton{min-height:96px;color:var(--muted)}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#fbfaf7;color:var(--muted);font-size:13px}.chip.selected{background:var(--text);color:#fff;border-color:var(--text)}.chip.locked{cursor:default}.noticeRow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;color:var(--muted);font-size:13px;line-height:1.4}.noticeRow p{margin:0}.linkButton{flex:0 0 auto;padding:8px 10px;background:var(--soft);font-size:13px}.generateButton{width:100%;margin-top:16px;padding:15px 18px;background:var(--text);color:#fff;border-color:var(--text)}.generateButton:disabled{opacity:.45;cursor:not-allowed}.libraryPreview,.result{max-width:860px;margin-top:28px}.result{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:18px;gap:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.result.blocked{border-color:#e3b99d}.coverPreview,.miniCover{background:radial-gradient(circle at 32% 30%,#e4d4bd,transparent 28%),radial-gradient(circle at 70% 70%,#b8c7bd,transparent 34%),linear-gradient(135deg,#f6f0e5,#d8d7cd)}.coverPreview{width:112px;height:112px;border-radius:10px;border:1px solid var(--line)}.resultStatus{margin:4px 0 8px;color:var(--muted);font-size:13px}.result h2,.sectionHeader h2{margin:0;font-size:24px;letter-spacing:0}.resultPrompt{color:var(--muted)}.tagRow{display:flex;flex-wrap:wrap;gap:8px}.tagRow span{font-size:12px;color:var(--muted);padding:5px 8px;border:1px solid var(--line);border-radius:999px}.sectionHeader{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.sectionHeader a{color:var(--muted);font-size:14px}.trackList{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.trackRow{display:grid;grid-template-columns:72px minmax(0,1fr) 64px 74px 106px;grid-gap:12px;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line)}.trackRow:last-child{border-bottom:0}.trackRow h3{margin:0 0 3px;font-size:15px;font-weight:540}.trackRow p,.trackRow span{margin:0;color:var(--muted);font-size:13px}.downloadSmall,.playSmall{padding:8px 10px}.player{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:48px minmax(180px,1fr) 58px 70px 58px minmax(180px,420px) 58px 66px 76px;grid-gap:12px;gap:12px;align-items:center;padding:14px 22px;border-top:1px solid var(--line);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.miniCover{width:48px;height:48px;border-radius:8px;border:1px solid var(--line)}.playerMeta{display:grid;grid-gap:3px;gap:3px}.playerMeta strong{font-size:14px}.playerMeta span{font-size:12px;color:var(--muted)}.player button{padding:9px 10px;color:var(--muted);background:#fbfaf7}.player .playMain{background:var(--text);color:#fff;border-color:var(--text)}.progress{height:6px;border-radius:999px;background:var(--soft);overflow:hidden}.progress span{display:block;width:38%;height:100%;background:var(--text)}.simplePage{max-width:760px;padding:72px 28px 140px;margin:0 auto}.simplePage h1{font-size:clamp(42px,8vw,72px);line-height:1}.simplePage p{color:var(--muted);font-size:18px;line-height:1.6}.simplePage h2{margin-top:42px;font-size:24px}@media (max-width:900px){.shell{display:block}.sidebar{position:static;height:auto;display:flex;align-items:center;gap:24px;overflow-x:auto}.brand{flex:0 0 132px;margin:0}.nav{display:flex}.content{padding:40px 20px 150px}h1{font-size:46px}.player,.promptRow,.result,.trackRow{grid-template-columns:1fr}.iconButton{min-height:auto;padding:12px}.noticeRow{align-items:flex-start;flex-direction:column}}