.mv-shell{display:grid;gap:18px;max-width:1320px}.mv-hero,.mv-source-card,.mv-stage-card,.mv-notes-card{border:1px solid var(--line);background:#101622bd;box-shadow:0 18px 42px #0000002e}.mv-hero{min-height:166px;padding:28px;display:flex;justify-content:space-between;gap:28px;align-items:center;background:linear-gradient(120deg,#7659ff2b,#142134d1)}.mv-hero.compact{min-height:118px;padding:22px 26px}.mv-hero h3,.mv-source-card h4,.mv-stage-card h4,.mv-notes-card h4{margin:5px 0 8px;color:var(--ink)}.mv-hero p,.mv-source-card p,.mv-stage-card p{max-width:720px;line-height:1.65;color:var(--muted)}.mv-workflow{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.mv-workflow li{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);color:var(--muted);background:#0c111b7a;font-size:12px}.mv-workflow li span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ffffff0f;color:var(--muted);font-size:11px}.mv-workflow li.is-active{color:#fff;border-color:#9680ffb8;background:#7659ff29}.mv-workflow li.is-active span{color:#fff;background:var(--blue)}.mv-source-card{display:grid;grid-template-columns:minmax(240px,.9fr) 1.5fr;gap:24px;padding:22px 24px}.mv-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--line)}.mv-source-grid span{display:grid;gap:5px;padding:8px 17px;font-size:13px;color:var(--muted)}.mv-source-grid b{color:var(--muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.mv-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mv-stage-card{min-height:220px;padding:22px}.mv-stage-card.active{border-color:#9680ff8c;background:linear-gradient(160deg,#7659ff29,#101622db)}.mv-stage-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:17px;color:#fff;background:var(--blue)}.mv-stage-icon.subtle{background:#ffffff12;color:var(--muted)}.stage-state{display:inline-flex;gap:6px;align-items:center;margin-top:14px;font-size:12px;color:#bcaeff}.stage-state.muted{color:var(--muted)}.mv-notes-card{padding:22px}.mv-notes-card .editor-toolbar{padding:0 0 15px;border-bottom:1px solid var(--line)}.mv-notes-card textarea{width:100%;resize:vertical;margin-top:16px;min-height:132px}.mv-notes-card footer{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:var(--muted);font-size:12px}@media (max-width: 920px){.mv-hero,.mv-source-card{grid-template-columns:1fr;align-items:start}.mv-source-grid{border-left:0;border-top:1px solid var(--line);padding-top:10px}.mv-stage-grid{grid-template-columns:1fr}}@media (max-width: 600px){.mv-hero{padding:20px;flex-direction:column}.mv-source-card,.mv-notes-card{padding:18px}.mv-source-grid{grid-template-columns:1fr}.mv-notes-card footer{flex-direction:column}}.mv-creative-shell{display:grid;gap:16px;margin-top:20px}.mv-creative-loading{display:inline-flex;align-items:center;gap:8px;color:var(--muted);padding:16px 0}.mv-creative-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:18px;border:1px solid var(--line);background:#131b2ca6}.mv-creative-heading h4{margin:4px 0}.mv-creative-heading p{margin:0;color:var(--muted)}.mv-instruction{display:grid;gap:6px;min-width:min(360px,100%);color:var(--muted);font-size:12px}.mv-instruction input{min-width:280px}.mv-creative-stages{display:grid;gap:14px}.mv-creative-card{display:grid;gap:14px;border:1px solid var(--line);padding:18px;background:#0e1422b8}.mv-creative-card.is-approved{border-color:#70a4ffa6;box-shadow:inset 3px 0 #70a4ff}.mv-creative-card header{display:flex;justify-content:space-between;gap:16px}.mv-creative-card h4{margin:4px 0}.mv-creative-card header p:last-child{margin:0;color:var(--muted);max-width:760px}.creative-state{display:inline-flex;gap:6px;align-items:center;align-self:start;white-space:nowrap;border:1px solid var(--line);padding:5px 9px;font-size:12px;color:var(--muted)}.creative-state.approved{color:#a8c6ff;border-color:#507ac3;background:#456eb72e}.creative-versions{display:flex;flex-wrap:wrap;gap:7px}.creative-versions button{border:1px solid var(--line);color:var(--muted);background:transparent;padding:5px 8px;font-size:12px}.creative-versions button.is-selected{color:#fff;border-color:#6f9eff;background:#5f8ff52e}.creative-empty{margin:0;color:var(--muted);font-size:14px}.creative-json{width:100%;min-height:300px;resize:vertical;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#dce6ff;background:#040912bf;border:1px solid var(--line);padding:13px}.mv-creative-card footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 760px){.mv-creative-heading,.mv-creative-card header{display:grid}.mv-instruction input{min-width:0;width:100%}}.storyboard-scenes,.shot-camera-tree{display:grid;gap:10px;margin:4px 0}.storyboard-scene,.shot-scene-group{border:1px solid var(--line);background:#0a0e1f75;padding:13px}.storyboard-scene{display:grid;grid-template-columns:166px minmax(0,1fr);gap:14px}.storyboard-scene-index{display:grid;align-content:start;gap:6px;color:#a8c6ff;font-size:12px}.storyboard-scene-index span,.storyboard-scene-meta,.storyboard-continuity,.shot-camera-row small{color:var(--muted)}.storyboard-scene h5,.shot-scene-group h5{margin:3px 0 6px;font-size:14px}.storyboard-scene p{margin:5px 0;line-height:1.55}.storyboard-continuity{border-left:2px solid #6f9eff;padding-left:9px;font-size:12px}.shot-scene-group h5{display:flex;align-items:center;gap:6px;color:#a8c6ff}.shot-camera-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;padding:10px 0;border-top:1px solid var(--line)}.shot-camera-row>span{color:var(--muted);font-size:11px;letter-spacing:.05em}.shot-camera-row p,.shot-camera-row small{display:block;margin:3px 0 0;line-height:1.45}@media (max-width: 740px){.storyboard-scene,.shot-camera-row{grid-template-columns:1fr;gap:5px}}.reference-bible{display:grid;gap:12px;margin:4px 0}.reference-global,.reference-group,.reference-map{border:1px solid var(--line);background:#0a0e1f75;padding:14px}.reference-panel-heading{display:flex;align-items:center;gap:7px;color:#a8c6ff;font-size:12px;letter-spacing:.06em}.reference-panel-heading span{font-weight:700}.reference-panel-heading small{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:.04em}.reference-global>p{margin:10px 0;line-height:1.55;color:var(--ink)}.reference-tags{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 12px}.reference-tags span{border:1px solid rgba(111,158,255,.45);background:#5f8ff51f;color:#c9d9ff;padding:4px 7px;font-size:11px}.reference-global dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.reference-global dl div{display:grid;gap:4px}.reference-global dt{color:var(--muted);font-size:10px;letter-spacing:.06em}.reference-global dd{margin:0;color:#cfd8e9;font-size:12px;line-height:1.45}.reference-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-group{min-height:120px}.reference-item{border-top:1px solid var(--line);padding:9px 0}.reference-item:first-of-type{margin-top:8px}.reference-item strong{color:var(--ink);font-size:13px}.reference-item p,.reference-empty{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.reference-map{display:grid;gap:0}.reference-map-row{display:grid;grid-template-columns:116px 92px minmax(0,1fr);gap:10px;align-items:start;border-top:1px solid var(--line);padding:10px 0}.reference-map-row:first-of-type{margin-top:8px}.reference-map-row strong{color:#c9d9ff;font-size:12px}.reference-map-row span{color:var(--muted);font-size:11px}.reference-map-row p,.reference-map-row small{grid-column:3;margin:0;color:var(--muted);font-size:12px;line-height:1.45}.reference-map-row small{color:#cfd8e9}@media (max-width: 740px){.reference-global dl,.reference-summary-grid{grid-template-columns:1fr}.reference-map-row{grid-template-columns:1fr;gap:4px}.reference-map-row p,.reference-map-row small{grid-column:1}}.mv-generation-shell{margin-top:18px;border:1px solid rgba(143,132,255,.36);border-radius:16px;background:linear-gradient(145deg,#201c449e,#111422eb);overflow:hidden}.mv-generation-shell>header,.mv-generation-heading{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.mv-generation-heading h4,.mv-generation-shell h5,.mv-generation-shell h6{margin:3px 0 6px}.mv-generation-heading p,.mv-generation-shell p{margin:0;color:var(--muted);line-height:1.55}.mv-generation-shell.is-locked{border-style:dashed;opacity:.78}.mv-generation-loading{display:inline-flex;gap:8px;align-items:center;padding:20px;color:var(--muted)}.generation-provider-notice,.generation-reference-assets,.generation-shots,.generation-step9{margin:18px;border:1px solid var(--line);border-radius:12px;background:#05081357}.generation-provider-notice{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px}.generation-provider-notice strong{font-size:.75rem;letter-spacing:.08em}.generation-capability-tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.generation-capability-tags span{border-radius:999px;padding:5px 8px;font-size:.72rem;border:1px solid var(--line)}.generation-capability-tags .available{border-color:#65dbac8c;color:#99edca}.generation-capability-tags .disabled{color:var(--muted)}.generation-section-heading{display:flex;align-items:center;gap:9px;padding:16px 17px 8px}.generation-section-heading small{margin-left:auto;color:var(--muted)}.generation-section-heading h5{font-size:1rem}.generation-help{padding:0 17px 14px;font-size:.84rem}.reference-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:0 17px 17px}.reference-asset-card,.generation-shot-card{border:1px solid var(--line);border-radius:10px;background:#0e1120b8;padding:13px}.reference-asset-card header,.generation-shot-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.reference-asset-card h6,.generation-shot-card h6{font-size:.88rem;word-break:break-word}.reference-asset-card small,.generation-shot-card small{color:var(--muted)}.asset-status,.job-state{border:1px solid var(--line);padding:4px 7px;border-radius:999px;color:var(--muted);font-size:.69rem;white-space:nowrap}.asset-status.ready,.job-state.succeeded{color:#9cedcf;border-color:#4fcc9780}.job-state.queued,.job-state.running{color:#f4d286;border-color:#f4d28680}.reference-asset-card footer,.generation-shot-card footer{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}.generation-scene{margin:0 17px 18px;border-top:1px solid var(--line);padding-top:12px}.generation-scene>h5{color:#cfd3ef;font-size:.79rem;letter-spacing:.09em}.generation-shot-card{margin-top:9px}.generation-shot-card header p{font-size:.78rem}.generation-shot-card details{margin-top:10px;border-radius:8px;background:#ffffff09;padding:8px 9px}.generation-shot-card summary{cursor:pointer;color:#c5c9e7;font-size:.78rem}.generation-shot-card details p{margin-top:8px;font-size:.78rem;white-space:pre-line}.generation-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.generation-output{min-height:86px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#0000001f}.generation-output-heading{display:flex;justify-content:space-between;gap:8px;font-size:.75rem}.generation-output>p{font-size:.75rem;margin-top:8px}.artifact-gallery{display:grid;gap:7px;margin-top:8px}.artifact-tile{padding:7px;border:1px solid var(--line);border-radius:7px;background:#ffffff06}.artifact-tile.is-selected{border-color:#6bdaa8a6;box-shadow:inset 0 0 0 1px #6bdaa82e}.artifact-tile img,.artifact-tile video{width:100%;max-height:180px;object-fit:cover;border-radius:5px;display:block}.artifact-tile>div{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:6px}.artifact-tile button,.artifact-preview-placeholder{border:1px solid rgba(140,144,202,.45);color:#d5d7f8;background:#4f4b9d38;border-radius:6px;padding:4px 6px;font-size:.7rem}.artifact-preview-placeholder{width:100%;min-height:42px;display:inline-flex;gap:6px;align-items:center;justify-content:center}.generation-step9{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}.generation-step9.is-ready{border-color:#53ce9b80;background:#318b651a}.generation-step9>span{color:var(--muted)}.generation-step9.is-ready>span{color:#8eeac0}@media (max-width: 720px){.mv-generation-shell>header,.mv-generation-heading,.generation-provider-notice{flex-direction:column}.generation-capability-tags{justify-content:flex-start}.generation-output-grid{grid-template-columns:1fr}}:root{color:#edf0f6;background:#111318;font-family:IBM Plex Sans KR,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#111318}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:root{--ink: #edf0f6;--muted: #8c94a4;--floor: #111318;--panel: #171a20;--panel-2: #1d2129;--line: #2a303b;--blue: #4d7cff;--danger: #ff766d;--success: #72d2ae}.startup-state,.setup-shell{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.setup-shell{padding:24px;background:radial-gradient(circle at 8% 0%,#1e2b4a 0,transparent 34%),#111318}.setup-card{max-width:640px;padding:42px;background:#171a20eb;border:1px solid var(--line);box-shadow:0 30px 90px #0008}.setup-card h1{margin:15px 0 10px;font:600 clamp(28px,5vw,42px)/1.06 "Space Grotesk",sans-serif;letter-spacing:-.05em}.setup-card p{color:var(--muted);line-height:1.75}.setup-card code{color:#b9c8ff;font-family:IBM Plex Mono,monospace}.setup-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.setup-steps span{display:flex;gap:8px;align-items:center;font:12px IBM Plex Mono,monospace;color:#bdc4d0;border:1px solid var(--line);padding:10px 12px}.brand-mark{display:block;object-fit:contain;border-radius:11px}.eyebrow{margin:0;color:#8090b5;font:600 10px/1.2 IBM Plex Mono,monospace;letter-spacing:.13em}.primary-button,.secondary-button,.sort-button,.icon-button{border:1px solid transparent;transition:background-color .14s cubic-bezier(.23,1,.32,1),border-color .14s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1)}.primary-button{min-height:44px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:8px;border-color:#6a90ff;background:var(--blue);color:#fff;font-weight:700}.primary-button:hover:not(:disabled){background:#6089ff}.primary-button:active,.secondary-button:active,.icon-button:active{transform:scale(.97)}.primary-button:disabled{opacity:.58}.compact{min-height:38px;padding:0 13px;font-size:13px}.secondary-button{min-height:40px;padding:0 13px;background:#222832;border-color:#354052;color:var(--ink);font-weight:600}.secondary-button:hover{background:#293142}.icon-button{width:34px;height:34px;display:grid;place-items:center;color:#aeb7c6;background:transparent;border-color:transparent}.icon-button:hover{background:#292f3a;border-color:#394453;color:#fff}.icon-button.danger:hover{color:var(--danger);border-color:#623b42;background:#2c2026}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1.25fr) minmax(420px,.75fr);background:#111318}.login-visual{position:relative;overflow:hidden;padding:clamp(36px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(105deg,#111318 35%,#151b27bb),var(--login-art) center/cover}.login-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#11131833,transparent 70%);pointer-events:none}.login-visual-kicker,.login-visual p{position:relative;z-index:1;font:500 11px IBM Plex Mono,monospace;letter-spacing:.17em;color:#b7c6f5}.login-visual p{margin:0;font-size:13px;color:#e6e9f1}.meter-stack{position:relative;z-index:1;display:flex;align-items:flex-end;gap:10px;height:42vh}.meter-stack i{display:block;width:11px;background:linear-gradient(0deg,#4d7cff,#9eb4ff);box-shadow:0 0 22px #4d7cff55}.meter-stack i:nth-child(1){height:28%}.meter-stack i:nth-child(2){height:72%}.meter-stack i:nth-child(3){height:45%}.meter-stack i:nth-child(4){height:100%}.meter-stack i:nth-child(5){height:56%}.login-panel{display:grid;place-items:center;padding:48px;background:#171a20}.login-card{width:min(100%,395px)}.brand-lockup{display:flex;align-items:center;gap:12px;font:600 16px/.85 Space Grotesk,sans-serif;letter-spacing:-.06em}.login-card>.eyebrow{margin-top:64px}.login-card h1{margin:12px 0 10px;font:600 clamp(30px,4vw,42px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.06em}.login-copy{margin:0;color:var(--muted);line-height:1.6}.login-form{margin-top:33px;display:grid;gap:19px}.login-form label,.project-form label{display:grid;gap:7px;color:#b9c0cb;font-size:12px;font-weight:600}.login-form input,.project-form input,.project-form textarea,.project-form select{width:100%;border:1px solid #313946;background:#101218;color:var(--ink);padding:12px 13px;outline:none;transition:border-color .14s,background-color .14s}.login-form input:focus,.project-form input:focus,.project-form textarea:focus,.project-form select:focus{border-color:var(--blue);background:#121622}.form-error{margin:0;display:flex;gap:7px;align-items:center;color:#ff9c96;font-size:12px}.login-footnote{margin-top:24px;color:#69717f;font-size:11px}.app-shell{min-height:100vh;display:grid;grid-template-columns:174px minmax(0,1fr) auto;background:#111318}.global-rail{min-height:100vh;display:flex;flex-direction:column;padding:20px 12px;border-right:1px solid var(--line);background:#15181e}.rail-brand{display:flex;align-items:center;gap:9px;padding:0 8px 36px;font:600 15px/.86 Space Grotesk,sans-serif;letter-spacing:-.07em}.global-rail nav{display:grid;gap:5px}.rail-item{width:100%;display:flex;gap:10px;align-items:center;padding:10px 11px;border:0;background:transparent;color:#8f98a8;text-decoration:none;font-size:12px;font-weight:600;text-align:left}.rail-item:hover,.rail-item.is-active{color:#eaf0ff;background:#202735}.rail-item.is-active{box-shadow:inset 2px 0 0 var(--blue)}.rail-bottom{margin-top:auto;display:grid;gap:7px}.user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 11px;color:#687283;font:10px IBM Plex Mono,monospace}.dashboard-main{min-width:0;padding:clamp(24px,4vw,58px);background:radial-gradient(circle at 100% 0,#1d2a4b33,transparent 28%),#111318}.workspace-header{display:flex;justify-content:space-between;gap:20px;align-items:end}.workspace-header h1{margin:6px 0 0;font:600 clamp(31px,4vw,47px)/1 "Space Grotesk",sans-serif;letter-spacing:-.07em}.workspace-header h1 span{color:#69748b;font:500 15px IBM Plex Mono,monospace;vertical-align:top}.dashboard-toolbar{display:flex;align-items:center;gap:9px;margin:35px 0 15px}.search-field,.filter-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#171a20;color:#8792a7;padding:0 11px;height:40px}.search-field{min-width:min(100%,340px)}.search-field input,.filter-field select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#d9dfe9;font-size:12px}.filter-field select{width:112px}.sort-button{height:40px;display:flex;align-items:center;gap:7px;border-color:var(--line);background:#171a20;color:#abb4c3;padding:0 12px;font:11px IBM Plex Mono,monospace}.sort-button:hover{border-color:#435271;background:#1d2430}.workspace-error{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 0 13px;padding:11px 14px;color:#ffa7a2;background:#311e25;border:1px solid #6c3e47;font-size:12px}.workspace-error button{border:0;background:transparent;color:#ffa7a2;font-size:18px}.project-list{border-top:1px solid var(--line)}.project-row{display:flex;align-items:stretch;min-height:90px;border-bottom:1px solid var(--line);background:#15181e;transition:background-color .14s}.project-row:hover{background:#191d25}.project-open-area{min-width:0;flex:1;display:grid;grid-template-columns:minmax(225px,1.7fr) minmax(80px,.65fr) minmax(90px,.75fr) minmax(115px,.85fr) 125px 26px;align-items:center;gap:18px;padding:13px 0 13px 18px;border:0;background:transparent;color:inherit;text-align:left}.project-title{display:flex;align-items:center;gap:11px;min-width:0}.project-title h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 16px Space Grotesk,sans-serif;letter-spacing:-.035em}.project-title p{margin:5px 0 0;color:#7d8695;font-size:11px}.signal-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#687184;box-shadow:0 0 0 4px #68718420}.status-writing,.status-generating{background:var(--blue);box-shadow:0 0 0 4px #4d7cff24}.status-selected,.status-finished{background:var(--success);box-shadow:0 0 0 4px #72d2ae24}.status-mv{background:#c294ff;box-shadow:0 0 0 4px #c294ff24}.project-metric{display:grid;gap:5px;min-width:0}.project-metric span{color:#697383;font:10px IBM Plex Mono,monospace;letter-spacing:.06em}.project-metric strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8ced8;font-size:11px;font-weight:500}.project-metric.mono strong{font-family:IBM Plex Mono,monospace}time{color:#7b8493;font:10px IBM Plex Mono,monospace}.row-chevron{color:#59647a}.row-actions{display:flex;align-items:center;padding:0 13px 0 8px}.empty-state{min-height:330px;display:grid;place-content:center;justify-items:center;gap:10px;color:#7f8999;text-align:center}.empty-state h2{margin:0;color:#c8cfd9;font:600 18px Space Grotesk,sans-serif}.empty-state p{max-width:340px;margin:0;color:#737d8d;font-size:12px;line-height:1.6}.empty-state svg{color:#7894f1}.empty-state .secondary-button{margin-top:7px}.project-editor{width:min(510px,40vw);min-height:100vh;padding:28px;border-left:1px solid var(--line);background:#191d25;box-shadow:-20px 0 65px #0003}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:7px 0 0;font:600 24px Space Grotesk,sans-serif;letter-spacing:-.05em}.project-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:25px}.project-form .span-two{grid-column:span 2}.project-form textarea{resize:vertical;line-height:1.65}.project-form small{color:#697382;font-size:10px;font-weight:400}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.global-rail{min-height:auto;flex-direction:row;align-items:center;gap:15px;border-right:0;border-bottom:1px solid var(--line);padding:11px}.rail-brand{padding:0}.global-rail nav{margin-left:auto}.rail-bottom{display:none}.dashboard-main{padding:22px}.project-open-area{grid-template-columns:minmax(180px,1fr) minmax(70px,.6fr) 25px;gap:12px}.project-metric:nth-of-type(2),.project-metric:nth-of-type(3),time{display:none}.project-editor{position:fixed;z-index:5;right:0;top:0;width:min(540px,100vw);overflow:auto;box-shadow:-20px 0 70px #0008}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.dashboard-toolbar{flex-wrap:wrap}.search-field{flex:1}.workspace-header{align-items:start;flex-direction:column}.project-form{grid-template-columns:1fr}.project-form .span-two{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:#111318}.workspace-rail{min-height:100vh;padding:19px 12px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#15181e}.back-button{display:flex;align-items:center;gap:6px;padding:7px;border:0;background:transparent;color:#9ca6b7;font:11px IBM Plex Mono,monospace;text-align:left}.back-button:hover{color:#fff}.workspace-project-name{padding:30px 8px 26px;border-bottom:1px solid var(--line)}.workspace-project-name h1{margin:8px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 22px Space Grotesk,sans-serif;letter-spacing:-.05em}.workspace-project-name>span{color:#7e8796;font-size:11px}.workspace-nav{display:grid;gap:4px;padding:15px 0}.workspace-nav button{padding:10px 11px;border:0;border-left:2px solid transparent;background:transparent;color:#8791a1;text-align:left;font-size:12px;font-weight:600}.workspace-nav button:hover,.workspace-nav button.is-active{background:#202735;color:#e9efff}.workspace-nav button.is-active{border-left-color:var(--blue)}.project-stat{margin-top:auto;display:grid;gap:5px;padding:14px 8px;color:#c9d0dd}.project-stat span{margin-top:8px;color:#6f7989;font:10px IBM Plex Mono,monospace;letter-spacing:.08em}.project-stat strong{font-size:12px;font-weight:500}.workspace-canvas{min-width:0;padding:clamp(22px,4vw,54px);background:radial-gradient(circle at 100% 0,#1d2a4b2e,transparent 34%),#111318}.canvas-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid var(--line)}.canvas-header h2{margin:8px 0 0;font:600 clamp(28px,3.7vw,43px)/1 "Space Grotesk",sans-serif;letter-spacing:-.065em}.save-indicator{display:flex;align-items:center;gap:7px;color:#8d97a7;font:11px IBM Plex Mono,monospace}.save-indicator i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #72d2ae20}.save-indicator.saving i{background:#a8b8db}.save-indicator.failed{color:#ff9a94}.save-indicator.failed i{background:var(--danger)}.workspace-loading{min-height:300px;display:grid;place-content:center;gap:13px;color:#8994a6;justify-items:center;font-size:12px}.workspace-loading svg{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin-top:24px}.overview-intro,.overview-meta{background:#171a20;border:1px solid var(--line);padding:22px}.overview-intro p:last-child{margin:14px 0 0;color:#b4bdca;line-height:1.75;font-size:13px}.overview-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px}.overview-meta div{display:grid;gap:6px}.overview-meta span,.detail-field>span,.prompt-text>span{color:#778294;font:10px IBM Plex Mono,monospace;letter-spacing:.08em}.overview-meta strong{color:#dbe1eb;font-size:13px;font-weight:500}.span-full{grid-column:span 2}.editor-layout{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 174px);margin-top:24px;border:1px solid var(--line);background:#171a20}.take-strip{padding:12px 9px;border-right:1px solid var(--line);background:#15181e}.take-strip-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 12px;color:#718095;font:10px IBM Plex Mono,monospace;letter-spacing:.08em}.take-strip-heading .icon-button{width:27px;height:27px}.take-item{width:100%;display:grid;gap:5px;padding:10px 9px;border:0;border-left:2px solid transparent;background:transparent;color:#b1bac9;text-align:left}.take-item:hover,.take-item.is-active{background:#222936;color:#f0f4fc}.take-item.is-active{border-left-color:var(--blue)}.take-item span{display:flex;gap:5px;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.take-item span svg{color:#ffbd5c}.take-item small{color:#6f7a8d;font:9px IBM Plex Mono,monospace}.editor-surface,.prompt-editor{min-width:0;display:flex;flex-direction:column;padding:16px}.editor-toolbar,.editor-footer,.prompt-title-row{display:flex;align-items:center;gap:10px}.editor-toolbar{justify-content:space-between}.version-name-input,.version-label-input{min-width:0;border:0;border-bottom:1px solid #3a4352;background:transparent;color:#f0f3f9;padding:8px 1px;outline:0;font:600 17px Space Grotesk,sans-serif;letter-spacing:-.035em}.version-name-input:focus,.version-label-input:focus{border-color:var(--blue)}.version-label-input{width:80px;font:11px IBM Plex Mono,monospace;letter-spacing:0}.editor-actions,.editor-footer>div{display:flex;flex-wrap:wrap;gap:7px}.tool-button{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid #303946;background:transparent;color:#9ca7b9;font-size:10px;font-weight:600}.tool-button:hover:not(:disabled){border-color:#52658a;color:#edf2ff;background:#202735}.tool-button:disabled{opacity:.4}.tool-button.is-favorite{border-color:#9e7245;color:#ffc36b;background:#36281b}.danger-text:hover:not(:disabled){border-color:#704148;color:#ff9b95;background:#302027}.lyrics-textarea{width:100%;flex:1;min-height:480px;margin:16px 0;border:0;outline:0;resize:none;background:#12141a;color:#e7ebf2;padding:clamp(18px,3vw,34px);font:400 16px/1.75 IBM Plex Sans KR,sans-serif;white-space:pre-wrap}.lyrics-textarea:focus{box-shadow:inset 2px 0 0 var(--blue)}.editor-footer{justify-content:space-between;padding-top:15px}.inline-save{color:#7c8796;font:10px IBM Plex Mono,monospace}.inline-save.saving{color:#b6c7ef}.inline-save.saved{color:#86d8b8}.inline-save.failed{color:#ff9b95}.suno-shell{margin-top:24px}.mode-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line)}.mode-tabs button{padding:0 3px 11px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8490a2;font-size:12px;font-weight:700}.mode-tabs button.is-active{border-color:var(--blue);color:#e8edfa}.mode-tabs span{margin-left:5px;color:#6f7c91;font:10px IBM Plex Mono,monospace}.prompt-layout{margin-top:15px;min-height:calc(100vh - 220px)}.prompt-editor{gap:17px}.prompt-title-row{justify-content:space-between}.prompt-title-row .version-name-input{flex:1}.prompt-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prompt-text{position:relative;display:grid;gap:8px;padding:14px;background:#12141a;border:1px solid #2a303b}.prompt-text textarea,.detail-field textarea{width:100%;resize:vertical;border:0;outline:0;background:transparent;color:#dfe5ee;font:12px/1.65 IBM Plex Sans KR,sans-serif}.copy-button{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;border:0;background:#222936;color:#b7c3d9;padding:5px 7px;font:10px IBM Plex Mono,monospace}.copy-button:hover{color:#fff;background:#2e3c59}.prompt-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-field{display:grid;gap:7px}.detail-field input,.detail-field select,.detail-field textarea{width:100%;border:1px solid #303946;outline:0;background:#12141a;color:#dfe5ee;padding:10px;font-size:12px}.detail-field input:focus,.detail-field select:focus,.detail-field textarea:focus{border-color:var(--blue)}.detail-field.full{grid-column:span 3}.chord-lab{margin-top:24px}.chord-controls{display:grid;grid-template-columns:130px 130px 1fr;gap:12px;align-items:end;padding:16px;border:1px solid var(--line);background:#171a20}.transpose-control{display:grid;gap:8px}.transpose-control>span{color:#778294;font:10px IBM Plex Mono,monospace;letter-spacing:.08em}.transpose-control>div{display:flex;align-items:center;gap:6px}.transpose-control button{min-width:38px;height:35px;border:1px solid #333d4c;background:#12141a;color:#cbd2dd;font:11px IBM Plex Mono,monospace}.transpose-control button:hover{border-color:#5e73a3;color:#fff}.transpose-control b{padding:0 7px;color:#dce5ff;font:11px IBM Plex Mono,monospace}.chord-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.chord-section{padding:18px;border:1px solid var(--line);background:#171a20}.chord-section h3{margin:0 0 16px;font:600 16px Space Grotesk,sans-serif;letter-spacing:-.035em}.chord-section label{display:grid;gap:7px;color:#778294;font:10px IBM Plex Mono,monospace;letter-spacing:.07em}.chord-section input{border:1px solid #313946;background:#111318;color:#e0e6ef;padding:10px;outline:0;font:12px IBM Plex Mono,monospace}.chord-section input:focus{border-color:var(--blue)}.calculated-chords{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:14px;padding:11px;background:#12141a}.calculated-chords span{grid-column:span 2;color:#778294;font:9px IBM Plex Mono,monospace}.calculated-chords strong{align-self:center;color:#9fb7ff;font:500 12px IBM Plex Mono,monospace}.calculated-chords .tool-button{min-height:27px}.chord-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.chord-footer .primary-button{min-height:38px}@media (max-width:900px){.workspace-shell{grid-template-columns:1fr}.workspace-rail{min-height:auto;padding:11px;border-right:0;border-bottom:1px solid var(--line)}.workspace-project-name{display:none}.workspace-nav{display:flex;overflow:auto;padding:9px 0}.workspace-nav button{white-space:nowrap}.project-stat{display:none}.workspace-canvas{padding:22px}.overview-grid,.prompt-columns,.chord-sections{grid-template-columns:1fr}.span-full,.detail-field.full{grid-column:auto}.editor-layout{grid-template-columns:1fr;min-height:0}.take-strip{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.take-strip-heading{min-width:90px;align-items:center}.take-item{min-width:130px}.editor-toolbar{align-items:flex-start;flex-direction:column}.lyrics-textarea{min-height:420px}.prompt-details{grid-template-columns:1fr 1fr}.detail-field.full{grid-column:span 2}.chord-controls{grid-template-columns:1fr 1fr}.transpose-control{grid-column:span 2}.chord-footer{align-items:flex-end;gap:13px;flex-direction:column}.editor-footer{align-items:flex-start;gap:10px;flex-direction:column}.editor-footer>div{width:100%;justify-content:flex-end}}.transfer-panel{margin-top:24px}.transfer-notice{display:flex;gap:13px;align-items:flex-start;padding:17px;border:1px solid #324663;background:#152136;color:#b9c8e8}.transfer-notice svg{color:#8facff;flex:0 0 auto}.transfer-notice strong{font-size:13px}.transfer-notice p{margin:5px 0 0;color:#9facc4;font-size:12px;line-height:1.55}.transfer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.transfer-grid article{display:flex;flex-direction:column;align-items:flex-start;min-height:246px;padding:19px;border:1px solid var(--line);background:#171a20}.transfer-grid article>svg{color:#91aaff}.transfer-grid .eyebrow{margin-top:20px}.transfer-grid h3,.import-area h3{margin:7px 0 8px;font:600 18px Space Grotesk,sans-serif;letter-spacing:-.045em}.transfer-grid p:not(.eyebrow),.import-area p:not(.eyebrow){margin:0;color:#929cab;font-size:12px;line-height:1.65}.transfer-grid .secondary-button{margin-top:auto}.import-area{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:22px;border:1px solid var(--line);background:#171a20}.spin{animation:spin 1s linear infinite}@media (max-width:900px){.transfer-grid{grid-template-columns:1fr}.transfer-grid article{min-height:190px}.import-area{align-items:flex-start;flex-direction:column}}