:root{color:#17181c;background:#eef2f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;overflow-y:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-page{min-height:100dvh;display:grid;place-items:center;background:#f4f7fb;padding:24px;overflow:auto}.login-panel{width:min(420px,100%);background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:32px;box-shadow:0 18px 60px #1f2d3d14}.login-panel h1{margin:14px 0 8px;font-size:28px}.login-panel p{margin:0 0 22px;color:#667085}.audio-login-panel{width:min(520px,100%)}.login-panel form{display:grid;gap:12px}.login-panel input,.composer textarea,.topbar select{border:1px solid #cfd7e6;border-radius:6px;padding:11px 12px;outline:none;background:#fff}.login-panel button,.new-task,.composer button,.icon-button{border:0;border-radius:6px;background:#0f62fe;color:#fff;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.secondary-button,.primary-button,.audio-back{border:0;border-radius:12px;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit}.secondary-button{background:#eef3f8;color:#132238}.primary-button{background:linear-gradient(135deg,#0f62fe,#1340a0);color:#fff;box-shadow:0 10px 24px #0f62fe38}.audio-back{background:#0f62fe1f;color:#0f3d8a}.secondary-button:disabled,.primary-button:disabled,.audio-back:disabled{opacity:.5;cursor:not-allowed}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:304px 1fr;overflow:hidden}.sidebar{min-height:0;background:#111318;color:#fff;padding:16px;display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:12px;padding:6px 4px 12px}.brand strong,.brand span{display:block}.brand span{color:#a6adbb;font-size:12px;margin-top:2px}.new-task{width:100%;background:#2563eb}.session-list{min-height:0;overflow:auto;display:grid;align-content:start;gap:8px;padding-right:2px}.session-item{position:relative;width:100%;border:1px solid transparent;background:#1a1d24;color:#fff;border-radius:8px;padding:0;outline:none}.session-item:hover,.session-item:focus-within{background:#222733}.session-item.active,.session-item.active:hover,.session-item.active:focus-visible{background:#eef5ff;color:#111827;border-color:#78a8ff}.session-main{min-width:0;cursor:pointer;padding:12px 64px 12px 12px;border-radius:8px;outline:none}.session-main:focus-visible{box-shadow:inset 0 0 0 2px #91b7ff}.session-main span,.session-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-main small{color:#8d96a8;margin-top:5px}.session-actions{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;gap:6px;color:#7b8494}.action-icon{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:currentColor;display:inline-grid;place-items:center;padding:0}.action-icon:hover,.action-icon:focus-visible{background:#7f8ba229}.action-icon.danger:hover,.action-icon.danger:focus-visible{color:#d92d20;background:#d92d201f}.workspace{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto;background:#f7f9fc}.topbar{min-height:64px;border-bottom:1px solid #dfe5ef;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;background:#fff;min-width:0}.task-title{min-width:0;display:grid;gap:2px}.task-title strong,.task-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-title strong{font-size:15px;color:#1d2737}.task-title span{font-size:12px;color:#667085}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.icon-button{background:#172033}.icon-button.coach{background:linear-gradient(135deg,#0f766e,#1340a0)}.icon-button:disabled,.composer button:disabled{opacity:.5;cursor:not-allowed}.messages{min-height:0;overflow:auto;padding:28px clamp(18px,4vw,56px);overscroll-behavior:contain;scrollbar-gutter:stable}.empty{max-width:520px;margin:14vh auto 0;text-align:center;color:#667085}.empty h2{color:#1d2737;font-size:30px}.message{max-width:820px;margin:0 auto 14px;display:flex;min-width:0}.message>div{max-width:min(100%,820px);overflow-wrap:anywhere;word-break:break-word;line-height:1.75;border-radius:8px;padding:14px 16px;border:1px solid #e0e7f2;background:#fff}.rich-message p{margin:0 0 12px}.rich-message p:last-child,.rich-message ul:last-child,.rich-message ol:last-child,.rich-message .rich-table-wrap:last-child{margin-bottom:0}.rich-message h4{margin:4px 0 10px;font-size:16px;line-height:1.45;color:#172033}.rich-message ul,.rich-message ol{margin:0 0 12px;padding-left:22px}.rich-message li{margin:4px 0}.rich-message strong{font-weight:700;color:#0f3d8a}.rich-message code{padding:2px 5px;border-radius:5px;background:#eef2f7;color:#394152;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.rich-message a{color:#0f62fe;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(15,98,254,.35)}.rich-message a:hover{border-bottom-color:currentColor}.rich-table-wrap{max-width:100%;overflow-x:auto;margin:10px 0 14px;border:1px solid #dfe6f1;border-radius:8px;background:#fff}.rich-message table{width:100%;border-collapse:collapse;font-size:14px}.rich-message th,.rich-message td{padding:10px 12px;border-bottom:1px solid #e8edf5;text-align:left;vertical-align:top}.rich-message th{background:#f4f7fb;color:#344054;font-weight:700}.rich-message tr:last-child td{border-bottom:0}.message.user{justify-content:flex-end}.message.user>div{background:#0f62fe;color:#fff;border-color:#0f62fe}.message.user .rich-message strong,.message.user .rich-message a,.message.user .rich-message code{color:#fff}.message.user .rich-message a{border-bottom-color:#ffffff8c}.message.user .rich-message code{background:#ffffff29}.message.assistant{justify-content:flex-start}.typing{max-width:820px;margin:0 auto;color:#667085;display:flex;align-items:center;gap:8px}.typing svg{animation:spin 1s linear infinite}.spinning{animation:spin 1s linear infinite}.notice{color:#b42318;background:#fff3f0;border:1px solid #ffd0c7;border-radius:6px;padding:10px 12px;margin-top:12px}.notice.inline{margin:0 20px 10px;max-height:96px;overflow:auto}.audio-page{min-height:100dvh;height:auto;padding:20px;overflow-x:hidden;overflow-y:visible;background:radial-gradient(circle at 10% 0%,rgba(15,98,254,.14),transparent 22rem),radial-gradient(circle at 100% 12%,rgba(20,184,166,.14),transparent 20rem),linear-gradient(135deg,#f7fbff,#eef3f8 48%,#f9fbfd);color:#132238}.audio-page--arrangement_coach{background:linear-gradient(180deg,#f7f7f1,#eef4ea)}.audio-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 18px;max-width:1320px}.audio-topbar-copy{min-width:0;display:grid;gap:4px;flex:1}.audio-topbar-copy strong{font-size:18px;color:#10203a}.audio-topbar-copy span{color:#667085;font-size:13px}.audio-page--arrangement_coach .audio-topbar-copy span{color:#4d5a67}.audio-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:18px;align-items:start}.audio-panel{background:#ffffffe6;border:1px solid rgba(208,218,233,.92);border-radius:18px;padding:22px;box-shadow:0 16px 42px #1f2d3d14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-page--arrangement_coach .audio-panel{background:#fffffcf0;border-color:#0f62fe24}.audio-form-panel{display:grid;gap:18px}.audio-hero{position:relative;overflow:hidden;display:grid;gap:12px;padding:24px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#101828,#1340a0 58%,#0f766e)}.audio-page--arrangement_coach .audio-hero{color:#132238;background:linear-gradient(180deg,#fffffff0,#f8faf4f5),repeating-linear-gradient(180deg,rgba(15,98,254,.05) 0,rgba(15,98,254,.05) 1px,transparent 1px,transparent 28px);border:1px solid rgba(15,98,254,.14);box-shadow:inset 0 0 0 1px #ffffff80}.audio-hero h1{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.08}.audio-page--arrangement_coach .audio-hero h1{color:#0f172a}.audio-hero p{margin:0;max-width:56ch;color:#ffffffd1;line-height:1.75}.audio-page--arrangement_coach .audio-hero p{color:#4b5563}.audio-page--arrangement_coach .eyebrow{color:#0f62fe;opacity:1}.audio-form{display:grid;gap:14px}.audio-dropzone{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-radius:14px;border:1px dashed #cbd5e1;background:#f8fbff}.audio-dropzone-copy{min-width:0;display:grid;gap:4px}.audio-dropzone-copy strong{color:#10203a;font-size:15px}.audio-dropzone-copy span{color:#667085;font-size:13px}.field-label{color:#344054;font-size:13px;font-weight:700}.audio-textarea{width:100%;resize:vertical;min-height:280px;border:1px solid #cfd7e6;border-radius:16px;padding:14px 16px;outline:none;background:#fff;line-height:1.7;color:#132238}.audio-textarea:focus{border-color:#0f62fe;box-shadow:0 0 0 3px #0f62fe1f}.audio-actions{display:flex;justify-content:flex-end}.audio-preview-panel{display:grid;gap:14px}.audio-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.audio-preview-head h2{margin:0;font-size:20px;color:#10203a}.audio-preview-head a{text-decoration:none}.report-open-button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#0f62fe,#1340a0);color:#fff;font-weight:700;box-shadow:0 10px 24px #0f62fe3d;white-space:nowrap;border:1px solid rgba(15,98,254,.15)}.report-open-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.report-open-button:focus-visible{outline:3px solid rgba(15,98,254,.2);outline-offset:2px}.audio-preview{max-height:72dvh;overflow:auto;padding-right:4px}.audio-empty{min-height:280px;display:grid;align-content:center;gap:8px;padding:18px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px dashed #d7e0ec;color:#667085}.audio-page--arrangement_coach .audio-empty{background:linear-gradient(180deg,#fffdf7,#f7f9f3),repeating-linear-gradient(180deg,rgba(15,98,254,.04) 0,rgba(15,98,254,.04) 1px,transparent 1px,transparent 30px);border-color:#0f62fe1f}.audio-empty strong{color:#10203a;font-size:16px}.audio-report-meta{display:grid;gap:4px;padding-top:10px;border-top:1px solid #e8edf5;color:#667085;font-size:13px;word-break:break-all}.audio-preview.rich-message{color:#24364d;line-height:1.82}.prompt-page{min-height:100dvh;height:auto;padding:20px;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 10% 0%,rgba(124,58,237,.12),transparent 22rem),radial-gradient(circle at 100% 12%,rgba(15,98,254,.12),transparent 20rem),linear-gradient(135deg,#f8faff,#eef3f8 48%,#fbfcff);color:#132238}.prompt-login-page{background:radial-gradient(circle at 15% 10%,rgba(124,58,237,.12),transparent 18rem),linear-gradient(135deg,#f6f8fc,#eef3f8)}.prompt-login-panel{width:min(560px,100%)}.prompt-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 18px;max-width:1400px}.prompt-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:18px;align-items:start}.prompt-panel{display:grid;gap:18px}.prompt-hero{color:#0f172a;background:linear-gradient(180deg,#fffffff5,#f8fafffa),repeating-linear-gradient(180deg,rgba(15,98,254,.05) 0,rgba(15,98,254,.05) 1px,transparent 1px,transparent 28px);border:1px solid rgba(15,98,254,.12);box-shadow:inset 0 0 0 1px #ffffff7a}.prompt-hero p{color:#4b5563}.prompt-hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.prompt-hero-meta>div,.prompt-summary-grid>div{border:1px solid rgba(208,218,233,.88);border-radius:14px;background:#ffffffb8;padding:12px 14px;display:grid;gap:4px}.prompt-hero-meta strong,.prompt-summary-grid strong{color:#0f172a;font-size:15px}.prompt-hero-meta span,.prompt-summary-grid span{color:#667085;font-size:12px}.prompt-section{display:grid;gap:14px;padding:20px 20px 18px;border-radius:18px;background:#ffffffe6;border:1px solid rgba(208,218,233,.88);box-shadow:0 16px 42px #1f2d3d0f}.prompt-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.prompt-section-head.compact,.inspiration-step-two .inspiration-inline-head{align-items:center}.inspiration-rebuild-button{flex-shrink:0;min-width:164px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#0f62fe);box-shadow:0 14px 28px #7c3aed38}.inspiration-rebuild-button:hover:not(:disabled),.inspiration-rebuild-button:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px #7c3aed4d}.prompt-section-head h2{margin:0;font-size:18px;color:#10203a}.prompt-section-head span{display:block;margin-top:4px;color:#667085;font-size:13px;line-height:1.6}.prompt-template-save{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prompt-inline-input{min-width:180px;border:1px solid #cfd7e6;border-radius:12px;padding:10px 12px;outline:none;background:#fff}.prompt-field-grid{display:grid;gap:14px}.prompt-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-field{display:grid;gap:8px;color:#344054;font-size:13px;font-weight:700}.prompt-field small{color:#667085;font-weight:400;line-height:1.6}.prompt-field input,.prompt-field textarea,.prompt-field select{width:100%;border:1px solid #cfd7e6;border-radius:12px;padding:11px 12px;outline:none;background:#fff;color:#132238}.prompt-field textarea{resize:vertical;min-height:100px;line-height:1.7}.prompt-field input[type=range]{padding:0;border:0;accent-color:#0f62fe}.key-selector{gap:10px}.key-selector-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon-only-button{width:32px;height:32px;border:0;border-radius:8px;background:#eef3f8;color:#0f3d8a;display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0}.icon-only-button:hover{background:#dbe4f0}.key-select{width:100%;border:1px solid #cfd7e6;border-radius:12px;padding:11px 12px;outline:none;background:#fff;color:#132238;font-size:14px}.bpm-field .bpm-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.bpm-field .bpm-header strong{font-size:18px;color:#0f172a}.bpm-leds{display:flex;align-items:center;gap:5px}.bpm-led{display:block;width:10px;height:10px;border-radius:50%;background:#d5deeb;transition:background .05s;animation:bpm-pulse calc(60s / var(--bpm) * 4) infinite;animation-delay:calc(60s / var(--bpm) * var(--i))}@keyframes bpm-pulse{0%,20%{background:#0f62fe;box-shadow:0 0 6px #0f62fe80}22%,to{background:#d5deeb;box-shadow:none}}.prompt-block{display:grid;gap:10px}.prompt-block-label{color:#344054;font-size:13px;font-weight:700}.prompt-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.instrument-grid{padding-bottom:4px}.prompt-chip{border:1px solid #d5deeb;border-radius:999px;background:#fff;color:#22324a;padding:8px 12px;display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1}.prompt-chip:hover{border-color:#9ab7ff;background:#f5f9ff}.prompt-chip.active{border-color:#0f62fe;background:#0f62fe1f;color:#0f3d8a}.prompt-chip.active span{opacity:.72}.prompt-inline-stack{display:flex;gap:10px;align-items:center}.prompt-inline-stack input{flex:1}.prompt-tag-row{display:flex;gap:8px;flex-wrap:nowrap;overflow:auto;padding-bottom:2px}.prompt-tag-row.wrap{flex-wrap:wrap;overflow:visible}.prompt-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prompt-template-card{min-width:0;display:grid;grid-template-columns:10px 1fr;gap:0;padding:0;border:1px solid #d7e0ec;border-radius:16px;overflow:hidden;background:#fff;text-align:left}.prompt-template-card.active{border-color:#0f62fe;box-shadow:0 0 0 1px #0f62fe29,0 12px 28px #0f62fe1f}.prompt-template-cover{min-height:100%}.prompt-template-card-body{min-width:0;display:grid;gap:8px;padding:14px}.prompt-template-card-body strong,.prompt-template-row-body strong{color:#0f172a;font-size:15px}.prompt-template-card-body span,.prompt-template-row-body span{color:#667085;font-size:13px;line-height:1.6}.mood-2d-area{display:grid;gap:10px}.mood-2d-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mood-label{font-size:15px;color:#0f3d8a;background:#eef5ff;padding:4px 12px;border-radius:999px}.mood-2d-plane{position:relative;width:100%;aspect-ratio:1;max-height:240px;border-radius:16px;background:linear-gradient(135deg,#1a237e,#4a148c,#e65100,#fdd835,#fff9c4);cursor:crosshair;-webkit-user-select:none;user-select:none;overflow:hidden}.mood-quadrant{position:absolute;font-size:11px;color:#ffffff8c;font-weight:500}.mood-quadrant.tl{top:8px;left:8px}.mood-quadrant.tr{top:8px;right:8px}.mood-quadrant.bl{bottom:8px;left:8px}.mood-quadrant.br{bottom:8px;right:8px}.mood-axis-label{position:absolute;font-size:11px;color:#ffffffb3;font-weight:500}.mood-axis-label.x-start{bottom:-18px;left:0}.mood-axis-label.x-end{bottom:-18px;right:0}.mood-axis-label.y-start{left:-36px;top:50%;transform:translateY(-50%) rotate(-90deg)}.mood-axis-label.y-end{left:-36px;bottom:50%;transform:translateY(50%) rotate(-90deg)}.mood-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #0f62fe;box-shadow:0 2px 8px #0000004d;transform:translate(-50%,50%);pointer-events:none;transition:left .1s ease,bottom .1s ease}.mood-hint{color:#667085;font-size:12px;text-align:center}.structure-timeline{display:flex;width:100%;height:52px;border-radius:10px;overflow:hidden;gap:2px;margin-bottom:6px}.structure-timeline-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:28px;padding:4px 2px;transition:flex .2s;cursor:default}.structure-timeline-block .timeline-label{font-size:10px;font-weight:700;color:#000000bf;white-space:nowrap}.structure-timeline-block .timeline-note{font-size:9px;color:#00000080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.type-intro{background:#a78bfa}.type-verse{background:#60a5fa}.type-chorus{background:#f472b6}.type-bridge{background:#34d399}.type-outro{background:#fbbf24}.type-instrumental{background:#818cf8}.prompt-structure-list{display:grid;gap:10px}.prompt-structure-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-structure-head strong{color:#10203a}.prompt-structure-row{display:grid;grid-template-columns:136px 96px 1fr minmax(0,1.6fr) auto auto;gap:10px;align-items:end;padding:12px;border-radius:14px;border:1px solid #dbe3ef;background:#fbfdff}.prompt-structure-row label{display:grid;gap:6px;color:#344054;font-size:12px;font-weight:700}.prompt-structure-row input,.prompt-structure-row select{border:1px solid #cfd7e6;border-radius:10px;padding:10px 11px;outline:none;background:#fff;color:#132238}.prompt-structure-row input[type=range]{padding:0;border:0;accent-color:#0f62fe}.prompt-structure-row .grow{min-width:0}.prompt-remove-button{width:38px;height:38px;justify-self:end}.prompt-structure-index{align-self:center;justify-self:end;width:28px;height:28px;border-radius:999px;display:inline-grid;place-items:center;background:#0f62fe14;color:#0f3d8a;font-size:12px;font-weight:700}.prompt-preview-panel{position:sticky;top:20px;display:grid;gap:14px}.prompt-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-preview-head h2{margin:0;font-size:20px;color:#10203a}.prompt-preview-head span{display:block;margin-top:4px;color:#667085;font-size:13px}.prompt-preview-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.term-lookup-wrapper{position:relative}.term-lookup-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:min(560px,92vw);background:#fff;border:1px solid #d7e0ec;border-radius:16px;box-shadow:0 16px 48px #0f223a2e;padding:14px;display:grid;gap:10px;max-height:360px;overflow:hidden}.term-lookup-input{width:100%;border:1px solid #cfd7e6;border-radius:12px;padding:11px 12px;outline:none;background:#fff;color:#132238}.term-lookup-input:focus{border-color:#0f62fe;box-shadow:0 0 0 3px #0f62fe1f}.term-lookup-results{display:grid;gap:6px;overflow-y:auto;max-height:260px}.term-lookup-item{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:#f8fbff;text-align:left;cursor:pointer}.term-lookup-item:hover{background:#eef5ff}.term-lookup-item strong{color:#0f172a;font-size:14px;font-weight:700}.term-lookup-en{color:#667085;font-size:13px;line-height:1.5}.term-lookup-cat{color:#0f3d8a;font-size:12px;padding-left:8px;white-space:nowrap}.term-lookup-empty{color:#667085;font-size:13px;text-align:center;padding:18px}.prompt-preview-shell{display:grid;gap:8px;color:#344054;font-size:13px;font-weight:700}.prompt-preview-textarea{width:100%;min-height:54dvh;resize:vertical;border:1px solid #cfd7e6;border-radius:16px;padding:14px 16px;outline:none;background:#fff;color:#132238;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.prompt-preview-highlighted{width:100%;min-height:54dvh;border:1px solid #cfd7e6;border-radius:16px;padding:14px 16px;outline:none;background:#fff;color:#132238;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;overflow-y:auto;cursor:text}.prompt-preview-highlighted:focus{border-color:#0f62fe;box-shadow:0 0 0 3px #0f62fe1f}.hl-genre{color:#7c3aed}.hl-tech{color:#2563eb}.hl-inst{color:#059669}.hl-struct{color:#d97706}.hl-ref{color:#6b7280}.hl-default{color:#132238}.preview-hint{display:block;color:#9ca3af;font-size:11px;text-align:right}.prompt-preview-textarea:focus{border-color:#0f62fe;box-shadow:0 0 0 3px #0f62fe1f}.prompt-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prompt-template-panel{padding:16px}.prompt-template-empty{padding:14px;border-radius:14px;border:1px dashed #d5deeb;color:#667085;background:#fafcff;line-height:1.7}.prompt-template-list{display:grid;gap:10px}.prompt-template-row{min-width:0;display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;width:100%;border:1px solid #d7e0ec;border-radius:14px;background:#fff;text-align:left;padding:0}.prompt-template-row.active{border-color:#0f62fe;box-shadow:0 0 0 1px #0f62fe24}.prompt-template-dot{min-height:100%;border-radius:14px 0 0 14px}.prompt-template-row-body{min-width:0;display:grid;gap:6px;padding:14px 0}.prompt-template-row small{color:#667085;padding-right:14px;white-space:nowrap}.prompt-brief-list{display:grid;gap:10px}.prompt-brief-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#f8fbff;border:1px solid #dbe4f0}.prompt-brief-list span{color:#667085;font-size:12px}.prompt-brief-list strong{color:#10203a;font-size:13px;text-align:right}.inspiration-page{min-height:100dvh;height:auto;padding:20px;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 10% 0%,rgba(15,98,254,.12),transparent 22rem),radial-gradient(circle at 100% 8%,rgba(14,165,160,.1),transparent 18rem),linear-gradient(135deg,#f7fbff,#f1f5f9 42%,#fbfcff);color:#132238}.inspiration-login-page{background:radial-gradient(circle at 15% 10%,rgba(15,98,254,.12),transparent 18rem),linear-gradient(135deg,#f6f8fc,#eef3f8)}.inspiration-login-panel{width:min(560px,100%)}.inspiration-topbar{max-width:1400px}.inspiration-shell{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:18px;align-items:start}.inspiration-stage{display:grid;gap:18px}.inspiration-hero{display:grid;gap:14px;padding:28px;border-radius:24px;color:#0f172a;background:linear-gradient(180deg,#fffffff7,#f8fafffa),repeating-linear-gradient(180deg,rgba(15,98,254,.05) 0,rgba(15,98,254,.05) 1px,transparent 1px,transparent 28px);border:1px solid rgba(15,98,254,.12);box-shadow:inset 0 0 0 1px #ffffff80,0 18px 48px #0f172a0f}.inspiration-hero h1{margin:0;font-size:clamp(30px,4.8vw,52px);line-height:1.06;letter-spacing:0}.inspiration-hero p{margin:0;max-width:72ch;color:#475467;line-height:1.75;font-size:15px}.inspiration-hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.inspiration-step-pill{display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid #dbe3ef;background:#ffffffd1}.inspiration-step-pill strong{font-size:20px;line-height:1;color:#0f172a}.inspiration-step-pill span{color:#667085;font-size:12px;line-height:1.5}.inspiration-step-pill.active{border-color:#0f62fe;background:#f5f9ff;box-shadow:0 10px 24px #0f62fe1f}.inspiration-panel,.inspiration-side-card{display:grid;gap:16px;padding:22px;border-radius:24px;background:#fffffff0;border:1px solid rgba(208,218,233,.88);box-shadow:0 16px 42px #1f2d3d0f}.inspiration-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.inspiration-panel-head h2{margin:0;font-size:24px;line-height:1.2;color:#10203a}.inspiration-panel-head p{margin:6px 0 0;color:#667085;line-height:1.7;font-size:14px;max-width:68ch}.inspiration-kicker{display:block;margin-bottom:8px;color:#667085;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.inspiration-step-index{flex:0 0 auto;align-self:flex-start;padding:10px 14px;border-radius:999px;background:#eef5ff;color:#0f3d8a;font-weight:700}.inspiration-step-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:16px;align-items:start}.inspiration-main-card,.inspiration-side-card{min-width:0}.inspiration-large-field textarea{min-height:130px}.inspiration-tag-grid{max-height:230px;overflow:auto;padding-right:4px}.inspiration-lyrics-editor,.inspiration-final-prompt{width:100%;min-height:320px;resize:vertical;border:1px solid #cfd7e6;border-radius:18px;padding:16px 18px;outline:none;background:#fff;color:#132238;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.inspiration-final-prompt{min-height:420px;white-space:pre-wrap}.inspiration-lyrics-editor:focus,.inspiration-final-prompt:focus{border-color:#0f62fe;box-shadow:0 0 0 3px #0f62fe1f}.inspiration-form-grid{gap:16px}.inspiration-midi-grid{margin-top:2px}.inspiration-advanced-grid{margin-top:4px}.inspiration-instrument-block{padding:2px 0 0}.inspiration-mood-plane{position:relative;min-height:320px;border-radius:22px;border:1px solid #d7e0ec;background:linear-gradient(180deg,#fffffff7,#f7f9fff7);overflow:hidden;padding:18px;box-shadow:inset 0 1px #fffffff2}.inspiration-mood-plane-grid{position:absolute;inset:18px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;color:#98a2b3;font-size:12px;pointer-events:none}.inspiration-mood-plane-grid span:nth-child(1){align-self:start;justify-self:start}.inspiration-mood-plane-grid span:nth-child(2){align-self:start;justify-self:end}.inspiration-mood-plane-grid span:nth-child(3){align-self:end;justify-self:start}.inspiration-mood-plane-grid span:nth-child(4){align-self:end;justify-self:end}.inspiration-mood-point{position:absolute;width:18px;height:18px;border-radius:999px;transform:translate(-50%,-50%);background:linear-gradient(135deg,#7c3aed,#0f62fe);border:3px solid white;box-shadow:0 10px 24px #6d28d947;pointer-events:none}.wizard-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.wizard-actions.wrap{justify-content:flex-start}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.wizard-footer-hint{flex:1;text-align:center;color:#667085;font-size:13px;line-height:1.6}.version-list{display:grid;gap:10px;max-height:480px;overflow:auto;padding-right:4px}.version-list-compact{max-height:none}.version-card{width:100%;border:1px solid #d7e0ec;border-radius:16px;background:#fff;text-align:left;padding:12px 14px;display:grid;gap:10px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.version-card:hover,.version-card:focus-visible{border-color:#a7b6cf;box-shadow:0 10px 22px #0f172a0f;transform:translateY(-1px)}.version-card.compact{padding:11px 12px}.version-card.active{border-color:#0f62fe;box-shadow:0 0 0 1px #0f62fe29,0 12px 28px #0f62fe1f}.version-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.version-card-title{min-width:0;display:grid;gap:6px}.version-card strong{color:#0f172a;font-size:15px}.version-card span{color:#667085;font-size:12px;white-space:nowrap}.version-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.version-card-meta{display:grid;gap:4px}.version-card-meta span{color:#475467;font-size:13px;white-space:normal}.version-card small{color:#98a2b3;font-size:12px}.version-selected-badge{display:inline-flex;align-items:center;gap:4px;color:#059669;font-size:12px;font-weight:700}.version-empty{padding:14px;border-radius:14px;border:1px dashed #d5deeb;color:#667085;background:#fafcff;line-height:1.7}.inspiration-side-summary{position:sticky;top:20px}.inspiration-side-section{padding:16px}.inspiration-side-note{border-radius:18px}.inspiration-brief-list>div{align-items:flex-start}.inspiration-brief-list strong{text-align:left}.inspiration-analysis-list{gap:8px}.inspiration-analysis-list>div,.inspiration-final-summary>div{align-items:flex-start}.inspiration-analysis-list strong,.inspiration-final-summary strong{text-align:left}.inspiration-summary-panel{position:sticky;top:20px;display:grid;gap:16px}.inspiration-app-shell{min-height:100dvh;display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;background:radial-gradient(circle at 14% 4%,rgba(109,40,217,.12),transparent 22rem),linear-gradient(135deg,#f7f9fd,#eef2f7)}.inspiration-flow-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);gap:0;background:radial-gradient(circle at 14% 4%,rgba(109,40,217,.12),transparent 22rem),linear-gradient(135deg,#f7f9fd,#eef2f7)}.inspiration-flow-page .inspiration-rail{display:none}.inspiration-rail{position:sticky;top:0;height:100dvh;min-height:0;padding:18px 16px;background:#ffffffd1;border-right:1px solid rgba(208,218,233,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;align-content:start;gap:14px;overflow:auto}.inspiration-rail-brand{display:flex;align-items:center;gap:12px;padding:10px 10px 14px}.inspiration-rail-brand strong,.inspiration-rail-brand span{display:block}.inspiration-rail-brand strong{color:#111827;font-size:18px}.inspiration-rail-brand span{color:#6b7280;font-size:12px;margin-top:2px}.inspiration-rail-nav{display:grid;gap:8px;padding:4px}.inspiration-rail-item{border:1px solid transparent;background:transparent;color:#374151;border-radius:14px;padding:11px 12px;display:flex;align-items:center;gap:10px;justify-content:flex-start;text-align:left}.inspiration-rail-item:hover,.inspiration-rail-item:focus-visible,.inspiration-rail-item.active{background:#6d28d914;color:#5b21b6;border-color:#6d28d929}.inspiration-rail-card{border-radius:20px;padding:18px;display:grid;gap:10px;background:linear-gradient(180deg,#f6f2fff5,#e9e2ffe0);border:1px solid rgba(109,40,217,.12);box-shadow:0 14px 32px #6d28d914}.inspiration-rail-card strong{color:#4c1d95;font-size:14px}.inspiration-rail-card p{margin:0;color:#5b556f;line-height:1.65;font-size:13px}.inspiration-rail-visual{display:flex;align-items:center;gap:8px;color:#7c3aed}.inspiration-workspace{min-width:0;padding:20px 20px 26px;overflow:visible}.inspiration-home,.inspiration-flow-shell{max-width:1400px;margin:0 auto}.inspiration-home{display:grid;gap:18px}.inspiration-home-topbar,.inspiration-flow-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.inspiration-home-topbar{padding:4px 4px 2px}.inspiration-home-brand,.inspiration-flow-brand{display:flex;align-items:center;gap:10px;min-width:0}.inspiration-home-brand strong,.inspiration-flow-brand strong{color:#111827;font-size:15px}.inspiration-home-brand span,.inspiration-flow-brand span{color:#6b7280;font-size:12px}.inspiration-home-brand{background:#ffffffb8;border:1px solid rgba(208,218,233,.9);border-radius:16px;padding:10px 14px;box-shadow:0 10px 26px #0f172a0a}.inspiration-home-actions,.inspiration-flow-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.home-save-button,.inspiration-flow-avatar{border:1px solid rgba(208,218,233,.95);background:#ffffffdb;color:#1f2937;border-radius:14px;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px #0f172a0d}.inspiration-flow-avatar{width:44px;height:44px;padding:0}.inspiration-flow-stepper{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;overflow:auto;padding:2px 4px}.inspiration-flow-stepper-item{display:flex;align-items:center;gap:8px;color:#97a0b2;white-space:nowrap;font-size:13px}.inspiration-flow-stepper-item.active{color:#6d28d9}.inspiration-flow-stepper-index{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#eef1f8;color:#6b7280;font-weight:700}.inspiration-flow-stepper-item.active .inspiration-flow-stepper-index{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 8px 18px #7c3aed42}.inspiration-flow-stepper-arrow{color:#c8ced8}.inspiration-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:18px;padding:22px;border-radius:28px;background:#ffffffd1;border:1px solid rgba(208,218,233,.88);box-shadow:0 18px 42px #0f172a0f}.inspiration-home-copy{display:grid;align-content:center;gap:16px;padding:18px 12px 18px 18px}.inspiration-home-copy h1{margin:0;font-size:clamp(30px,4.2vw,58px);line-height:1.06;letter-spacing:-.03em;max-width:14ch;display:grid;gap:6px}.inspiration-home-copy h1 span:first-child{background:linear-gradient(135deg,#5b21b6,#7c3aed 58%,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.inspiration-home-copy h1 span:last-child{background:linear-gradient(135deg,#111827,#4338ca 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.inspiration-home-copy p{margin:0;max-width:58ch;color:#667085;font-size:15px;line-height:1.75}.inspiration-home-actions{justify-content:flex-start;flex-wrap:wrap}.inspiration-home-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:6px}.inspiration-home-step{min-height:175px;padding:18px;border-radius:22px;background:#ffffffeb;border:1px solid #e4e8f1;display:grid;gap:10px;text-align:left;box-shadow:0 12px 28px #0f172a0d;cursor:default}.inspiration-home-step-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7c3aed24,#2563eb1f);color:#6d28d9;display:grid;place-items:center}.inspiration-home-step strong{color:#334155;font-size:15px}.inspiration-home-step span{color:#111827;font-weight:700}.inspiration-home-step small{color:#667085;line-height:1.6;font-size:13px}.inspiration-flow-shell{display:grid;gap:18px}.inspiration-flow-topbar{position:sticky;top:0;z-index:4;padding:2px 4px 14px;margin-bottom:4px;background:linear-gradient(180deg,#f6f9fdfa,#f6f9fdc2),linear-gradient(135deg,transparent 0%,transparent 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.inspiration-flow-stepper{background:#ffffffbf;border:1px solid rgba(208,218,233,.88);border-radius:18px;padding:10px 14px}.inspiration-hero{background:linear-gradient(180deg,#fffffffa,#f8fafffa),repeating-linear-gradient(180deg,rgba(15,98,254,.05) 0,rgba(15,98,254,.05) 1px,transparent 1px,transparent 28px)}.inspiration-step-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:16px;align-items:start}.inspiration-step-two{grid-template-columns:minmax(260px,.34fr) minmax(0,1fr)}.inspiration-step-two .inspiration-side-card{grid-column:1;grid-row:1}.inspiration-step-two .inspiration-main-card{grid-column:2;grid-row:1}.inspiration-step-three{grid-template-columns:minmax(0,1.26fr) minmax(260px,.54fr);gap:18px}.inspiration-step-three .inspiration-main-card,.inspiration-step-three .inspiration-side-card{min-width:0}.inspiration-config-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:20px;background:linear-gradient(180deg,#f8fafff5,#f4f7fffa);border:1px solid #e4e8f1;overflow:auto}.inspiration-config-tabs-step3{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.inspiration-config-tab{border:1px solid transparent;background:#fff;border-radius:16px;padding:12px 12px 11px;text-align:left;display:grid;gap:4px;min-width:108px;box-shadow:0 8px 18px #0f172a0a}.inspiration-config-tab strong{color:#111827;font-size:14px;font-weight:600}.inspiration-config-tabs-step3 .inspiration-config-tab{text-align:center;justify-items:center;gap:2px}.inspiration-config-tab.active{border-color:#7c3aed61;box-shadow:0 14px 24px #7c3aed29}.inspiration-config-tab.active strong{color:#6d28d9}.inspiration-config-panels{display:grid;gap:14px}.inspiration-config-panel-grid{display:grid;gap:16px}.inspiration-config-panel-grid .prompt-field-full{grid-column:1 / -1}.inspiration-mood-panel-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.48fr)}.inspiration-tempo-grid,.inspiration-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-structure-list{display:grid;gap:10px}.inspiration-structure-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(160px,220px) auto;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid #e4e8f1;background:#fafcff}.inspiration-structure-index{width:56px;height:42px;border-radius:12px;background:#eef1f8;display:grid;place-items:center;color:#6b7280;font-weight:700;letter-spacing:.08em}.inspiration-structure-intensity{display:grid;gap:8px}.inspiration-structure-intensity span{color:#667085;font-size:12px}.inspiration-structure-intensity input{width:100%}.inspiration-step-three .inspiration-side-card,.inspiration-step-four .inspiration-side-card{position:sticky;top:90px}.inspiration-step-three .inspiration-side-card.inspiration-style-reco-compact{max-width:330px;justify-self:end}.inspiration-step-two .version-list{max-height:520px}.inspiration-step-two .version-card{border-radius:18px}.inspiration-step-two .version-card.active{border-color:#7c3aed;box-shadow:0 14px 26px #7c3aed24}.inspiration-step-four{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;align-items:start}.inspiration-step-four .inspiration-main-card,.inspiration-step-four .inspiration-side-card{min-width:0}.inspiration-step-four-card{display:grid;gap:14px}.inspiration-step-four-head{align-items:flex-start;gap:12px}.inspiration-copy-button{min-width:128px;justify-content:center;white-space:nowrap}.inspiration-step-four-copy-row{display:flex;justify-content:flex-end}.inspiration-step-four-copy-row .secondary-button{min-width:128px}.inspiration-final-lyrics{width:100%;min-height:420px;resize:vertical;border:1px solid #cfd7e6;border-radius:18px;padding:16px 18px;outline:none;background:#fff;color:#132238;line-height:1.8;font-family:inherit;font-size:14px;white-space:pre-wrap}.inspiration-final-lyrics:focus{border-color:#0f62fe;box-shadow:0 0 0 3px #0f62fe1f}.inspiration-step-four-actions{grid-column:1 / -1;justify-content:flex-start;padding-top:2px}.inspiration-shell,.inspiration-step-one{grid-template-columns:minmax(0,1fr)}.inspiration-step-one .inspiration-main-card{display:grid;gap:18px}.inspiration-step-one .prompt-field{display:grid;gap:10px}.inspiration-step-one .inspiration-large-field textarea{min-height:132px}.inspiration-step-one .wizard-actions{padding-top:4px;margin-top:2px}.inspiration-step-notice{margin-top:2px}.inspiration-style-grid-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inspiration-style-grid-board-step3{gap:14px}.inspiration-tag-grid{gap:10px;padding:6px 2px 2px}.inspiration-tag-grid .prompt-chip{background:linear-gradient(180deg,#f8fafff5,#f2f6fffa);border-color:#dbe4f1;color:#334155;box-shadow:0 8px 18px #0f172a08;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.inspiration-tag-grid .prompt-chip:nth-child(6n+1){background:linear-gradient(180deg,#f0f5fffa,#fafcff)}.inspiration-tag-grid .prompt-chip:nth-child(6n+2){background:linear-gradient(180deg,#f6f8fffa,#fbfcff)}.inspiration-tag-grid .prompt-chip:nth-child(6n+3){background:linear-gradient(180deg,#f3faf8fa,#fbfdfc)}.inspiration-tag-grid .prompt-chip:nth-child(6n+4){background:linear-gradient(180deg,#faf6fffa,#fdfbff)}.inspiration-tag-grid .prompt-chip:nth-child(6n+5){background:linear-gradient(180deg,#faf7f2fa,#fefcf9)}.inspiration-tag-grid .prompt-chip:nth-child(6n+6){background:linear-gradient(180deg,#f3f7fbfa,#fafdff)}.inspiration-tag-grid .prompt-chip:hover{border-color:#c6d4ea;background:linear-gradient(180deg,#f4f8ff,#f8fbff);transform:translateY(-1px)}.inspiration-tag-grid .prompt-chip.active{border-color:#7c3aed;background:linear-gradient(135deg,#7c3aedf5,#6366f1f5);color:#fff;box-shadow:0 12px 24px #7c3aed2e}.inspiration-custom-tag-button{border-style:dashed;border-color:#c7d2fe;color:#5b21b6}.inspiration-custom-tag-button:hover{background:#f4f2fffa}.inspiration-tag-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0f172a38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inspiration-tag-modal-card{width:min(440px,100%);border-radius:24px;padding:22px;background:linear-gradient(180deg,#fffffffa,#fafbfffa);border:1px solid rgba(208,218,233,.92);box-shadow:0 24px 60px #0f172a2e;display:grid;gap:14px}.inspiration-tag-modal-card input{width:100%;border:1px solid #cfd7e6;border-radius:14px;padding:14px 16px;outline:none;background:#fff;color:#132238}.inspiration-tag-modal-card input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.custom-tag-notice{margin:-2px 0 0}.inspiration-tag-modal-actions{display:flex;gap:10px;justify-content:flex-end}.inspiration-step-one .inspiration-large-field+.inspiration-large-field{margin-top:2px}.inspiration-step-one .inspiration-large-field:first-child textarea{min-height:188px}.inspiration-step-one .inspiration-large-field:nth-of-type(2){margin-top:2px}.inspiration-step-one .inspiration-large-field:nth-of-type(3) textarea{min-height:106px}.inspiration-style-card{display:grid;gap:8px;padding:16px 16px 15px;text-align:left;border-radius:18px;border:1px solid #d9e2f0;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 12px 26px #0f172a0d}.inspiration-style-card:nth-child(6n+1){border-left:4px solid #7c3aed}.inspiration-style-card:nth-child(6n+2){border-left:4px solid #0ea5e9}.inspiration-style-card:nth-child(6n+3){border-left:4px solid #10b981}.inspiration-style-card:nth-child(6n+4){border-left:4px solid #f97316}.inspiration-style-card:nth-child(6n+5){border-left:4px solid #2563eb}.inspiration-style-card:nth-child(6n+6){border-left:4px solid #8b5cf6}.inspiration-style-card strong{color:#111827;font-size:16px}.inspiration-style-card span{color:#4b5563;line-height:1.55;font-size:13px}.inspiration-style-card small{color:#6b7280;line-height:1.5;font-size:12px}.inspiration-style-card.active{border-color:#7c3aed;box-shadow:0 16px 30px #7c3aed24;background:linear-gradient(180deg,#fff,#f7f3ff)}.inspiration-style-custom-card{border-style:dashed;border-color:#cad2f5;background:linear-gradient(180deg,#fff,#fbfbff)}.inspiration-style-custom-card.active{border-color:#7c3aed}.inspiration-style-reco{position:sticky;top:90px}.inspiration-use-recommendation{width:100%;justify-content:center}.inspiration-mood-axis-wrap{display:grid;gap:10px}.inspiration-mood-axis{position:relative;min-height:360px;border-radius:24px;padding:18px;border:1px solid #e4e8f1;background:linear-gradient(90deg,#ffffff14 49.8%,#7c3aed14,#ffffff14 50.2%),linear-gradient(180deg,#ffffff14 49.8%,#0ea5e914,#ffffff14 50.2%),linear-gradient(180deg,#fcfdff,#f7f9ff);overflow:hidden;box-shadow:0 16px 34px #0f172a0d}.inspiration-mood-axis:before,.inspiration-mood-axis:after{content:"";position:absolute;background:#94a3b847;pointer-events:none}.inspiration-mood-axis:before{left:50%;top:16px;bottom:16px;width:1px;transform:translate(-.5px)}.inspiration-mood-axis:after{top:50%;left:16px;right:16px;height:1px;transform:translateY(-.5px)}.inspiration-mood-bubble{position:absolute;transform:translate(-50%,50%);border:1px solid rgba(124,58,237,.14);background:#ffffffe6;color:#334155;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;box-shadow:0 10px 22px #0f172a12;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;white-space:nowrap}.inspiration-mood-bubble:hover{transform:translate(-50%,44%) scale(1.02);box-shadow:0 14px 24px #0f172a17}.inspiration-mood-bubble.active{border-color:#7c3aed;background:linear-gradient(135deg,#7c3aedf2,#6366f1f2);color:#fff;box-shadow:0 14px 26px #7c3aed33}.inspiration-mood-anchor{position:absolute;width:14px;height:14px;border-radius:50%;border:3px solid white;background:#22c55e;box-shadow:0 0 0 6px #22c55e1f;transform:translate(-50%,50%);pointer-events:none}.mood-quadrant{position:absolute;font-size:11px;color:#47556985;font-weight:600;letter-spacing:.02em}.mood-quadrant.tl{top:12px;left:12px}.mood-quadrant.tr{top:12px;right:12px}.mood-quadrant.bl{bottom:12px;left:12px}.mood-quadrant.br{bottom:12px;right:12px}.mood-axis-label{position:absolute;font-size:11px;color:#475569c7;font-weight:600;letter-spacing:.02em}.mood-axis-label.x-start{bottom:8px;left:16px}.mood-axis-label.x-end{bottom:8px;right:16px}.mood-axis-label.y-start{left:10px;top:50%;transform:translateY(-50%) rotate(-90deg)}.mood-axis-label.y-end{right:10px;top:50%;transform:translateY(-50%) rotate(90deg)}.inspiration-tempo-recommendation{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#fbfbff,#f4f7ff);border:1px solid #e0e7ff}.inspiration-tempo-recommendation span{color:#6b7280;font-size:12px}.inspiration-tempo-recommendation strong{color:#6d28d9;font-size:18px}.inspiration-tempo-recommendation small{color:#6b7280;font-size:12px;line-height:1.5}.inspiration-tempo-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:center;padding-top:2px}.inspiration-tempo-scale span{position:relative;text-align:center;color:#64748b;font-size:12px}.inspiration-tempo-scale span:before{content:"";position:absolute;top:-8px;left:50%;width:1px;height:6px;transform:translate(-50%);background:#cbd5e1}.inspiration-vocal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inspiration-tone-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.inspiration-instrument-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.inspiration-style-modal-card{width:min(540px,100%)}.inspiration-style-modal-input{width:100%;min-height:140px;resize:vertical;border:1px solid #cfd7e6;border-radius:16px;padding:14px 16px;outline:none;background:#fff;color:#132238;line-height:1.6}.inspiration-style-modal-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.inspiration-style-modal-hint{color:#6b7280;font-size:12px;line-height:1.6}.inspiration-lyrics-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}.inspiration-step-two .inspiration-main-card{display:grid;gap:14px}.inspiration-step-two .wizard-actions{justify-content:flex-end}.inspiration-step-two .wizard-actions>.secondary-button:first-child{margin-right:auto}.inspiration-step-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 0}.inspiration-step-footer .wizard-footer-hint{flex:1;text-align:center}.inspiration-export-actions{display:grid;gap:10px}.inspiration-export-actions .secondary-button{width:100%;justify-content:center}.inspiration-export-card{display:grid;gap:14px}.inspiration-save-field input{width:100%}.inspiration-save-button{width:100%;justify-content:center}.inspiration-summary-panel .panel-head h3,.inspiration-side-card .panel-head h3{margin:0;font-size:18px;color:#10203a}.inspiration-summary-panel .panel-head span,.inspiration-side-card .panel-head span{display:block;margin-top:4px;color:#667085;font-size:13px;line-height:1.6}.inspiration-step-two .inspiration-main-card,.inspiration-step-three .inspiration-main-card,.inspiration-step-four .inspiration-main-card{min-width:0}.icon-button.prompt{background:linear-gradient(135deg,#7c3aed,#0f62fe)}.composer{display:grid;grid-template-columns:1fr 48px;gap:10px;padding:16px 20px 20px;background:#fff;border-top:1px solid #dfe5ef;min-width:0}.composer textarea{resize:none;min-height:48px;max-height:140px;width:100%;line-height:1.55}.composer button{width:48px;padding:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.audio-page{min-height:100dvh;height:auto;padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.audio-topbar{flex-direction:column;align-items:flex-start}.audio-grid{grid-template-columns:1fr}.audio-panel{padding:16px}.audio-hero{padding:18px}.audio-dropzone{flex-direction:column;align-items:flex-start}.audio-preview{max-height:none;overflow:visible}.audio-textarea{min-height:220px}.audio-actions{justify-content:stretch}.audio-actions .primary-button,.audio-dropzone .secondary-button,.audio-back{width:100%}.prompt-page{min-height:100dvh;height:auto;padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.prompt-topbar{flex-direction:column;align-items:flex-start}.prompt-layout{grid-template-columns:1fr}.prompt-panel,.prompt-preview-panel{position:static}.prompt-hero-meta,.prompt-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-template-grid,.prompt-field-grid.two{grid-template-columns:1fr}.prompt-structure-row{grid-template-columns:1fr;align-items:stretch}.prompt-remove-button,.prompt-structure-index{justify-self:start}.prompt-preview-textarea{min-height:42dvh}.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(172px,28dvh) minmax(0,1fr)}.sidebar{height:auto;min-height:0;padding:12px;gap:10px}.brand{padding-bottom:4px}.session-list{display:flex;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.session-item{min-width:220px}.topbar{align-items:flex-start;flex-direction:column;padding:12px 14px}.topbar-actions{width:100%}.topbar select{min-width:0;flex:1}.messages{padding:18px 14px}.empty{margin-top:6vh}.empty h2{font-size:24px}.composer{grid-template-columns:1fr 44px;padding:12px 14px}.composer button{width:44px}.inspiration-app-shell{grid-template-columns:1fr}.inspiration-rail{position:static;width:100%;height:auto;min-height:0;padding:12px}.inspiration-rail-card{display:none}.inspiration-workspace{padding:12px 12px 18px}.inspiration-home-topbar,.inspiration-flow-topbar{grid-template-columns:1fr}.inspiration-home-brand,.inspiration-flow-brand,.home-save-button,.inspiration-flow-avatar{width:100%;justify-content:flex-start}.inspiration-home-hero,.inspiration-shell,.inspiration-step-layout,.inspiration-step-two,.inspiration-step-three,.inspiration-step-four,.inspiration-home-steps,.inspiration-hero-meta,.inspiration-config-tabs,.inspiration-style-grid-board,.inspiration-lyrics-settings,.inspiration-mood-panel-grid{grid-template-columns:1fr}.inspiration-flow-stepper,.inspiration-flow-top-actions{justify-content:flex-start}.inspiration-side-card,.inspiration-summary-panel,.inspiration-style-reco,.inspiration-export-card{position:static}.inspiration-step-two .inspiration-side-card,.inspiration-step-two .inspiration-main-card,.inspiration-step-three .inspiration-main-card,.inspiration-step-three .inspiration-side-card,.inspiration-step-four .inspiration-main-card,.inspiration-step-four .inspiration-side-card{grid-column:auto;grid-row:auto}.inspiration-mood-plane{min-height:240px}.inspiration-config-tab{min-width:0}.inspiration-structure-row{grid-template-columns:1fr}.inspiration-step-footer,.wizard-footer{flex-direction:column;align-items:stretch}.wizard-footer-hint{text-align:left}.inspiration-step-four .prompt-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-step-four{gap:16px}.inspiration-step-four-actions{justify-content:stretch}.inspiration-step-four-actions .secondary-button,.inspiration-step-four-actions .primary-button,.inspiration-step-four-copy-row .secondary-button{width:100%}}