@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #0d1118;--panel: rgba(12, 19, 28, .84);--card: rgba(18, 28, 41, .92);--line: rgba(148, 174, 209, .18);--line-strong: rgba(148, 174, 209, .36);--text: #f2f6fb;--muted: #98aac3;--cyan: #8ad6ff;--amber: #ffb86f;--lime: #ccf46b;--danger: #ff857f;--shadow: 0 22px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(138,214,255,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(255,184,111,.12),transparent 28%),linear-gradient(180deg,#0a0d13,#0d1118);color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}code,.eyebrow,.pill,.draft-meta,.status-inline,.waveform-footer,.audit-top,.account-role{font-family:IBM Plex Mono,monospace}.app-shell,.login-shell{min-height:100vh;position:relative}.app-shell{padding:1.3rem}.login-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.4rem;padding:2rem}.login-panel,.spec-panel,.panel,.view-panel{position:relative;z-index:1}.login-panel,.view-panel,.panel,.spec-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-panel{padding:2.4rem;display:flex;flex-direction:column;gap:1.5rem}.login-recovery-card{margin-top:.25rem}.spec-panel{display:grid;gap:1.2rem}.spec-card{padding:2rem;min-height:240px}.spec-card.ghost{background:linear-gradient(145deg,#8ad6ff1a,#ffb86f14)}.background-orb{position:absolute;border-radius:999px;filter:blur(26px);opacity:.22;z-index:0}.background-orb-left{inset:7rem auto auto -4rem;width:15rem;height:15rem;background:var(--cyan)}.background-orb-right{inset:auto -3rem 5rem auto;width:14rem;height:14rem;background:var(--amber)}.eyebrow{color:var(--cyan);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.1rem,4vw,4.2rem);line-height:.98}h2{font-size:1.45rem}h3{font-size:1.08rem}.lede{max-width:60ch;color:var(--muted);line-height:1.6}.account-grid,.title-list,.editor-stack,.audit-list,.spec-panel{display:grid;gap:.9rem}.account-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.account-card,.title-card,.phrase-row{transition:transform .16s ease,border-color .16s ease,background .16s ease}.account-card{display:grid;gap:.35rem;padding:1rem;background:#131e2bd1;border:1px solid var(--line);border-radius:20px;color:var(--text);text-align:left}.account-card:hover,.toolbar-button:hover,.title-card:hover,.phrase-row:hover{transform:translateY(-1px)}.account-card.selected,.toolbar-button.selected-view,.title-card.active,.phrase-row.selected{border-color:#8ad6ffcc;background:linear-gradient(145deg,#20364df2,#182a3ce0)}.account-role{color:var(--amber);text-transform:uppercase;font-size:.74rem}.login-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end}.field{display:grid;gap:.45rem;color:var(--muted)}.field span{font-size:.88rem}.field input,.field select,.caption-editor{width:100%;border:1px solid var(--line);border-radius:16px;background:#0a121ce0;color:var(--text);padding:.82rem .95rem;outline:none}.field.compact input,.field.compact select{min-width:120px;padding:.68rem .85rem}.url-field{min-width:240px}.primary-button,.toolbar-button{border:1px solid var(--line);border-radius:999px;background:#141e2beb;color:var(--text);cursor:pointer;padding:.72rem 1rem}.primary-button,.toolbar-button.primary{background:linear-gradient(130deg,#8ad6ff38,#ffb86f47);border-color:#ffb86f73}.toolbar-button.danger{border-color:#ff857f66;color:#ffd0cc}.toolbar-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.topbar{position:sticky;top:.75rem;z-index:20;display:grid;grid-template-columns:minmax(180px,auto) 1fr auto;gap:1rem;align-items:center;padding:1rem 1.2rem;margin-bottom:1rem;background:#090e15bd;border:1px solid var(--line);border-radius:30px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block,.user-chip,.draft-summary{display:grid;gap:.2rem}.topbar-main{min-width:0}.toolbar-grid,.view-switch,.button-row,.action-cluster{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}.topbar-actions{justify-content:center}.button-row.stack{display:grid}.user-chip{justify-items:end}.user-chip-inline{justify-items:start}.topbar-menu-shell{position:relative;justify-self:end}.topbar-menu{position:absolute;top:calc(100% + .75rem);right:0;z-index:30;display:grid;gap:.85rem;width:min(360px,calc(100vw - 2rem));padding:1rem;background:#0b121bf5;border:1px solid var(--line-strong);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar-menu .toolbar-button,.topbar-menu .field{width:100%}.topbar-menu-group{display:grid;gap:.7rem}.mobile-bottom-nav{display:none}.user-chip small,.title-meta,.helper-text,.rule-list,.settings-note,.draft-summary,.audit-item p,.waveform-footer,.status-inline,.editor-header p{color:var(--muted)}.waveform-zoom-field{min-width:220px}.workspace-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,.95fr) minmax(0,1.7fr) minmax(300px,1fr);gap:1rem;height:calc(100vh - 11.2rem);min-height:calc(100vh - 11.2rem)}.workspace-grid.library-collapsed{grid-template-columns:42px minmax(0,1.85fr) minmax(300px,1fr)}.panel,.view-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem}.library-panel,.editor-panel,.phrase-panel{min-height:0;overflow:hidden}.panel-header,.card-header,.title-card-top,.title-meta,.audit-top,.waveform-footer,.status-inline{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.pill{display:inline-flex;align-items:center;gap:.3rem;width:fit-content;border-radius:999px;padding:.35rem .72rem;color:var(--cyan);border:1px solid rgba(138,214,255,.28);background:#8ad6ff14}.pill.accent{color:var(--amber);border-color:#ffb86f57;background:#ffb86f14}.title-card,.shared-row,.audit-item{padding:1rem;border-radius:22px;border:1px solid var(--line);background:#111b27c7;color:var(--text)}.title-card{display:grid;gap:.5rem;text-align:left}.library-rail{position:relative;display:flex;justify-content:center}.library-rail-line{position:absolute;inset:0 auto 0 50%;width:1px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(138,214,255,.55),transparent)}.library-rail-toggle{position:sticky;top:7.5rem;z-index:1;align-self:start;width:2rem;height:2rem;border:1px solid rgba(138,214,255,.48);border-radius:999px;background:#121f2df5;color:var(--cyan);box-shadow:var(--shadow);cursor:pointer}.title-card.locked{opacity:.82}.title-card.checked-out-self,.title-card.checked-out-self.active{border-color:#ccf46b66;background:linear-gradient(145deg,#2c431ff5,#1c2d18e0)}.title-card.checked-out-other,.title-card.checked-out-other.active{border-color:#ffb86f6b;background:linear-gradient(145deg,#462d15f5,#2d1d10e0)}.status-dot{width:.72rem;height:.72rem;border-radius:999px;background:#94aed166}.status-dot.live{background:var(--lime);box-shadow:0 0 18px #ccf46b7a}.separator{margin:0 .35rem;color:var(--line-strong)}.card{background:var(--card);border-radius:24px;border:1px solid var(--line);padding:1rem}.caption-editor{min-height:154px;resize:vertical;line-height:1.55}.waveform{width:100%;min-height:240px;background:linear-gradient(180deg,#0b1119f5,#0c131ccc);border:1px solid var(--line);border-radius:22px;cursor:grab;touch-action:none}.waveform-base{fill:#0a1119eb}.waveform-image{opacity:.96}.waveform-empty-line{stroke:#8ad6ff66;stroke-width:2;stroke-dasharray:7 5}.waveform-empty-label{fill:var(--muted);font-size:12px}.region-fill{fill:#ffb86f29;stroke:#ffb86f8c}.region-marker{stroke:var(--amber);stroke-width:4}.region-handle{fill:#ffb86f42;stroke:#ffb86fc7;stroke-width:2}.region-handle-hitbox{fill:#ffb86f00}.region-handle.draggable,.region-handle-hitbox.draggable,.region-marker.draggable{cursor:ew-resize}.playhead-marker{stroke:var(--lime);stroke-width:3;stroke-dasharray:5 4}.editor-controls,.settings-grid,.audit-grid,.timing-grid,.settings-form{display:grid;gap:.9rem}.editor-controls,.settings-grid,.audit-grid,.timing-grid,.settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-form.single-column{grid-template-columns:1fr}.span-two{grid-column:1 / -1}.import-textarea{min-height:120px}.user-admin-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.user-admin-card{display:grid;gap:.9rem}.user-maintenance-layout{display:grid;gap:1rem;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start}.user-selector-list{display:grid;gap:.8rem}.user-selector{width:100%}.user-editor-panel{display:grid;gap:1rem}.warning-note{color:var(--amber)}.check-field,.mini-check{display:inline-flex;align-items:center;gap:.55rem;color:var(--text)}.phrase-table,.shared-table{display:grid;gap:.55rem}.title-list,.editor-stack,.phrase-table{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.title-list,.editor-stack,.phrase-table,.library-title-list{padding-right:.35rem}.cloud-list-toolbar{display:grid;gap:.75rem;margin-bottom:1rem}.library-layout{display:grid;gap:1rem;grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);align-items:start}.library-title-list{max-height:620px;overflow:auto;padding-right:.3rem}.library-title-card{width:100%}.library-detail-card{display:grid;gap:1rem;padding:1rem;border-radius:24px;border:1px solid var(--line);background:#111b27c7}.library-detail-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-list-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.phrase-head,.shared-head{display:grid;gap:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem}.phrase-head{grid-template-columns:minmax(0,2.6fr) repeat(4,minmax(0,.9fr));position:sticky;top:0;z-index:1;padding-bottom:.45rem;background:linear-gradient(180deg,#0c131cfa,#0c131ceb)}.shared-head,.shared-row{grid-template-columns:minmax(0,2fr) .7fr .9fr .8fr minmax(280px,1.4fr)}.phrase-row,.shared-row{display:grid;gap:.75rem;align-items:center;width:100%;border-radius:18px}.phrase-row{grid-template-columns:minmax(0,2.6fr) repeat(4,minmax(0,.9fr));text-align:left;padding:.88rem .92rem;border:1px solid var(--line);background:#0f1823e0;color:var(--text)}.phrase-row.reviewed{border-color:#ccf46b38}.phrase-row.disabled{opacity:.68}.phrase-row.disabled-reviewed{opacity:.82;border-style:dashed}.shared-row>div{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.shared-row.active{border-color:#8ad6ffcc;background:linear-gradient(145deg,#20364df2,#182a3ce0)}.rule-list,.spec-card ul{display:grid;gap:.7rem;padding-left:1.15rem;margin:0;line-height:1.5}.status-bar{position:sticky;bottom:1rem;z-index:1;display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.95rem 1.2rem;border-radius:20px;border:1px solid var(--line);background:#080d14eb}.status-bar.tone-success{border-color:#ccf46b47}.status-bar.tone-warning{border-color:#ffb86f52}.status-bar.tone-error{border-color:#ff857f61}@media(max-width:1200px){.workspace-grid{height:auto;grid-template-columns:1fr}}@media(max-width:980px){.login-shell,.editor-controls,.settings-grid,.audit-grid,.library-layout,.library-detail-grid,.settings-form,.timing-grid,.user-maintenance-layout,.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:start}.view-switch{width:100%}.view-switch .toolbar-button{flex:1 1 0}.topbar-menu-shell{justify-self:start}.user-chip{justify-items:start}.workspace-grid{min-height:auto}.library-panel,.library-rail{display:none}.library-title-list{max-height:none}.login-actions,.shared-head,.shared-row{grid-template-columns:1fr}}@media(max-width:720px){.app-shell,.login-shell{padding:1rem}.app-shell{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom))}.topbar{position:static;top:auto;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand actions menu";gap:.65rem;padding:.8rem .9rem;border-radius:22px}.topbar-main{grid-area:brand}.topbar-main .eyebrow{display:none}.topbar-main strong{display:block;max-width:100%;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{grid-area:actions;width:auto;flex-wrap:nowrap;overflow:visible;justify-content:flex-end;padding-bottom:0}.topbar-actions .toolbar-button,.view-switch .toolbar-button,.topbar-menu-shell>.toolbar-button{white-space:nowrap;padding:.6rem .85rem}.view-switch,.header-utility-button{display:none}.topbar-menu-shell{grid-area:menu;justify-self:end}.topbar-menu{width:min(320px,calc(100vw - 1.5rem))}.mobile-bottom-nav{position:fixed;left:1rem;right:1rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:24;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.7rem;border:1px solid var(--line);border-radius:24px;background:#080d14f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.mobile-bottom-nav .toolbar-button{justify-content:center;padding:.72rem .85rem}.workspace-grid.library-collapsed{grid-template-columns:1fr}.panel-header,.card-header,.waveform-footer,.status-inline{flex-direction:column;align-items:flex-start}.phrase-head,.phrase-row{grid-template-columns:1.5fr repeat(4,minmax(0,.7fr));font-size:.88rem}.waveform-footer,.status-bar{flex-direction:column}}
