/* STEEP STUDIO · MASTERDESK 1.8
   Functional DAW visual architecture. Loaded last to unify legacy modules.
   No simulated meter values, no overriding editing events. */
:root{
 --md-bg:#080d15;--md-ink:#eaf2fb;--md-soft:#a2b5c9;--md-faint:#7e94aa;
 --md-shell:#0c1420;--md-board:#101c2b;--md-panel:#142337;
 --md-line:#293d51;--md-line-focus:#527485;
 --md-turquoise:#70dfdb;--md-gold:#efb77d;--md-blue:#85bdf1;--md-lilac:#b7a5ef;
 --track-height:82px;--rack-width:348px;
 --bg:var(--md-bg);--sidebar:var(--md-shell);--panel:var(--md-panel);
 --border:var(--md-line);--text:var(--md-ink);--muted:var(--md-soft);--accent:var(--md-turquoise);
}
body{background:#080e16!important;color:var(--md-ink)!important;letter-spacing:0!important;font-size:12px!important;
 font-family:Inter,'Segoe UI Variable',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
 background-image:radial-gradient(ellipse 60% 47% at 78% -20%,#1e4a5840,transparent),linear-gradient(#080e16,#090f17 70%)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.11;background-image:repeating-linear-gradient(90deg,transparent 0 89px,#56708312 90px),repeating-linear-gradient(0deg,transparent 0 89px,#56708312 90px)}
button,a,input,select,textarea{touch-action:manipulation}
button{font-weight:650!important;letter-spacing:0!important;transition:background .14s ease,border-color .14s ease,transform .14s ease!important}
button:active:not(:disabled){transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--md-turquoise)!important;outline-offset:3px!important}
input,select,textarea{color:var(--md-ink)}
input[type=range]{accent-color:var(--md-turquoise)!important}
::-webkit-scrollbar-thumb{background:#3b536b;border:2px solid #0d1724}
/* fixed application architecture with a visible navigation hierarchy */
.shell{grid-template-columns:204px minmax(0,1fr)!important;min-height:100vh!important}
.sidebar{background:#0c1420!important;border-right:1px solid #2e4254!important;
 box-shadow:inset -1px 0 #0008,6px 0 26px #0003!important;padding:16px 10px!important;gap:11px!important}
.sidebar::after{background:linear-gradient(180deg,#70dfdb50,transparent 25%,transparent 70%,#dfac7540)!important}
.sidebar .brand{padding:8px 8px 18px!important;margin:0 0 12px!important;min-height:62px!important;gap:12px!important}
.brand-glyph{font-size:37px!important;letter-spacing:-4px!important;color:#eaf4fa!important;text-shadow:none!important}
.brand-glyph span{color:var(--md-gold)!important}
.brand-text strong{font-size:14px!important;letter-spacing:.4px!important;color:#f8fbff!important}.brand-text em{color:var(--md-turquoise)!important}
.brand-text small{font-size:8px!important;letter-spacing:1.3px!important;color:#849bad!important}
.sidehead,.sidebar .sidehead{font-size:9px!important;font-weight:850!important;letter-spacing:1.7px!important;color:#7f98aa!important;padding:4px 10px!important;margin:0!important}
.side-nav{gap:3px!important}.side-nav a{padding:12px 10px!important;gap:10px!important;font-size:11px!important;color:#acc0cf!important;border:1px solid transparent!important;border-radius:7px!important}
.side-nav a span{width:22px!important;font-size:15px!important;color:#8da7ba!important;text-align:center!important}
.side-nav a:hover{background:#1b2b3b!important;border-color:#385164!important;color:#fff!important}
.side-nav a.active{background:linear-gradient(95deg,#20414c,#172c3b)!important;border-color:#507981!important;
 box-shadow:inset 3px 0 #7bf6e6!important;color:#edfffb!important}.side-nav a.active span{color:#a9fff2!important}
.side-nav a b{background:#305765!important;border:1px solid #3e6d75!important;border-radius:3px!important}
.side-nav a i{margin-left:auto;color:#7596aa;font-size:10px}
.project-actions-drawer{background:#111e2d;border:1px solid #2a4055;border-radius:8px;overflow:hidden;margin:4px 0 8px}
.project-actions-drawer summary{cursor:pointer;user-select:none;list-style:none;color:#b9d0dd;font-size:10px;letter-spacing:.5px;font-weight:800;padding:13px 12px;display:flex;align-items:center;justify-content:space-between}
.project-actions-drawer summary::-webkit-details-marker{display:none}.project-actions-drawer summary::before{content:'▧';color:var(--md-turquoise);margin-right:8px;font-size:14px}.project-actions-drawer summary::after{content:'⌄';margin-left:auto;color:#8ea6b9;font-size:16px}
.project-actions-drawer[open] summary::after{content:'⌃'}
.project-actions-drawer .side-actions{padding:6px!important;margin:0!important;gap:4px!important;display:grid!important;grid-template-columns:1fr!important}
.project-actions-drawer .side-actions button{background:#1c2a3a!important;border-color:#33485e!important;min-height:30px!important;border-radius:5px!important;text-align:left;padding:8px!important;color:#c0d2de!important;font-size:10px!important}
.project-actions-drawer .side-actions button:hover{background:#274054!important;border-color:#6cb9b5!important;color:#fff!important}
.sidebar-foot{background:#0f1c2b!important;border:1px solid #273d4f!important;border-radius:8px!important;padding:11px!important;box-shadow:none!important}
.sidebar-foot strong{font-size:10px!important;color:#a1e7d9!important}.sidebar-foot p{font-size:10px!important;line-height:1.5!important;color:#89a1b5!important}.sidebar-foot small{color:#6a8da4!important;font-size:9px}
/* app header */
.topbar{background:#0e1724!important;border-bottom:1px solid #2c4155!important;height:60px!important;min-height:60px!important;box-shadow:0 10px 24px #0002!important;padding:10px 20px!important;position:sticky!important;top:0!important;z-index:12!important}
.breadcrumbs{font-size:10px!important;letter-spacing:1.45px!important;color:#93aabd!important}.breadcrumbs strong{color:#e1eff8!important}
.topright{gap:9px!important}.topright>button{min-height:35px!important;border-radius:6px!important}
.topright .md-quick-save{background:#1d3041!important;border:1px solid #3b5368!important;color:#c7dfec!important;padding:7px 12px!important;font-size:11px!important}
.topright .md-quick-save:hover{border-color:#6cc5b7!important;background:#254354!important}
.topright .export-btn{background:linear-gradient(135deg,#f6c68b,#ebb071)!important;color:#1c2932!important;border:1px solid #f0ba7d!important;box-shadow:0 3px 13px #f0b77718!important;border-radius:6px!important;font-weight:800!important}
.status-pill{font-size:9px!important;letter-spacing:.7px!important;color:#90d9d0!important}
/* task-focused masthead */
.workspace{padding:18px 19px 26px!important;gap:0!important;max-width:none!important}
.pro-head{padding:0!important;margin:0 0 13px!important;align-items:center!important;gap:14px!important}
.pro-head h1{font-size:27px!important;letter-spacing:-1.1px!important;margin:6px 0 3px!important;font-weight:780!important}
.pro-head h1 span{color:#96aec2!important;font-weight:420!important}
.pro-head p{font-size:11px!important;color:#91a9bb!important;letter-spacing:0!important}
.pro-kicker{font-size:9px!important;letter-spacing:1.3px!important;color:#80dace!important;gap:7px!important}
.pro-release{font-size:9px!important;background:#25434b!important;border-color:#3f7a81!important;color:#bbfff5!important;padding:2px 7px!important}
.pro-metrics .hero-stats>div{background:#162739!important;border-color:#3c546a!important;min-width:83px!important;border-radius:6px!important;padding:9px 12px!important}
.pro-metrics small{font-size:8px!important;color:#8cabc0!important}
.pro-metrics strong{font-size:20px!important;color:#e6f4fa!important;font-weight:730!important;letter-spacing:-.4px}
.pro-head-actions button{min-height:29px!important;color:#a9c3d3!important;border-color:#354f63!important;background:#162638!important}
.pro-head-actions button:hover{background:#284255!important;border-color:#83c4c0!important}
/* horizontal application modes & layout preferences */
.pro-toolbar{padding:6px 8px!important;min-height:53px;background:#142233!important;border:1px solid #364d63!important;border-radius:9px!important;margin-bottom:10px!important;gap:7px!important;box-shadow:0 4px 16px #0002!important}
.pro-toolbar-label{font-size:9px!important;letter-spacing:1.2px!important;color:#8daaba!important;margin-right:8px!important}
.pro-modes{gap:3px!important}
.pro-modes button{background:transparent!important;color:#a6bccb!important;font-size:11px!important;padding:10px 12px!important;border-radius:6px!important;border:1px solid transparent!important}
.pro-modes button.active{background:#254c54!important;color:#eafff9!important;border:1px solid #51978f!important;box-shadow:inset 0 -2px #82dfd5!important}
.pro-modes button:hover{background:#1d3444!important;color:#fff!important;border-color:#355a69!important}
.pro-toolbar .pro-action-import{background:#203a4b!important;color:#c0edec!important;border-color:#47727d!important}
.pro-toolbar .pro-action-render{background:#f2be87!important;color:#182634!important;border-color:#f2be87!important}
.signature-tools{gap:6px!important;margin-left:0}.signature-tools button{background:#172839!important;border-color:#375168!important;color:#adcbdb!important;font-size:10px!important}
.md-layout-tools{display:flex;align-items:center;gap:5px;margin-left:auto;padding:4px 6px;border-left:1px solid #354e62;min-height:30px}
.md-layout-tools .md-caption{color:#7898ad;font-size:8px!important;letter-spacing:1.05px;font-weight:850;margin:0 5px 0 3px}
.md-layout-tools button{background:#1b2e41;border:1px solid #334c62;color:#a9c4d5;padding:7px 8px;border-radius:5px;min-width:32px;font-size:10px}
.md-layout-tools button:hover{background:#28445b;border-color:#6cbab8}
.md-layout-tools button[aria-pressed="true"]{background:#285460;border-color:#62c6bf;color:#e4fffa}
.md-layout-tools button svg{width:13px;height:13px;vertical-align:middle}
/* Audio transport styled as a real digital console, no faux instrument data */
.transport-card{min-height:76px!important;padding:11px 15px!important;background:linear-gradient(90deg,#17283a,#122233)!important;border:1px solid #415b72!important;
 border-radius:9px!important;box-shadow:inset 0 1px #ffffff0b,0 6px 17px #0002!important;margin-bottom:9px!important;gap:12px!important}
.transport-play{background:#75e1d6!important;color:#132b31!important;border-radius:6px!important;min-width:44px!important;min-height:44px!important;font-size:17px!important;box-shadow:0 0 16px #69e0d120!important}
.transport-play:hover{background:#a2fff0!important}.transport-stop{background:#293d4f!important;border-color:#476076!important;color:#e4f2f9!important;min-height:44px!important;min-width:39px!important;border-radius:6px!important}
.digital-time{font-size:25px!important;font-weight:750!important;letter-spacing:0!important;color:#effaff!important;font-variant-numeric:tabular-nums!important;font-family:'Cascadia Code',Consolas,'SFMono-Regular',monospace!important}
.digital-total,.time-divider{font-family:'Cascadia Code',Consolas,monospace;color:#84a4b9!important}
.transport-settings .compact,.transport-settings .toggle,.volume-wrap{color:#91abc0!important;font-size:9px!important;letter-spacing:.7px!important}
.transport-card input[type=number]{background:#101d2e!important;border-color:#456077!important;color:#e2f6f9!important;min-height:34px!important}
.transport-right output{color:#ddf7f6!important}.transport-card .inline-input>button{border-color:#4c8c87!important;background:#1b3c48!important;color:#baf7e9!important}
/* arrangement command row */
.arranger-toolbar{background:#112131!important;border-color:#385169!important;padding:7px 10px!important;margin:0 0 10px!important;min-height:47px!important;border-radius:8px!important}
.arranger-title{font-size:9px!important;color:#83dcd0!important;letter-spacing:1.15px!important}
.arranger-group button{padding:7px 9px!important;background:#1d3447!important;border-color:#3b586f!important;color:#c2dbe6!important;border-radius:5px!important;font-size:10px!important}
.arranger-group button:hover{border-color:#82d9d1!important;background:#294d5f!important}
.arranger-group .range-time input{padding:6px!important;background:#102030!important}
/* prime working surface */
.studio-grid{grid-template-columns:minmax(0,1fr) var(--rack-width,348px)!important;gap:12px!important;align-items:start!important}
.timeline-panel{background:#101b2a!important;border:1px solid #3a5268!important;border-radius:10px!important;overflow:hidden!important;padding:14px!important;
 box-shadow:inset 0 1px #ffffff0b,0 7px 22px #0003!important}
.timeline-panel>.panel-top{padding:0 0 12px!important;margin:0 0 10px!important;border-bottom:1px solid #30475b!important}
.timeline-panel .panel-top h2{font-size:19px!important;font-weight:790!important;letter-spacing:-.7px!important;color:#f2faff!important}
.timeline-panel .overline{font-size:9px!important;letter-spacing:1.5px!important;color:#83d7d3!important}
.timeline-panel .head-actions button{font-size:9.5px!important;min-height:30px!important;padding:7px 8px!important;border-radius:5px!important;background:#1b3143!important;color:#bbd5e1!important;border-color:#34536c!important}
.timeline-panel .head-actions button:hover{background:#26495b!important;border-color:#75c9c5!important}
.timeline-help{background:#142a3a!important;border-left:2px solid #5abdbb!important;border-radius:4px!important;color:#97b7c9!important;padding:8px 10px!important;font-size:10px!important;line-height:1.5!important}
.timeline-frame{background:#0a1421!important;border:1px solid #3a5870!important;min-height:435px!important;max-height:69vh!important;border-radius:6px!important}
.ruler{background:#182b3d!important;border-bottom:1px solid #486078!important;color:#95b7c9!important;font-size:9px!important}
.track-label,.lane{height:var(--track-height,82px)!important;min-height:40px!important;transition:height .14s ease;border-bottom:1px solid #2c4054!important}
.track-label{background:#142438!important;padding:10px 7px!important;border-right:1px solid #39536c!important}.track-label.selected{background:#244151!important}
.track-name input{font-size:11px!important;font-weight:760!important;color:#e5f1f6!important}.track-buttons{gap:3px!important}.track-buttons button{color:#98b8ca!important;background:#1a3244!important;border:1px solid #395771!important;border-radius:4px!important;font-size:9px!important}
.track-buttons button:hover{background:#28556b!important;color:#fff!important}
.lane{background-color:#0c1a29!important;background-image:repeating-linear-gradient(90deg,transparent 0 32px,#7fa7c00b 33px)!important}
.lane:nth-child(even){background-color:#102032!important}.lane:hover{background-color:#172d41!important}
.clip{border-radius:5px!important;box-shadow:inset 0 1px #ffffff36,0 3px 8px #0008!important;border:1px solid #ffffff4d!important}
.clip:hover{filter:brightness(1.13)}.clip.selected{outline:2px solid #b2fff3!important;outline-offset:1px!important;box-shadow:0 0 0 3px #78ddcc3b,0 6px 18px #0009!important}
.timeline-foot{border-top:1px solid #2e4355!important;color:#88acbe!important;font-size:10px!important}.timeline-foot button{background:#1c3547!important;border-color:#425f75!important;color:#c5e0e7!important}
/* inspector dock */
.studio-grid .tools{top:70px!important;border-radius:9px!important;background:#0e1a2a!important;border:1px solid #39536b!important;padding:9px!important;box-shadow:0 8px 28px #0004!important;gap:8px!important}
.pro-rack-head{background:#1a3043!important;border-color:#42647a!important;border-radius:7px!important;padding:12px!important}
.pro-rack-head strong{font-size:16px!important;color:#f1f8ff!important}.pro-rack-kicker{font-size:9px!important;color:#89c6c7!important}
.pro-rack-local{background:#173f40!important;color:#a5f9e4!important;border-color:#478c83!important;border-radius:4px!important}
.pro-rack-tabs{gap:4px!important}.pro-rack-tabs button{border-radius:5px!important;background:#1a2d3f!important;border-color:#375168!important;padding:10px 3px!important;color:#a8bece!important;font-size:10px!important}
.pro-rack-tabs button.active{background:#2a4a58!important;color:#eafff9!important;border-color:#65b1b4!important;box-shadow:inset 0 -2px #73ecdf!important}
.pro-rack-tabs button:hover{background:#254256!important;border-color:#77bfc1!important;color:#f6ffff!important}
.tools .panel,.panel{background:#132438!important;border:1px solid #3a5268!important;border-radius:8px!important;box-shadow:inset 0 1px #ffffff0a!important}
.tools .panel{padding:13px!important}.panel-top h2{color:#f0f8fe!important;font-size:16px!important;letter-spacing:-.35px!important}.panel .overline{color:#85c8c8!important}
.files-panel{border-top:2px solid #70d1cd!important}.inspector-panel{border-top:2px solid #e6b27a!important}.producer-panel{border-top:2px solid #b3a8f8!important}.mixer-panel{border-top:2px solid #70d2cb!important}.export-panel{border-top:2px solid #f2bb83!important}
.file-drop{background:#16354b!important;border:1px dashed #668f9c!important;border-radius:6px!important}
.primary-action{background:linear-gradient(105deg,#9ff1e6,#78d8ca)!important;color:#0d2a33!important;border-color:#8ae6db!important;font-weight:850!important}
.producer-accent{background:linear-gradient(105deg,#c4b7ff,#9e9bfc)!important;color:#15173c!important;border-color:#adabef!important;font-weight:800!important}
.asset-card,.asset-item{background:#1a3348!important;border-color:#3c5b70!important}
.mixer-fields input[type=range]{accent-color:#7be3d5!important}.meter>div{background:linear-gradient(90deg,#63bedf,#70e3c3,#f1c184)!important}
/* monitoring is genuine audio data */
.creative-console{margin-top:12px!important}.creative-console .spectral-module{height:141px!important;background:#0d1d2d!important;border:1px solid #38566d!important;border-radius:9px!important;padding:12px 14px!important;box-shadow:inset 0 1px #ffffff08!important}
.spectrum-top{color:#a0c0d0!important;font-size:10px!important}.spectrum-top b{color:#6ce0d4!important}
.creative-console .spectral-module #masterSpectrum{height:91px!important}
.md-monitor-collapsed .creative-console .spectral-module{height:40px!important;min-height:40px!important;display:block!important}.md-monitor-collapsed #masterSpectrum,.md-monitor-collapsed .spectrum-foot{display:none!important}
.overview-panel{background:#112034!important;border:1px solid #37536a!important;border-radius:8px!important;margin-top:11px!important;padding:12px 14px!important}
.overview-head{color:#9db9c9!important}.overview-panel #arrangementOverview{height:65px!important}
.signature-status{background:#101e2d!important;border-color:#324c60!important;border-radius:8px!important;margin-top:15px!important;padding:12px!important;color:#99b6c9!important;font-size:10px!important}
.signature-status .signature-dot{background:#70e2bd!important}
footer{margin-top:13px!important;border-color:#293d50!important;color:#738c9d!important}
/* secondary tools: keep exactly the original DOM and functional scripts */
body.signature-secondary{background:#080e17!important}
.signature-secondary .sidebar{background:#0c1420!important;border-color:#304659!important}
.signature-secondary .topbar{background:#0e1928!important;border-color:#31495c!important}
.signature-secondary .panel,.signature-secondary .section,.signature-secondary .song-card,.signature-secondary .monitor,.signature-secondary .inspector,.signature-secondary .controls-panel,.signature-secondary .session-strip{background:linear-gradient(147deg,#14283b,#111d2c)!important;border-color:#395469!important;border-radius:9px!important;box-shadow:inset 0 1px #ffffff0b,0 8px 25px #0002!important}
.signature-secondary .hero{background:radial-gradient(ellipse 47% 95% at 91% 26%,#287f8a32,transparent),linear-gradient(120deg,#192c42,#111f31)!important;border-color:#456c81!important;box-shadow:inset 0 1px #ffffff12,0 15px 36px #0004!important;min-height:175px!important}
.signature-secondary .hero h1{font-size:clamp(28px,3.1vw,44px)!important;line-height:1.08!important;font-weight:810!important;letter-spacing:-1.2px!important}.signature-secondary .hero h1 span,.signature-secondary .hero h1 em{color:#8de5d9!important}
.signature-secondary .hero p{font-size:11px!important;line-height:1.75!important;color:#a0bacb!important}
.signature-secondary .overline,.signature-secondary .eyebrow,.signature-secondary .navhead{color:#89d6d1!important}
.signature-secondary .primary,.signature-secondary .primary-button,.signature-secondary .export-btn{background:#8de5d8!important;color:#0e2931!important;border-color:#8de5d8!important;box-shadow:none!important}
.signature-secondary .nav-item.active,.signature-secondary .side-item.active,.signature-secondary nav a.active,.signature-secondary nav a.current{background:#214954!important;border-color:#579891!important;color:#e7fffa!important}
.signature-secondary .song-card:hover{border-color:#8ad8d2!important}
.signature-secondary input[type=range]{accent-color:#7ae4d5!important}
.signature-secondary .deck-art{filter:hue-rotate(133deg) saturate(.72)!important}
/* responsive tablet / phone: timeline can scroll internally without body overflow */
@media(max-width:1480px){.md-layout-tools .md-caption{display:none}.md-layout-tools{gap:3px}.pro-toolbar .signature-tools kbd{display:none}.studio-grid{grid-template-columns:minmax(0,1fr) min(var(--rack-width,330px),34vw)!important}}
@media(max-width:1240px){.pro-toolbar{flex-wrap:wrap!important}.md-layout-tools{margin-left:auto}.pro-head-actions{display:none}.studio-grid{grid-template-columns:minmax(0,1fr) min(var(--rack-width,320px),36vw)!important}.workspace{padding:13px!important}}
@media(max-width:1080px){.studio-grid{grid-template-columns:minmax(0,1fr)!important}.studio-grid .tools{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}.timeline-frame{max-height:550px!important}.md-layout-tools{margin-left:auto}.pro-head-actions{display:flex}}
@media(max-width:860px){.shell{display:block!important}.sidebar{position:relative!important;width:auto!important;padding:10px 12px!important;height:auto!important}.sidebar::after{display:none!important}.sidebar .brand{min-height:44px!important;padding:5px!important;margin:0 0 6px!important}.sidebar .sidehead,.sidebar .project-actions-drawer,.sidebar .sidebar-foot{display:none!important}.sidebar .side-nav{display:flex!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important}.sidebar .side-nav a{white-space:nowrap!important;padding:9px 11px!important;font-size:10px!important}.topbar{position:relative!important;min-height:49px!important;height:auto!important;padding:8px 12px!important}.workspace{padding:10px!important}.pro-head h1{font-size:23px!important}.pro-head p{display:none!important}.pro-metrics strong{font-size:16px!important}.pro-toolbar{gap:5px!important}.pro-modes{width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}.pro-modes button{padding:10px 3px!important;font-size:10px!important}.md-layout-tools{margin-left:0;border-left:none}.transport-card{flex-wrap:wrap!important;gap:8px!important}.timeline-frame{min-height:310px!important}.md-quick-save{display:none!important}}
@media(max-width:560px){.pro-head{display:block!important}.pro-head-right{display:flex!important;width:100%;margin-top:10px!important}.pro-metrics{width:100%}.pro-metrics .hero-stats{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.pro-metrics .hero-stats>div{min-width:0!important}.pro-toolbar .pro-action-import,.pro-toolbar .pro-action-render{flex:1}.signature-tools{width:auto!important}.signature-tools button{min-width:90px!important}.md-layout-tools{margin-left:auto}.md-layout-tools .md-caption{display:none}.transport-card{padding:10px!important}.digital-time{font-size:21px!important}.timeline-panel{padding:8px!important}.timeline-frame{min-height:280px!important}.creative-console .spectral-module{height:106px!important}.creative-console .spectral-module #masterSpectrum{height:58px!important}.signature-status{gap:8px!important}.signature-secondary .hero{min-height:auto!important;padding:16px!important}}
@media(max-width:380px){.pro-toolbar .signature-tools{width:100%}.md-layout-tools{width:100%;justify-content:center}.topright .export-btn{padding:7px!important;font-size:10px!important}.breadcrumbs{display:none!important}}
body.signature-focus .studio-grid{grid-template-columns:minmax(0,1fr)!important}body.signature-focus .timeline-frame{max-height:80vh!important;min-height:480px!important}
@media(prefers-reduced-motion:reduce){button,.track-label,.lane{transition:none!important}}

.md-inspector-width{display:flex;align-items:center;gap:7px;padding:5px 9px;background:#112337;border:1px solid #304b62;border-radius:6px;color:#a3bdcc;font-size:9px;font-weight:750}.md-inspector-width label{white-space:nowrap}.md-inspector-width input{min-width:0;flex:1;width:100%}.md-inspector-width output{color:#d0f7f2;font-variant-numeric:tabular-nums}body.signature-focus .md-inspector-width{display:none}@media(max-width:1080px){.md-inspector-width{display:none}}

.md-mobile-project{display:none;background:#1e3447!important;border:1px solid #42627a!important;color:#c6e2e8!important;padding:8px 11px;border-radius:6px;font-size:10px}.md-project-dialog{border:1px solid #4d7084;background:#101e2e;border-radius:12px;color:#ecf7fb;padding:0;width:min(360px,calc(100vw - 28px));box-shadow:0 22px 65px #000b}.md-project-dialog::backdrop{background:#030911cc}.md-dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #395169;padding:14px 16px}.md-dialog-head strong{font-size:15px}.md-dialog-head button{background:#27394b;border:1px solid #3d556a;border-radius:5px;padding:7px}.md-project-actions{display:grid;gap:7px;padding:15px}.md-project-actions button{display:block;text-align:left;background:#1c3042;border:1px solid #3d576d;color:#c7e0ec;border-radius:6px;padding:12px;font-size:12px}.md-project-actions button:hover{background:#265061}.md-project-dialog p{color:#93b0c3;font-size:11px;margin:0 15px 18px;line-height:1.5}@media(max-width:860px){.md-mobile-project{display:inline-flex!important;align-items:center}}

/* Optional compact rail. Default expands the professional editing canvas; full navigation is one click away. */
.md-sidebar-toggle{background:#1b2d3e!important;color:#b9d3df!important;border:1px solid #3b556c!important;border-radius:6px!important;min-width:35px;min-height:35px;padding:7px!important;font-size:15px!important;margin-right:10px!important}.md-sidebar-toggle:hover{background:#2b4e5c!important;border-color:#6caeac!important}
body.md-sidebar-compact .shell{grid-template-columns:90px minmax(0,1fr)!important}
body.md-sidebar-compact .sidebar{padding:12px 7px!important;gap:10px!important}
body.md-sidebar-compact .sidebar .brand{padding:9px 4px 14px!important;justify-content:center!important;min-height:59px!important;margin-bottom:10px!important}
body.md-sidebar-compact .brand-text,body.md-sidebar-compact .sidebar .sidehead,body.md-sidebar-compact .sidebar .sidebar-foot,body.md-sidebar-compact .project-actions-drawer{display:none!important}
body.md-sidebar-compact .brand-glyph{font-size:36px!important}
body.md-sidebar-compact .side-nav{gap:6px!important}
body.md-sidebar-compact .side-nav a{height:70px!important;min-height:70px!important;padding:8px 4px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;text-align:center!important;border-radius:7px!important;font-size:9px!important}
body.md-sidebar-compact .side-nav a span:first-child{font-size:20px!important;width:auto!important;line-height:1!important}
body.md-sidebar-compact .md-nav-label{font-size:9px!important;max-width:80px!important;line-height:1.2!important;color:inherit!important;font-weight:680!important}
body.md-sidebar-compact .side-nav a b,body.md-sidebar-compact .side-nav a i{display:none!important}
.md-nav-label{font-size:11px;color:inherit}body.md-sidebar-compact .md-mobile-project{display:inline-flex!important}
@media(max-width:860px){body.md-sidebar-compact .shell{display:block!important}body.md-sidebar-compact .sidebar{padding:10px 12px!important}body.md-sidebar-compact .brand-text{display:block!important}body.md-sidebar-compact .sidebar .brand{justify-content:flex-start!important;margin-bottom:6px!important}body.md-sidebar-compact .side-nav{flex-direction:row!important;display:flex!important;overflow-x:auto!important;gap:5px!important}body.md-sidebar-compact .side-nav a{flex-direction:row!important;min-height:36px!important;height:auto!important;padding:8px 11px!important;gap:6px!important}body.md-sidebar-compact .side-nav a span:first-child{font-size:15px!important}body.md-sidebar-compact .md-nav-label{font-size:10px!important;max-width:none!important;white-space:nowrap!important}body.md-sidebar-compact .sidebar .sidehead{display:none!important}.md-sidebar-toggle{display:none!important}}
/* Keep the compact rail within its grid cell; legacy sidebar had a fixed 207px width. */
@media(min-width:861px){
 body.md-sidebar-compact .sidebar{width:90px!important;min-width:90px!important;max-width:90px!important;overflow-x:hidden!important}
 body.md-sidebar-compact .sidebar .brand{width:100%!important}
 body.md-sidebar-compact .side-nav a{width:100%!important}
}
/* Mobile navigation: prevent text shrinking/overlap in the compact desktop rail preference. */
@media(max-width:860px){
 body.md-sidebar-compact .sidebar .side-nav a{width:auto!important;min-width:max-content!important;flex:0 0 auto!important;white-space:nowrap!important}
 body.md-sidebar-compact .sidebar .side-nav .md-nav-label{flex:0 0 auto!important;white-space:nowrap!important}
 body.md-sidebar-compact .sidebar .side-nav{width:100%!important;min-width:0!important;overflow-x:auto!important;scroll-snap-type:x proximity!important}
 body.md-sidebar-compact .sidebar .side-nav a{scroll-snap-align:start!important}
}
/* Names are independent of the 22px icon slots (legacy selector targeted every span). */
.sidebar .side-nav a .md-nav-label{width:auto!important;min-width:max-content!important;max-width:none!important;flex:0 0 auto!important;white-space:nowrap!important}
@media(max-width:860px){body.md-sidebar-compact .side-nav a b,body.md-sidebar-compact .side-nav a i{display:none!important}}