@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#0f0f13;background:radial-gradient(circle at 10% 20%,#dfe8ff 0,#f3f4ff 40%,#f7f7fb 70%);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:transparent}#app{width:100%;max-width:none;margin:0;padding:0;min-height:100vh}body.no-scroll,body.no-scroll #app{overflow:hidden}h1,h2,h3{margin:0;letter-spacing:-.02em}p{margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 4px}.topbar.compact{padding:4px 0}.topbar.compact .brand-text{font-size:16px}.top-link{border:none;background:transparent;padding:0;font-weight:600;font-size:14px;font-family:inherit;color:#1f2937;cursor:pointer}.top-link:hover{text-decoration:underline}.brand{display:flex;align-items:center;gap:8px}.top-actions{display:flex;gap:8px}.brand-link{background:transparent;border:none;color:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:8px}.brand-logo{width:26px;height:26px;object-fit:contain}.brand-text{font-size:18px;font-weight:700}.landing-brand .brand-logo{width:30px;height:30px}.landing{display:flex;flex-direction:column;min-height:100%;gap:0}.landing-header,.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;width:100%;max-width:1200px;margin:0 auto}.landing-footer{font-size:12px;color:#6b7284}.footer-link{color:inherit;text-decoration:none;font-weight:600}.footer-link:hover{text-decoration:underline}.landing-actions{display:flex;align-items:center;gap:12px}.landing-hero{grid-template-columns:1fr;flex:1;align-items:center}.auth-panel{max-width:520px;width:100%;margin:0 auto}.auth-form{margin-top:12px}.page{display:flex;flex-direction:column;gap:22px;min-height:100%}.page.app-shell{max-width:1200px;margin:0 auto;padding:12px 16px;min-height:100vh}.page.landing-mode{height:100vh;padding:0;gap:0;background:#f4f6ff}.page.app-shell.edit-mode{height:calc(100vh - 24px);overflow:hidden;gap:12px}.hero{background:linear-gradient(120deg,#0f172a,#1e293b);color:#f6f8ff;padding:26px 28px;border-radius:20px;display:grid;grid-template-columns:1.4fr .9fr;gap:18px;box-shadow:0 20px 60px #0f172a42}.hero .lede{color:#d4ddff;margin:10px 0 14px}.landing .landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,640px) minmax(0,360px);align-items:center;justify-content:center;column-gap:48px;background:radial-gradient(circle at 12% 20%,#fffffff2,#f4f6ffcc 45%,#eef3ffe6 70%),linear-gradient(120deg,#eef2ff,#f8f9ff 55%,#edf6ff);color:#0f172a;border:none;box-shadow:none;padding:64px 56px;border-radius:0;width:100%;overflow:hidden}.landing .landing-hero>div{position:relative;z-index:1}.hero-content{max-width:640px}.hero-visual{display:flex;flex-direction:column;align-items:center;gap:18px}.visual-card{width:100%;max-width:360px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 16px 40px #0f172a1f;border:1px solid #e2e6f5}.visual-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7a7f93;margin-bottom:12px}.visual-lines{display:grid;gap:8px;font-size:15px;color:#1f2937}.visual-lines .muted{color:#8b93a7;font-size:13px}.visual-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.visual-wave{display:flex;gap:6px;align-items:flex-end}.visual-wave span{width:10px;border-radius:999px;background:linear-gradient(180deg,#7aa3ff,#9cc8ff)}.visual-wave span:nth-child(1){height:14px;opacity:.5}.visual-wave span:nth-child(2){height:24px;opacity:.7}.visual-wave span:nth-child(3){height:36px;opacity:.9}.visual-wave span:nth-child(4){height:28px;opacity:.8}.visual-wave span:nth-child(5){height:42px;opacity:1}.visual-wave span:nth-child(6){height:26px;opacity:.75}.visual-wave span:nth-child(7){height:18px;opacity:.6}.landing .landing-hero .lede{color:#4b5563}.landing .landing-hero:before,.landing .landing-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(0);opacity:.9;pointer-events:none}.landing .landing-hero:before{width:520px;height:520px;top:-140px;right:-120px;background:radial-gradient(circle,#78a0ff59,#78a0ff00 65%)}.landing .landing-hero:after{width:420px;height:420px;bottom:-180px;left:-120px;background:radial-gradient(circle,#ffc87859,#ffc87800 70%)}.landing .landing-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.02em;font-weight:500}.landing .landing-hero .lede{font-size:18px;line-height:1.7;margin-top:16px;max-width:560px}.landing .landing-hero .actions{margin-top:24px;gap:14px}@media(max-width:1000px){.landing .landing-hero{grid-template-columns:1fr;gap:32px}.hero-visual{align-items:flex-start}}.hero-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.stat{background:#ffffff0d;border-radius:12px;padding:10px 12px}.stat p{color:#a9b7e6;font-size:14px}.stat h3{margin:4px 0;font-size:28px;color:#f6f8ff}.stat small{color:#92a2d1}.note{background:#ffd2821a;border:1px solid rgba(255,210,130,.2);border-radius:12px;padding:8px 10px;color:#f9e6c4}.note ul{padding-left:18px;margin:6px 0 0}.grid{display:flex;flex-direction:column;gap:18px;flex:1;min-height:0}.panel{background:#fff;border:1px solid #e4e7f2;border-radius:16px;padding:20px;box-shadow:0 14px 36px #232c5514}.settings-panel{display:flex;flex-direction:column;gap:16px}.settings-tabs{align-self:flex-start}.settings-grid{display:grid;grid-template-columns:1fr;gap:16px}.settings-card{border:1px solid #e4e7f2;border-radius:14px;padding:14px;background:#fbfcff;display:flex;flex-direction:column;gap:12px}.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-models{display:flex;flex-direction:column;gap:10px}.model-row{display:grid;grid-template-columns:1.2fr 1.1fr .7fr auto;gap:8px;align-items:center}.model-row.readonly{grid-template-columns:1.2fr 1.1fr .7fr}.model-row-head{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7284;padding-bottom:2px}.model-text{font-size:14px;color:#1f2937}.model-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.model-test{font-size:12px;color:#6b7284}.model-test.ok{color:#15803d}.model-test.error{color:#b91c1c}.model-input{border:1px solid #d9dded;background:#fff;border-radius:10px;padding:8px 10px;font-size:14px;font-family:inherit}.tag{background:#eef1fb;color:#1f2937;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.settings-lines{gap:14px}.settings-block{border:1px solid #e4e7f2;border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:10px}.settings-block-head{font-weight:600;color:#1f2937}.settings-line{display:flex;align-items:center;gap:10px}.settings-line-label{font-size:13px;color:#4b5563;white-space:nowrap}.settings-add-row{display:flex;align-items:center;gap:10px}.settings-actions{display:flex;align-items:center;gap:12px;margin-bottom:6px}.settings-row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center}.settings-label{font-weight:600;color:#1f2937}.settings-inline{display:flex;flex-wrap:wrap;gap:10px}.settings-usage{align-items:center;justify-content:space-between}.settings-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1;min-width:220px}.settings-list.inline{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.settings-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe1f5;border-radius:999px;padding:4px 10px;font-size:13px;background:#fff}.settings-add{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.settings-add-row select,.settings-line select{min-width:240px}.settings-row select,.settings-row .model-input{width:100%}.settings-add select{width:auto;min-width:220px}.settings-checks{display:flex;flex-direction:column;gap:8px}.check-row{display:inline-flex;align-items:center;gap:8px;font-size:14px}.project-title-input{width:100%;max-width:520px;font-size:20px;font-weight:600;border:1px solid transparent;background:transparent;padding:4px 6px;border-radius:10px;color:#111827}.project-title-input:focus{outline:none;border-color:#cfd6ee;background:#fff;box-shadow:0 0 0 3px #8bb4ff2e}.project-title-input:disabled{color:#9aa0b2}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tabbar{display:inline-flex;gap:6px;background:#eef1fb;border-radius:12px;padding:6px}.tab-btn{border:1px solid transparent;background:transparent;border-radius:10px;padding:8px 14px;font-weight:600;font-family:inherit;color:#1f2937;cursor:pointer}.tab-btn.active{background:#fff;border-color:#dfe3f1;box-shadow:0 8px 18px #0f172a14}.projects-table-wrap{border:1px solid #e4e7f2;border-radius:14px;overflow:auto;background:#fff}.projects-table{width:100%;border-collapse:collapse;min-width:720px}.projects-table th,.projects-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #edf0fa;font-size:14px}.projects-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7284;background:#f8f9ff}.projects-table tbody tr:hover{background:#fbfcff}.projects-table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8f9ff;gap:12px;flex-wrap:wrap}.pager{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn{min-width:32px;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:transparent;font-family:inherit;font-weight:600;cursor:pointer;color:#1f2937}.page-btn.active{background:#fff;border-color:#dfe3f1;box-shadow:0 6px 12px #0f172a14}.project-title-link{border:none;background:transparent;padding:0;font-size:15px;font-weight:600;color:#111827;text-align:left;cursor:pointer}.project-title-link:hover{text-decoration:underline}.project-actions{text-align:right;width:1%;white-space:nowrap}.project-delete{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:#9b1c1c;font-size:18px;line-height:1;cursor:pointer}.project-delete:hover{background:#b91c1c14}.project-delete:disabled{opacity:.5;cursor:not-allowed}.project-link{font-size:13px;color:#4b5563;text-decoration:none}.project-link:hover{text-decoration:underline}.project-history ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.project-history li{display:flex;justify-content:space-between;gap:10px;font-size:13px}.single-hero{border:none;box-shadow:0 10px 30px #232c551f}.idea-panel .field textarea{min-height:220px}.idea-panel.inline-panel{margin-bottom:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#7e89a7;margin:0 0 4px}.lede{font-size:16px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;background:#f3f5fc;color:#111423;border:1px solid transparent}.pill.primary{background:linear-gradient(120deg,#c9ffed,#80d8ff);color:#0c2635;font-weight:600}.pill.ghost{background:#0f172a0f;color:#3a4257}.pill.warn{background:#fff2e0;color:#92400e;border-color:#fed7aa}.stack{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#161b2e}.field textarea,.field input,select{border:1px solid #d9dded;background:#f9faff;border-radius:12px;padding:12px;font-size:15px;font-family:inherit;color:#0f0f13;transition:border-color .2s ease,box-shadow .2s ease}.field textarea:focus,.field input:focus,select:focus{outline:none;border-color:#8bb4ff;box-shadow:0 0 0 3px #8bb4ff33}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{border:none;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.btn.primary{background:linear-gradient(135deg,#111827,#1f2937);color:#f8fafc;box-shadow:0 10px 26px #0f172a38}.btn.secondary{background:#111827;color:#f1f5f9;border:1px solid #0f172a}.btn.inline{background:#0f172a;color:#f8fafc;padding:8px 10px}.btn.ghost{background:#eef1fb;color:#182036;border:1px solid #dfe3f1;box-shadow:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px)}.muted{color:#6b7284;font-size:14px}.response-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.response-card{border:1px solid #e6e9f5;background:#fdfefe;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.response-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.aggregate-card{margin-top:12px;border-radius:14px;border:1px solid #cfe0ff;background:linear-gradient(120deg,#eef3ff,#f8fbff);padding:14px;display:flex;flex-direction:column;gap:8px}.aggregate-body{background:#fff;border-radius:10px;border:1px dashed #cfd6ee;padding:12px;display:flex;flex-direction:column;gap:8px}.song-workspace{flex:1;min-height:0;display:flex;flex-direction:column}.song-workspace .workspace{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.sticky-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}.editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.editor-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.save-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#6b7284;margin-left:auto;text-align:right}.save-btn{width:32px;height:32px;border-radius:10px;border:1px solid transparent;background:#eef1fb;display:inline-flex;align-items:center;justify-content:center;color:#4b5563;cursor:pointer}.save-btn svg{width:16px;height:16px;fill:currentColor}.save-btn.active{background:#e0ebff;color:#1d4ed8;border-color:#1d4ed82e}.save-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-actions{display:flex;flex-wrap:wrap;gap:8px}.link-btn{border:none;background:none;padding:0;font-weight:600;color:#2563eb;cursor:pointer;font-family:inherit}.link-btn:hover:not(:disabled){text-decoration:underline}.link-btn:disabled{color:#9aa0b2;cursor:not-allowed;text-decoration:none}.link-btn.danger{color:#b91c1c}.link-btn.danger:hover:not(:disabled){text-decoration:underline}.composer-main,.composer-single{display:flex;flex-direction:column;gap:12px}.composer-single,.composer-single .field{flex:1;min-height:0}.song-editor-wrap{position:relative;flex:1;min-height:0;border:1px solid #d9dded;background:#f9faff;border-radius:12px;overflow:hidden;font-weight:400}.song-editor-wrap:focus-within{border-color:#8bb4ff;box-shadow:0 0 0 3px #8bb4ff33}.song-editor-backdrop{position:absolute;inset:0;padding:12px;margin:0;color:#0f0f13;font:inherit;line-height:1.7;font-weight:400;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;pointer-events:none;opacity:0}.song-editor-wrap.highlight-mode .song-editor-backdrop{opacity:1}.editor-highlight{background:#fde68a;color:#111827;font-weight:400}.song-editor-wrap .song-editor{width:100%;height:100%;flex:1;min-height:0;overflow-y:auto;resize:none;line-height:1.7;font-weight:400;position:relative;z-index:1;border:none;background:transparent;color:#0f0f13;caret-color:#0f0f13}.song-editor-wrap .song-editor::selection{background:#fde68a;color:#111827}.song-editor-wrap.highlight-mode .song-editor{color:transparent}.song-editor-wrap .song-editor::placeholder{color:#9aa0b2}.song-editor-wrap .song-editor:focus{outline:none;box-shadow:none}.response-actions{display:flex;flex-wrap:wrap;gap:8px}.create-panel{flex:1;min-height:0;display:flex;flex-direction:column}.create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;flex:1;min-height:0}.create-column{display:flex;flex-direction:column;gap:12px;min-height:0}.song-column .field{flex:1;min-height:0}.song-preview{width:100%;flex:1;min-height:0;resize:none;border:1px solid #d9dded;border-radius:12px;background:#fff;padding:12px;line-height:1.7;color:#0f0f13}.music-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.music-controls .field{flex:1;min-width:180px}.music-actions{display:flex;gap:8px;flex-wrap:wrap}.filter-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#4b5563}.filter-toggle input{accent-color:#2563eb}.music-list{display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0}.track-grid{display:flex;flex-direction:column;gap:12px}.track-card{border:1px solid #e2e6f2;background:#fff;border-radius:12px;padding:10px 12px;display:flex;align-items:flex-start;gap:12px}.track-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.track-body audio{width:100%}.track-time{font-size:12px;color:#9aa0b2;white-space:nowrap}.track-card.placeholder{border-style:dashed;background:#f8f9ff}.track-skeleton{flex:1;height:36px;border-radius:10px;background:linear-gradient(90deg,#eef1fb,#f8f9ff,#eef1fb);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.like-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#9aa0b2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.like-btn svg{width:18px;height:18px;fill:currentColor}.like-btn.active{color:#e11d48;border-color:#e11d4859;background:#e11d4814}.sticky-editor{position:sticky;top:12px;align-self:start;background:#fff;z-index:1}.scroll-sidebar{max-height:calc(100vh - 180px);overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:12px}.drawer-backdrop{position:fixed;inset:0;background:#0f172a59;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}.drawer-backdrop.open{opacity:1;pointer-events:auto}.rewrite-drawer{position:fixed;top:0;right:0;height:100vh;width:min(420px,92vw);background:#fff;border-left:1px solid #e4e7f2;box-shadow:-20px 0 40px #0f172a1f;transform:translate(100%);transition:transform .25s ease;z-index:50;display:flex;flex-direction:column}.rewrite-drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid #eef1f8}.drawer-body{padding:14px 18px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.status-card{background:#f6f8ff;border:1px solid #e4e7f2;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.action-head.top-aligned{align-items:flex-start}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.info-strip{background:#f6f8ff;border:1px solid #e4e7f2;border-radius:14px;padding:12px;display:flex;gap:10px;flex-wrap:wrap}.sticky-editor textarea{width:100%;min-height:500px;height:500px;resize:vertical}.actions-column{display:flex;flex-direction:column;gap:12px}.action-card{border:1px solid #e6e9f5;border-radius:12px;padding:14px;background:#fdfefe;display:flex;flex-direction:column;gap:10px}.action-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.small-card{background:#f3f6ff;border-radius:10px;padding:10px;border:1px dashed #cfd6ee}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.history-list li{border:1px solid #e5e9f2;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.history-list strong{display:block}.small-card .muted,.history-list .muted{font-size:13px}.tight{grid-template-columns:1fr}.log-panel{display:flex;flex-direction:column;gap:10px}.log-panel.compact .log-list{max-height:none;overflow:visible}.history-panel .log-list{max-height:60vh}.log-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.log-item{border:1px solid #e5e9f2;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.log-actions{display:flex;gap:6px}.log-item .muted{font-size:12px}.preview-card{border:1px solid #d9dded;border-radius:12px;padding:12px;background:#f9fbff;display:flex;flex-direction:column;gap:8px}.preview-text{white-space:pre-wrap;background:#fff;border:1px dashed #cfd6ee;padding:10px;border-radius:10px;margin:0}@media(max-width:1000px){.hero{grid-template-columns:1fr}.model-row,.settings-row{grid-template-columns:1fr;align-items:stretch}.song-workspace .workspace,.sticky-layout,.create-grid{grid-template-columns:1fr}.editor-head{flex-direction:column;align-items:flex-start}.project-title-input{max-width:100%}.sticky-editor{position:static}.sticky-editor textarea{height:auto}.song-editor-wrap .song-editor{min-height:240px}.scroll-sidebar{max-height:none}}@media(max-width:640px){#app{padding:18px 14px 32px}.panel,.hero{padding:16px}.actions{flex-direction:column;align-items:flex-start}.settings-add{width:100%;flex-wrap:wrap}.settings-add select{width:100%;min-width:0}.settings-add-row{width:100%;flex-wrap:wrap}.settings-add-row select,.settings-line select{width:100%;min-width:0}.top-actions{flex-wrap:wrap}.response-grid{grid-template-columns:1fr}.editor-links{gap:12px}.rewrite-drawer{width:100vw}}