/* Midnight ArtsyCut workspace. The video canvas itself is never tinted. */
body{background:radial-gradient(ellipse at 0 48%,#29205e88,transparent 45%),radial-gradient(ellipse at 95% 24%,#30227777,transparent 42%),radial-gradient(ellipse at 62% 100%,#202d6444,transparent 50%),#0b1029}
.desktop-titlebar{display:none}
.topbar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);height:56px;min-height:56px;padding:0 14px;gap:12px;background:#0c132b99;border-bottom:1px solid #7888b52e;box-shadow:none;position:relative;z-index:30;-webkit-app-region:drag}
body.desktop-integrated .topbar{padding-right:150px}
.header-left{display:flex;align-items:center;gap:22px;min-width:0}.topbar .brand{display:flex;flex-direction:column;gap:0;align-items:center;flex:none}.topbar .brand img{width:111px;height:31px;object-fit:contain}.topbar .brand-credit{display:block!important;font-size:9px;line-height:1;white-space:nowrap;border:0;color:#abb5d1}.brand-credit br{display:none}.brand-credit strong{font-weight:400}
.project-file-controls{display:flex;gap:12px;flex:none;align-items:center;justify-content:center;min-width:0}.project-name-label{display:block;flex:none;min-width:0;max-width:230px}.topbar #projectName{width:200px;max-width:230px;background:transparent;border:1px solid transparent;font-size:13px;padding:7px 4px;text-overflow:ellipsis}.topbar #projectName:hover{border-color:#39435e}.topbar #projectName:focus{background:#151c39;border-color:#7d9acf}
.topbar #projectSaveSummary{padding:0;font-size:11px;max-width:100px;color:#abb7d2}.top-actions{justify-self:end;margin:0;display:flex;align-items:center;gap:9px}.topbar button,.topbar input,.topbar a,.header-menu{-webkit-app-region:no-drag}.topbar button{font-size:12px;padding:7px 12px}.topbar #fileMenu{background:transparent;border-color:transparent;min-width:52px}.topbar #saveFile{background:transparent;border-color:#3b4664;color:#edf3ff}.topbar #saveOptions{background:transparent;border-color:#3b4664}.topbar #export{background:linear-gradient(110deg,#36d9f2,#7464ff 65%,#b330ed);color:white;border-color:#9290ff}
body:has(.desktop-titlebar) #workspace{height:calc(100vh - 56px)}
.panel{background:radial-gradient(ellipse at 0 55%,#30206322,transparent 70%),linear-gradient(130deg,#10172b88,#11152a88);border-color:#7383ad30}.library-tabs,.inspector-tabs,.transport,.timeline-footer,.timeline-toolbar{background:#10172b88}.timeline-body,#trackLabels{background:#0e1528ad}.track{background:#10172c99}.track:nth-child(even){background:#141a3299}
.library-tabs{display:flex;justify-content:stretch;gap:0;padding:0 12px;border-top:1px solid #7383ad20;border-bottom:1px solid #7383ad26;background:#101c2a66}
.library-tabs button{position:relative;flex:1;min-width:0;height:48px;padding:0 10px;border-radius:0;border:0;background:transparent;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;color:#9aaecb;box-shadow:none}
.library-tabs button span{font-size:12px;white-space:nowrap}.library-tabs button .library-glyph{display:flex;align-items:center;justify-content:center;flex:none;width:23px;height:23px}.library-glyph svg{display:block;width:23px;height:23px}
.library-tabs button.active{background:linear-gradient(90deg,#16405b33,transparent);border:0;color:#54ddfa;box-shadow:none}.library-tabs button.active::after{content:'';position:absolute;height:2px;bottom:3px;left:18%;right:18%;border-radius:2px;background:linear-gradient(90deg,#37dff4,#6386ff 65%,#a344ed)}
.library-tabs button:hover{background:#26334a66;color:#d2efff;border:0}.library-tabs button:focus-visible{outline:1px solid #75dff5;outline-offset:-3px}
@media(max-width:1200px){.library-tabs{padding:0 3px}.library-tabs button{padding:0 4px;gap:5px}.library-tabs button span{font-size:10px}.library-tabs button .library-glyph,.library-glyph svg{width:19px;height:19px}}

.recent-flyout{position:relative}.submenu-arrow{float:right;font-size:18px;line-height:16px}.recent-flyout>.recent-menu{left:100%;top:0;margin:0;max-width:310px;min-width:240px;padding:6px;max-height:65vh;overflow-y:auto}.recent-menu button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-properties{display:grid;grid-template-columns:140px minmax(160px,1fr);gap:10px 18px}.file-properties dt{color:#a9b8d0}.file-properties dd{margin:0;overflow-wrap:anywhere}
.clip .key-marker{position:absolute;bottom:18px;width:18px;height:20px;padding:0;border:0;background:#0b1337dd;color:#78e7ff;font-size:14px;line-height:20px;transform:translateX(-50%);z-index:6;cursor:ew-resize;touch-action:none}.clip .key-marker:hover,.clip .key-marker.selected-key{color:white;background:#7252bd;outline:1px solid #b8e8ff}.keyframe-controls{display:inline-flex;gap:1px;flex:none}.field .keyframe-controls button{padding:2px 4px;width:18px;border:0;background:transparent}.field .key.active{color:#71e5ff}.clip svg.detailed-waveform{position:absolute;bottom:0;height:30%;opacity:1;pointer-events:none;fill:#7ce3df}.clip.audio svg.detailed-waveform{height:calc(100% - 22px)}.wave-center{stroke:#b7eefa44;stroke-width:.5;fill:none}
@media(max-width:1200px){.topbar{grid-template-columns:auto minmax(260px,1fr) auto;gap:8px}.header-left{gap:8px}.topbar #projectName{width:155px}.project-file-controls{gap:7px}.topbar .brand img{width:95px}.topbar .brand-credit{font-size:8px}.topbar button{padding:6px 8px}.topbar #projectSaveSummary{max-width:66px}}
@media(max-width:980px){.topbar .brand-credit{display:none!important}.topbar .brand img{width:80px}.topbar #projectName{width:125px}.topbar{grid-template-columns:auto 1fr auto}.topbar #projectSaveSummary{font-size:10px}}

.transform-heading{display:flex;align-items:center;justify-content:space-between}.transform-heading .key{width:25px;height:25px;padding:2px;font-size:16px;line-height:20px}.transform-heading .key.active{color:#71e5ff;border-color:#668ba7;background:#1a3450}

.transform-master-actions{display:inline-flex;align-items:center;gap:6px}

/* Browser inspector actions stay in flow; sticky positioning can cover later Detection controls in short panels. */
.browser-edition .detect-primary-actions{position:static;inset:auto;z-index:auto}
.save-location-row{display:grid;gap:8px;padding:12px 0;border-top:1px solid #30415d}
.save-location-row span{font-size:12px;color:#a2b2ce;overflow-wrap:anywhere}
#headerUpgrade{padding:7px 12px;min-height:30px}
#editionStatus{white-space:nowrap;font-size:12px;color:#b9bddc}
@media(max-width:700px){#editionStatus{font-size:10px;white-space:normal}.save-location-row{max-width:100%}}

.inspector-tabs{grid-template-columns:repeat(3,1fr)}
.edition-note,.auth-editions{max-width:42rem;color:#b8c6e1;font-size:12px;line-height:1.55}
.auth-editions{margin:12px 0 18px;padding:10px 12px;border-left:2px solid #58d6ed;background:#121b33aa;border-radius:0 7px 7px 0}
.auth-editions strong{color:#dcf8ff}