@charset "UTF-8";
:root{--base:#090909;--white:#f7f7f7;--text:#f2f2f2;--muted:#a2a2a2;--cyan:#cbcbcb;--electric:#cbcbcb;--line:#2f2f2f;--font:Inter,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--base);font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.38}
button,a{-webkit-user-select:none;user-select:none}
a{color:inherit;text-decoration:none}
button{color:inherit}
h1,h2,h3,p{margin:0}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #cbcbcb;outline-offset:4px}
input:disabled{background:#1a1a1a}
button{border:0;background:none}
button, .button{transition:background .2s,color .2s,box-shadow .2s,transform .2s}
svg.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
[v-cloak]{display:none}
.brand-word{font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:800;letter-spacing:-2.5px;line-height:1;display:inline-flex;align-items:flex-start}
.brand-word span{font-size:11px;letter-spacing:0;margin:2px 0 0 4px;font-weight:500}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;line-height:1.8;color:var(--cyan)}
.muted{color:var(--muted);line-height:1.8;font-size:13px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:3px;padding:11px 17px;font-size:12px;font-weight:550;border:1px solid transparent;white-space:nowrap;line-height:1.4}
.button .icon{width:16px;height:16px}
.primary{background:var(--cyan);color:var(--white)}
.primary:not(:disabled):hover{background:#7d7d7d;box-shadow:none}
.secondary{background:#151515;border-color:var(--line)}
.secondary:not(:disabled):hover,.ghost:hover{background:#212121}
.ghost{border-color:var(--line);background:transparent}
.electric{background:var(--electric);color:var(--cyan)}
.electric:hover{background:#e0e0e0}
.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:12px;font-weight:550;padding:0;background:none}
.text-link .icon{width:15px;height:15px}
.text-link:hover{color:#e3e3e3}
.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:3px;color:#a9a9a9}
.icon-button .icon{width:16px;height:16px}
.icon-button:not(:disabled):hover{color:var(--cyan);background:#212121}
.icon-button.danger:not(:disabled):hover{background:#1d1d1d;color:#afafaf}
.status-dot{width:6px;height:6px;background:#cbcbcb;border-radius:50%;display:inline-block;flex-shrink:0}
.spinner{display:inline-block;width:24px;height:24px;border:2px solid #3a3a3a;border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}
.spinner.small{width:15px;height:15px;border-color:#ffffff45;border-top-color:currentColor}
.initial-loader{height:100vh;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}
.initial-loader .brand-word{margin-bottom:20px}
.initial-loader p{font-size:13px;color:var(--muted)}
.alert{padding:14px 16px;border-radius:3px;font-size:12px;line-height:1.8;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}
.alert.error{background:#1d1d1d;border:1px solid #474747;color:#c2c2c2}
.dismiss-alert{padding:0 3px;font-size:20px;color:inherit}
.small-label{font-size:10px;letter-spacing:.25px;color:var(--muted)}

/* Login */
.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.login-story{background:#0f0f0f;position:relative;overflow:hidden;color:#f5f5f5;padding:55px 66px;min-height:740px;display:flex;flex-direction:column}
.login-brand{align-self:flex-start;z-index:1}
.login-art{position:absolute;inset:0;overflow:hidden;opacity:.9}
.orb{position:absolute;border:1px solid #cbcbcb55;width:500px;height:500px;border-radius:50%;left:calc(50% - 250px);top:18%;transform:rotate(-30deg)}
.orb-one{background:radial-gradient(circle at 40% 40%,#6c6c6c26,transparent 64%);box-shadow:none;transform:rotate(-30deg) scaleX(.52)}
.orb-two{transform:rotate(35deg) scaleX(.62)}
.orb-three{transform:rotate(70deg) scaleX(.55);width:470px;height:470px;left:calc(50% - 235px);top:20%}
.art-cross{position:absolute;font-size:20px;font-weight:300;color:#cbcbcb99}
.cross-one{left:13%;top:24%}
.cross-two{right:13%;top:58%}
.art-caption{position:absolute;right:9%;top:36%;font-size:9px;letter-spacing:2.5px;writing-mode:vertical-rl;color:#a7a7a7}
.login-manifesto{margin-top:auto;padding-top:400px;z-index:1}
.login-manifesto .eyebrow{color:var(--electric);font-size:9px;letter-spacing:2px;margin-bottom:20px}
.login-manifesto h1{font-size:36px;font-weight:500;line-height:1.65;letter-spacing:1px}
.login-manifesto>p:last-child{font-size:12px;color:#acacac;line-height:2;margin-top:21px}
.login-footnote{font-size:10px;letter-spacing:1px;color:#949494;margin-top:57px;z-index:1}
.login-panel{position:relative;min-height:740px;padding:45px 50px;display:flex;align-items:center;justify-content:center}
.login-back{position:absolute;right:45px;top:40px;color:#aaaaaa}
.login-form{width:100%;max-width:354px;padding:70px 0}
.login-lock{display:flex;width:42px;height:42px;background:#202020;align-items:center;justify-content:center;border-radius:3px;margin-bottom:28px;color:var(--cyan)}
.login-form>.eyebrow{font-size:9px;margin-bottom:9px}
.login-form h2{font-size:27px;font-weight:550;letter-spacing:-.6px;margin-bottom:13px}
.login-form>.muted{font-size:12px;margin-bottom:34px}
.field{display:block;font-size:12px;line-height:1.6;font-weight:550;margin-bottom:20px}
.field input,.field textarea,.field select{display:block;width:100%;color:var(--text);background:#151515;border:1px solid #393939;min-height:43px;border-radius:3px;padding:11px 13px;margin-top:8px;font-size:12px;font-weight:400;line-height:1.6;transition:border-color .2s,box-shadow .2s;outline-offset:2px}
.field input::placeholder,.field textarea::placeholder{color:#858585}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#cbcbcb;box-shadow:none}
.field textarea{resize:vertical;min-height:80px}
.field small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:7px;line-height:1.7}
.login-submit{width:100%;justify-content:space-between;margin-top:7px;min-height:47px}
.credential-hint{color:#989898;text-align:center;font-size:10px;line-height:1.9;margin-top:23px}
.credential-hint code{font-size:10px;font-family:monospace;color:#aaaaaa;overflow-wrap:anywhere}
.login-bottom{position:absolute;bottom:33px;font-size:9px;color:#868686;letter-spacing:1px;width:calc(100% - 100px);display:flex;justify-content:space-between}
.login-bottom span{letter-spacing:0}

/* Application frame */
.admin-shell{display:flex;min-height:100vh}
.sidebar{width:232px;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;padding:39px 24px 0;border-right:1px solid var(--line);background:#0e0e0e;z-index:15}
.sidebar>.brand-word{margin-left:14px;font-size:34px;align-self:flex-start}
.sidebar-caption{font-size:10px;letter-spacing:1px;margin:11px 0 0 15px;color:#959595}
.sidebar-caption span{font-size:7px;letter-spacing:1px;display:inline-block;margin-left:7px;border-left:1px solid #353535;padding-left:7px}
.side-nav{display:flex;flex-direction:column;gap:7px;margin-top:55px}
.side-nav button{display:flex;align-items:center;gap:13px;width:100%;padding:14px 15px;text-align:left;border-radius:3px;color:#a3a3a3;font-size:12px;min-height:46px}
.side-nav button .icon{width:18px;height:18px}
.side-nav button:hover{background:#1d1d1d;color:var(--cyan)}
.side-nav button.active{color:var(--cyan);background:#272727;font-weight:600}
.nav-count{font-size:9px;margin-left:auto;border-radius:4px;background:#212121;min-width:22px;padding:3px 5px;text-align:center;color:#989898}
.side-nav button.active .nav-count{background:#373737;color:var(--cyan)}
.sidebar-note{margin:55px 7px 35px;padding:21px 15px;background:#181818;border:1px solid #3a3a3a;border-radius:3px}
.sidebar-note>.status-dot{margin-right:6px}
.sidebar-note strong{font-size:10px;font-weight:550}
.sidebar-note p{font-size:10px;line-height:1.9;color:#a4a4a4;margin-top:9px}
.sidebar-note a{font-size:10px;display:flex;align-items:center;gap:15px;margin-top:19px;color:var(--cyan);font-weight:550}
.sidebar-note a .icon{width:13px;height:13px}
.sidebar-user{margin-top:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:23px 2px}
.avatar{width:32px;height:32px;background:#2e2e2e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--cyan);flex-shrink:0}
.sidebar-user strong{font-size:10px;font-weight:550;display:block;margin-bottom:4px}
.sidebar-user small{font-size:8px;color:var(--muted)}
.sidebar-user .icon-button{margin-left:auto}
.workspace{margin-left:232px;width:calc(100% - 232px);min-width:0}
.workspace-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 44px;border-bottom:1px solid var(--line);background:#0f0f0f}
.breadcrumb{font-size:11px;color:#919191;display:flex;align-items:center;gap:13px;white-space:nowrap}
.breadcrumb span{font-size:10px;color:#454545}
.breadcrumb strong{font-weight:500;color:#c7c7c7}
.header-actions{display:flex;gap:11px;align-items:center}
.save-state{font-size:9px;color:#a5a5a5;display:flex;align-items:center;gap:6px;margin-right:5px;white-space:nowrap}
.save-state.dirty{color:#b2b2b2}
.save-state.dirty .status-dot{background:#a6a6a6}
.header-actions .button{min-height:36px;padding:9px 12px;font-size:10px}
.header-actions .icon{width:14px;height:14px}
.workspace-main{padding:43px 44px 0;max-width:1570px;margin:auto}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}
.page-heading .eyebrow{font-size:8px;letter-spacing:1.65px;margin-bottom:10px;color:#b8b8b8}
.page-heading h1{font-size:27px;letter-spacing:-.65px;font-weight:550;line-height:1.4;margin-bottom:10px}
.page-heading p:last-child{font-size:11px;color:#a1a1a1;line-height:1.8}
.date-label{font-size:10px;letter-spacing:.2px;color:#888888;align-self:flex-end;margin-bottom:3px}
.workspace-footer{display:flex;justify-content:space-between;gap:25px;font-size:9px;line-height:1.8;letter-spacing:1px;color:#8a8a8a;padding:33px 0 26px;border-top:1px solid var(--line);margin-top:32px}
.workspace-footer span:last-child{letter-spacing:.3px}
.content-loading{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted);font-size:12px}

/* Overview */
.overview-banner{min-height:252px;border-radius:3px;background:#181818;position:relative;overflow:hidden;padding:33px 38px;color:white;display:flex;justify-content:space-between}
.overview-banner>div:first-child{position:relative;z-index:2}
.tag{font-size:8px;letter-spacing:1.5px;font-weight:600;display:inline-block;padding:6px 9px;border:1px solid #595959;border-radius:3px}
.tag.light{border-color:#cbcbcb55;color:#d8d8d8;font-size:7px;background:#cbcbcb0a;padding:5px 8px}
.overview-banner h2{font-size:26px;letter-spacing:.5px;font-weight:450;line-height:1.5;margin-top:16px}
.overview-banner p{font-size:10px;color:#adadad;line-height:1.9;margin-top:10px}
.overview-banner .button{font-size:10px;margin-top:19px;min-height:34px;padding:9px 12px}
.overview-banner .button .icon{width:13px;height:13px}
.banner-graphic{position:absolute;inset:0 0 0 52%;overflow:hidden}
.graphic-orbit{position:absolute;right:52px;top:4px;width:280px;height:280px;border-radius:50%;border:1px solid #cbcbcb59;transform:rotate(-30deg) scaleX(.6)}
.orbit-a{background:radial-gradient(ellipse at 40% 40%,#6c6c6c30,transparent 62%);box-shadow:none}
.orbit-b{transform:rotate(25deg) scaleX(.6)}
.orbit-c{transform:rotate(80deg) scaleX(.6)}
.graphic-label{font-size:7px;line-height:1.8;letter-spacing:1.7px;color:#bababa;position:absolute;bottom:25px;right:34px}
.graphic-number{position:absolute;color:#d2d2d252;font-size:104px;font-weight:300;letter-spacing:-8px;right:149px;top:78px;transform:rotate(-9deg)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:23px 0 29px}
.stat-card{background:#151515;border:1px solid var(--line);border-radius:3px;padding:23px 24px 21px}
.stat-card>div{display:flex;align-items:center;justify-content:space-between;color:#ababab;font-size:11px}
.stat-card>div .icon{width:18px;height:18px;color:#8e8e8e}
.stat-card>strong{display:block;font-size:34px;font-weight:450;letter-spacing:-1.2px;margin:13px 0 11px;line-height:1.1}
.stat-card p{font-size:9px;line-height:1.8;color:#9a9a9a;white-space:normal}
.stat-card p .status-dot{width:5px;height:5px;margin-right:5px;vertical-align:1px}
.stat-separator{margin:0 8px;color:#4c4c4c}
.stat-card.accent{background:#1f1f1f;border-color:#464646}
.stat-card.accent>strong.status-title{font-size:27px;font-weight:450;padding:4px 0 3px;letter-spacing:-1px;color:var(--cyan)}
.panel{background:#151515;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 25px 20px}
.panel-heading h2{font-size:15px;font-weight:550;margin-bottom:7px}
.panel-heading p{font-size:10px;color:var(--muted);line-height:1.8}
.panel-heading .text-link{font-size:10px}
.overview-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 25px 27px}
.mini-video{min-width:0}
.mini-video-image{width:100%;aspect-ratio:16/9;border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative;padding:0;overflow:hidden;background:linear-gradient(130deg,#2f2f2f,#151515)}
.mini-video-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.mini-video-image:hover img{transform:scale(1.035)}
.poster-fallback{font-size:35px;font-weight:300;color:#cbcbcb40;letter-spacing:-2px}
.video-play{width:32px;height:32px;border-radius:50%;background:#cbcbcbef;display:flex;align-items:center;justify-content:center;color:var(--cyan);position:relative;box-shadow:none}
.video-play .icon{width:17px;height:17px}
.duration{position:absolute;bottom:7px;right:7px;font-size:8px;padding:3px 5px;border-radius:3px;background:#090909cc;color:#f7f7f7}
.mini-video-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 7px}
.mini-video-meta .small-label{font-size:8px}
.publication{font-size:8px;line-height:1.3;color:#b8b8b8;background:#242424;padding:4px 6px;border-radius:3px;white-space:nowrap}
.publication.published{color:#c4c4c4;background:#272727}
.mini-video h3{font-size:12px;font-weight:500;line-height:1.7}
.editorial-note{display:flex;align-items:center;gap:19px;margin:24px 0 5px;padding:0 2px;color:#999999}
.editorial-note>span{font-size:7px;letter-spacing:1.4px;font-weight:600;white-space:nowrap;color:#a3a3a3}
.editorial-note>p{font-size:10px;line-height:1.8}
.editorial-note .icon{width:14px;height:14px;margin-left:auto}

/* Content lists */
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.filter-tabs{display:flex;gap:4px;background:#111111;padding:4px;border-radius:3px}
.filter-tabs button{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:3px;font-size:10px;color:#a5a5a5;white-space:nowrap}
.filter-tabs button.active{background:#151515;color:var(--cyan);box-shadow:none}
.filter-tabs button span{font-size:8px;min-width:14px;color:#8b8b8b}
.search-field{display:flex;align-items:center;border:1px solid var(--line);background:#151515;border-radius:3px;padding:0 12px;gap:9px;height:39px}
.search-field .icon{width:15px;height:15px;color:#8a8a8a}
.search-field input{background:none;border:0;outline:0!important;box-shadow:none;padding:10px 0;width:165px;font-size:10px;color:var(--text)}
.search-field input::placeholder{color:#878787}
.search-field:focus-within{outline:2px solid #cbcbcb;outline-offset:2px}
.content-list .list-head,.content-row{display:grid;grid-template-columns:minmax(220px,1fr) 105px 165px;gap:15px;align-items:center;padding:17px 23px}
.list-head{background:#121212;font-size:10px;color:#8a8a8a;border-bottom:1px solid var(--line)}
.list-head>span:last-child{text-align:right;padding-right:11px}
.content-row{padding-top:22px;padding-bottom:22px;border-bottom:1px solid #2d2d2d;min-height:132px}
.row-content{display:flex;align-items:center;gap:17px;min-width:0}
.row-thumbnail{width:126px;height:77px;border-radius:3px;background:#242424;position:relative;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;color:#929292}
.row-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.row-thumbnail>span{position:absolute;right:5px;bottom:5px;font-size:8px;color:white;background:#090909cc;padding:2px 4px;border-radius:2px}
.row-copy{min-width:0}
.row-copy .small-label{font-size:8px;color:#959595}
.row-copy h2{font-size:12px;font-weight:550;line-height:1.75;margin:4px 0}
.row-copy h2>button{text-align:left;padding:0;font-weight:inherit;line-height:inherit}
.row-copy h2>button:hover{color:#818181}
.row-copy>p{color:#a0a0a0;font-size:9px;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}
.row-publish{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:9px;color:#aaaaaa}
.toggle{width:28px;height:16px;background:#353535;border-radius:3px;padding:2px;flex-shrink:0}
.toggle span{display:block;width:12px;height:12px;border-radius:50%;background:#151515;box-shadow:none;transform:translateX(0);transition:transform .2s}
.toggle.enabled{background:#767676}
.toggle.enabled span{transform:translateX(12px)}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:1px}
.reorder-buttons{display:flex;margin-right:2px}
.row-actions .icon-button{width:29px}
.row-actions .icon-button .icon{width:14px;height:14px}
.resource-symbol{width:65px;height:73px;background:#202020;border:1px solid #3f3f3f;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#c8c8c8;flex-shrink:0}
.resource-symbol .icon{width:24px;height:24px;stroke-width:1.2}
.resource-symbol small{font-size:7px;text-align:center;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 23px;color:#8f8f8f;font-size:9px;gap:15px}
.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:75px 20px}
.empty-state>.icon{width:33px;height:33px;color:#888888;stroke-width:1.2;margin-bottom:22px}
.empty-state h3{font-size:14px;font-weight:550;margin-bottom:10px}
.empty-state p{font-size:11px;color:#9b9b9b;line-height:1.8;margin-bottom:22px}
.empty-state.compact{padding:30px 20px 40px}
.empty-state .button{font-size:10px;min-height:36px}

/* Settings */
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:24px}
.settings-panel{padding:30px}
.settings-section{display:flex;align-items:flex-start;gap:15px;margin-bottom:30px}
.section-index{width:26px;height:26px;background:#282828;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;color:#d2d2d2;flex-shrink:0}
.settings-section h2{font-size:14px;font-weight:550;margin-bottom:6px}
.settings-section p{font-size:10px;line-height:1.8;color:#a4a4a4}
.settings-divider{height:1px;background:#353535;margin:29px 0}
.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.settings-footer{border-top:1px solid #353535;padding-top:22px;margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.settings-footer p{font-size:9px;color:#999999;line-height:1.8}
.settings-footer .button{font-size:10px;min-height:36px;padding:10px 13px}
.settings-tip{background:#1a1a1a;padding:29px 25px;border-radius:3px;color:#c0c0c0}
.settings-tip>.tag{font-size:7px;letter-spacing:1px;padding:5px 7px;border-color:#535353;color:#aaaaaa}
.settings-tip h3{font-size:24px;font-weight:450;line-height:1.6;margin:25px 0 15px;color:#e6e6e6;letter-spacing:.5px}
.settings-tip p{font-size:11px;line-height:2.1;color:#a1a1a1}
.tip-divider{height:1px;background:#414141;margin:23px 0}
.settings-tip p.small-label{font-size:9px;color:#a9a9a9}

/* Editing dialogs */
.modal-overlay{position:fixed;inset:0;background:#050505e8;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}
.modal{background:var(--base);width:600px;max-width:100%;max-height:calc(100dvh - 50px);border-radius:3px;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;outline:none}
.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 29px;border-bottom:1px solid var(--line);flex-shrink:0}
.modal-heading .eyebrow{font-size:8px;letter-spacing:1.7px;color:#919191;margin-bottom:5px}
.modal-heading h2{font-size:21px;font-weight:550;letter-spacing:-.4px}
.modal-heading .icon-button{align-self:flex-start}
.modal>form{overflow:hidden;min-height:0;display:flex;flex-direction:column}
.modal-body{overflow:auto;padding:27px 29px 21px;flex:1}
.modal-body .field{font-size:11px;margin-bottom:20px}
.modal-body .field input,.modal-body .field select,.modal-body .field textarea{font-size:11px}
.required{color:#cccccc;font-size:10px;margin-left:2px}
.upload-zone{border:1px dashed #555555;border-radius:3px;padding:19px;display:flex;align-items:center;gap:15px;background:#181818;color:#c6c6c6;position:relative;overflow:hidden;cursor:pointer;margin:-7px 0 22px;transition:background .2s}
.upload-zone:hover{background:#272727}
.upload-zone>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.upload-zone:focus-within{outline:3px solid #cbcbcb;outline-offset:3px}
.upload-zone>input:disabled{cursor:wait}
.upload-zone>.icon{width:22px;height:22px;stroke-width:1.4}
.upload-zone strong{font-size:11px;font-weight:500;display:block;margin-bottom:5px}
.upload-zone small{font-size:9px;color:#a5a5a5;line-height:1.7}
.upload-progress{position:absolute;bottom:0;left:0;height:3px;background:#cbcbcb;transition:width .15s}
.upload-zone>img{width:69px;height:43px;object-fit:cover;border-radius:4px}
.publish-choice{display:flex;gap:11px;align-items:flex-start;cursor:pointer;margin-top:7px}
.publish-choice>input{margin:2px 0 0;accent-color:var(--cyan);width:15px;height:15px;flex-shrink:0}
.publish-choice strong{font-size:11px;font-weight:500;display:block}
.publish-choice small{display:block;color:#a2a2a2;font-size:9px;margin-top:6px;line-height:1.7}
.editor-save-note{font-size:9px;line-height:1.8;color:#979797;padding-top:17px;border-top:1px solid var(--line);margin-top:19px}
.modal-footer{border-top:1px solid var(--line);padding:17px 29px;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#121212;flex-shrink:0}
.modal-footer .button{font-size:11px;min-height:38px}
.delete-modal{width:410px;display:block;padding:31px}
.delete-symbol{width:45px;height:45px;border-radius:50%;background:#212121;color:#b2b2b2;display:flex;align-items:center;justify-content:center;margin-bottom:23px}
.delete-modal h2{font-size:20px;font-weight:550;margin-bottom:14px}
.delete-modal>p{font-size:12px;line-height:1.9;color:#aeaeae;margin-bottom:10px;overflow-wrap:anywhere}
.delete-modal>p.muted{font-size:10px;color:#939393}
.delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
.danger-button{background:#535353;color:#f7f7f7}
.danger-button:hover{background:#676767}
.toast-message{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#f0f0f0;background:#242424f7;border:1px solid #626262;border-radius:3px;padding:15px 21px;box-shadow:none;font-size:11px;line-height:1.7;z-index:150;max-width:calc(100% - 32px);width:max-content}
.toast-message .icon{width:16px;height:16px;color:var(--electric)}
.toast-enter-active,.toast-leave-active{transition:opacity .25s,transform .25s}
.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}

.mobile-logout{display:none}

@keyframes spin{to{transform:rotate(360deg)}
}


/* Spatial content console — dark instrumentation and dimensional geometry. */
:root{
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --blue:#6c6c6c;
  --violet:#a6a6a6;
  --panel:#151515;
  --line-bright:#535353;
}
body{background:#090909}
::selection{background:#6c6c6c;color:#ffffff}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#cbcbcb03 1px,transparent 1px),linear-gradient(90deg,#cbcbcb03 1px,transparent 1px);background-size:40px 40px;z-index:-1}
button:disabled{opacity:.48}
.brand-word{font-weight:900;letter-spacing:-2px;color:#f8f8f8;text-shadow:none}
.brand-word span{color:#cbcbcb}
.eyebrow,.small-label,.tag,.sidebar-caption span,.nav-count,.date-label,.breadcrumb,.duration,.graphic-label,.graphic-number,.credential-hint code,.login-footnote,.login-bottom,.coordinate,.spatial-core>span,.art-caption,.section-index,.stat-card>strong,.editorial-note>span,.workspace-footer>span:first-child{font-family:var(--mono)}
.eyebrow{font-size:10px;letter-spacing:2.3px;color:#cbcbcb}
.button{border-radius:3px;letter-spacing:.2px;min-height:44px}
.primary{background:#6c6c6c;color:#f9f9f9;border-color:#868686;box-shadow:none}
.primary:not(:disabled):hover{background:#7d7d7d;border-color:#a1a1a1;box-shadow:none;transform:translateY(-1px)}
.primary:disabled{background:#333333;border-color:#454545;color:#adadad;opacity:.75}
.electric{color:#111111;background:#cbcbcb;border-color:#dedede;box-shadow:none;font-weight:650}
.electric:hover{background:#e0e0e0;box-shadow:none;transform:translateY(-1px)}
.secondary,.ghost{color:#cdcdcd;background:#131313;border-color:#3e3e3e}
.secondary:not(:disabled):hover,.ghost:hover{background:#262626;border-color:#707070;color:#f6f6f6}
.icon-button{border:1px solid transparent;border-radius:3px;color:#a8a8a8}
.icon-button:not(:disabled):hover{background:#2a2a2a;border-color:#4f4f4f;color:#d3d3d3}
.text-link{color:#c5c5c5}
.text-link:hover{color:#ececec}
.status-dot{background:#cbcbcb;box-shadow:none;width:5px;height:5px}
.small-label{font-size:10px;color:#9f9f9f}
.muted{color:#aaaaaa}
.field{color:#cdcdcd;letter-spacing:.2px;font-size:12px}
.field input,.field textarea,.field select{border-color:#3a3a3a;background:#0f0f0f;color:#f1f1f1;border-radius:3px;min-height:45px;font-size:13px;box-shadow:none}
.field input::placeholder,.field textarea::placeholder{color:#808080}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#cbcbcb;box-shadow:none}
.field input:disabled{background:#1b1b1b;color:#8e8e8e}
.field select{color-scheme:dark}
.field small{color:#989898;font-size:11px}
.alert.error{background:#171717;border-color:#484848;border-left:3px solid #a3a3a3;color:#cbcbcb;border-radius:2px}
.alert .text-link{color:#c8c8c8}
.required{color:#cecece}
.initial-loader{background:radial-gradient(ellipse at center,#252525 0,transparent 55%),#090909}
.initial-loader .brand-word{font-size:46px}
.initial-loader p{color:#a1a1a1;font-family:var(--mono);letter-spacing:2px;font-size:11px}
.spinner{border-color:#424242;border-top-color:#cbcbcb;box-shadow:none}
/* Access terminal */
.login-page{background:#0b0b0b}
.login-story{background:radial-gradient(ellipse at 50% 36%,#2b2b2b 0,#171717 32%,#0b0b0b 72%);border-right:1px solid #373737;color:#f6f6f6}
.login-story::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#cbcbcb08 1px,transparent 1px),linear-gradient(90deg,#cbcbcb08 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000000 30%,#000000 65%,transparent)}
.login-story::after{content:"";position:absolute;inset:24px;pointer-events:none;background:linear-gradient(#cbcbcb77,#cbcbcb77) left top/30px 1px no-repeat,linear-gradient(#cbcbcb77,#cbcbcb77) left top/1px 30px no-repeat,linear-gradient(#6c6c6c88,#6c6c6c88) right bottom/30px 1px no-repeat,linear-gradient(#6c6c6c88,#6c6c6c88) right bottom/1px 30px no-repeat}
.login-art{opacity:1}
.spatial-grid{position:absolute;width:160%;height:420px;left:-30%;top:35%;background:linear-gradient(#6c6c6c21 1px,transparent 1px),linear-gradient(90deg,#6c6c6c21 1px,transparent 1px);background-size:32px 32px;transform:perspective(450px) rotateX(61deg);mask-image:radial-gradient(ellipse,#000000 20%,transparent 64%)}
.orb{width:470px;height:470px;left:calc(50% - 235px);top:17%;border:1px solid #717171;border-radius:50%;transform:none;background:none}
.orb-one{background:radial-gradient(circle at 36% 31%,#cbcbcb12,transparent 48%),radial-gradient(circle,#6c6c6c13,transparent 68%);box-shadow:none}
.orb-one::before{content:"";position:absolute;inset:15px;border-radius:50%;border:1px dashed #cbcbcb3b;background:repeating-radial-gradient(ellipse at center,transparent 0,transparent 48px,#a8a8a813 49px,#a8a8a813 50px);box-shadow:none}
.orb-one::after{content:"";position:absolute;left:-9%;top:50%;height:1px;width:118%;background:linear-gradient(90deg,transparent,#cbcbcb4d,transparent)}
.orb-two{border-color:#cbcbcb88;border-left-color:transparent;border-bottom-color:#6c6c6c66;transform:scale(.79);box-shadow:none;animation:console-orbit 28s linear infinite}
.orb-two::before{content:"";position:absolute;right:12%;top:11%;width:7px;height:7px;border-radius:50%;background:#d9d9d9;box-shadow:none}
.orb-three{width:470px;height:470px;left:calc(50% - 235px);top:17%;transform:scale(.56);border:1px solid #6c6c6c88;background:linear-gradient(90deg,transparent 49.7%,#cbcbcb33 49.9%,#cbcbcb33 50.1%,transparent 50.3%);box-shadow:none}
.spatial-core{position:absolute;top:calc(17% + 157px);left:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none}
.spatial-core strong{font-family:var(--mono);font-size:98px;line-height:1;letter-spacing:-12px;font-weight:500;color:#f1f1f1;text-shadow:none}
.spatial-core>span{font-size:9px;letter-spacing:3px;color:#bfbfbf;margin-left:9px}
.coordinate{position:absolute;font-size:8px;letter-spacing:1.3px;color:#a3a3a3;border-left:2px solid #cbcbcb;padding:6px 10px;background:#121212bd}
.coordinate-a{left:12%;top:22%}
.coordinate-b{right:9%;top:55%;border-left-color:#9d9d9d;color:#bcbcbc}
.art-cross{color:#bebebe;font-family:var(--mono);font-size:22px;font-weight:200}
.cross-one{top:39%;left:9%}
.cross-two{top:39%;right:9%}
.art-caption{color:#828282;font-size:8px;letter-spacing:2px;top:31%;right:4.5%}
.login-manifesto .eyebrow{color:#c3c3c3;font-size:10px;letter-spacing:2.8px}
.login-manifesto h1{font-weight:550;line-height:1.55;letter-spacing:1px;color:#f5f5f5}
.login-manifesto>p:last-child{color:#afafaf;line-height:1.9;font-size:13px}
.login-footnote{color:#828282;font-size:9px;letter-spacing:1.5px}
.login-panel{background:radial-gradient(ellipse at top right,#6c6c6c0d,transparent 50%),#0d0d0d}
.login-panel::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#cbcbcb66,transparent)}
.login-form{max-width:374px;position:relative}
.login-lock{width:45px;height:45px;border:1px solid #5d5d5d;background:#232323;box-shadow:none;border-radius:3px;color:#d2d2d2}
.login-form>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#929292}
.login-form h2{font-size:29px;font-weight:600;letter-spacing:.5px;color:#f6f6f6}
.login-form>.muted{font-size:12px;color:#a4a4a4}
.login-form .field{font-size:12px;color:#cecece}
.login-form .field input{min-height:47px;background:#121212}
.login-submit{min-height:48px;border-color:#808080;box-shadow:none;letter-spacing:1px}
.credential-hint{color:#8e8e8e;line-height:2.1;font-size:10px}
.credential-hint code{color:#acacac;font-size:10px}
.login-back{color:#aeaeae}
.login-back:hover{color:#e2e2e2}
.login-bottom{color:#6d6d6d;font-size:9px;letter-spacing:1.5px}
/* Navigation and control surfaces */
.sidebar{background:linear-gradient(180deg,#161616 0,#0e0e0e 42%);border-right-color:#353535;box-shadow:none}
.sidebar::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,#cbcbcb,#6c6c6c,transparent)}
.sidebar-caption{color:#878787}
.side-nav button{border:1px solid transparent;position:relative;color:#a4a4a4;border-radius:3px;letter-spacing:.5px}
.side-nav button:hover{background:#202020;border-color:#3d3d3d;color:#d8d8d8}
.side-nav button.active{background:linear-gradient(90deg,#313131,#202020);border-color:#4c4c4c;color:#d9d9d9;box-shadow:none;font-weight:550}
.side-nav button.active::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;background:#cbcbcb;box-shadow:none}
.nav-count{background:#1c1c1c;color:#979797;border:1px solid #373737;border-radius:2px;font-size:9px}
.side-nav button.active .nav-count{background:#323232;color:#d5d5d5;border-color:#585858}
.sidebar-note{background:linear-gradient(145deg,#25252566,#131313);border-color:#3d3d3d;border-radius:3px;position:relative;box-shadow:none}
.sidebar-note::after{content:"";position:absolute;right:9px;top:9px;width:11px;height:11px;border-top:1px solid #7f7f7f;border-right:1px solid #7f7f7f}
.sidebar-note strong{color:#c3c3c3;font-size:10px}
.sidebar-note p{color:#979797;font-size:10px}
.sidebar-note a{color:#c6c6c6}
.avatar{border-radius:3px;background:#292929;color:#d3d3d3;border:1px solid #5c5c5c;font-family:var(--mono);box-shadow:none}
.sidebar-user strong{color:#d5d5d5}
.sidebar-user small{color:#888888}
.workspace{background:radial-gradient(ellipse at 90% 2%,#6c6c6c07,transparent 35%)}
.workspace-header{background:#0f0f0ff5;border-color:#333333;box-shadow:none}
.breadcrumb{font-size:11px;letter-spacing:.3px;color:#7e7e7e}
.breadcrumb span{color:#606060}
.breadcrumb strong{color:#c3c3c3}
.save-state{color:#adadad;font-size:10px}
.save-state.dirty{color:#b6b6b6}
.save-state.dirty .status-dot{background:#a6a6a6;box-shadow:none}
.page-heading .eyebrow{color:#b9b9b9;font-size:9px;letter-spacing:2.2px}
.page-heading h1{font-size:28px;font-weight:600;letter-spacing:-.3px;color:#f5f5f5}
.page-heading p:last-child{color:#a3a3a3;font-size:12px}
.date-label{font-size:10px;color:#848484;letter-spacing:1px}
.workspace-footer{border-color:#303030;color:#7a7a7a;font-size:9px}
.workspace-footer>span:first-child{color:#939393;letter-spacing:1.7px}
/* Dimensional overview */
.overview-banner{background:radial-gradient(ellipse at 79% 40%,#393939 0,#212121 35%,#141414 69%);border:1px solid #505050;border-radius:3px;box-shadow:none}
.overview-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(#cbcbcb08 1px,transparent 1px),linear-gradient(90deg,#cbcbcb08 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent 22%,#000000);pointer-events:none}
.overview-banner::after{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(transparent,#cbcbcb99,transparent);opacity:.4;animation:console-scan 18s linear infinite;pointer-events:none}
.overview-banner h2{font-size:28px;font-weight:550;line-height:1.5;letter-spacing:1px;color:#f8f8f8}
.overview-banner p{color:#b5b5b5;font-size:11px;line-height:1.8}
.overview-banner .tag.light{font-size:8px;letter-spacing:2px;border-color:#686868;color:#d6d6d6;background:#26262666;border-radius:2px;padding:6px 8px}
.overview-banner .button{margin-top:22px;font-size:11px;min-height:37px}
.banner-graphic{left:53%;overflow:visible;pointer-events:none}
.graphic-orbit{border-radius:50%;background:none;box-shadow:none;transform:none;right:55px;top:-2px;width:277px;height:277px;border:1px solid #89898978}
.orbit-a{background:repeating-radial-gradient(ellipse at center,transparent 0,transparent 35px,#b1b1b11a 36px,#b1b1b11a 37px);box-shadow:none}
.orbit-a::before{content:"";position:absolute;inset:-10px;border:1px dashed #8a8a8a38;border-radius:50%}
.orbit-a::after{content:"";position:absolute;inset:20px;border:1px solid #cbcbcb22;border-radius:50%;transform:scaleX(.37);background:none}
.orbit-b{border-width:1px;border-color:#cbcbcb99 transparent #89898966 #cbcbcb66;transform:scale(.82);animation:console-banner-orbit 35s linear infinite}
.orbit-b::before{content:"";position:absolute;right:25%;top:2%;width:5px;height:5px;border-radius:50%;background:#dfdfdf;box-shadow:none}
.orbit-c{transform:scaleY(.36);border-color:#cbcbcb38;background:linear-gradient(180deg,#6c6c6c15,transparent)}
.graphic-axis{position:absolute;background:linear-gradient(90deg,transparent,#cbcbcb66,transparent);opacity:.65}
.axis-x{width:330px;height:1px;top:135px;right:28px}
.axis-y{height:330px;width:1px;top:-28px;right:192px;background:linear-gradient(transparent,#cbcbcb55,transparent)}
.graphic-number{right:134px;top:79px;font-size:91px;letter-spacing:-9px;font-weight:400;line-height:1.1;transform:none;color:#ebebeb;opacity:.8;text-shadow:none}
.graphic-label{color:#b1b1b1;letter-spacing:1.5px;font-size:8px;right:25px;bottom:21px;line-height:1.7;text-align:right}
.stats-grid{gap:18px}
.stat-card{background:linear-gradient(130deg,#191919,#121212);border:1px solid #3c3c3c;border-radius:3px;position:relative;box-shadow:none}
.stat-card::before{content:"";position:absolute;top:-1px;left:24px;height:1px;width:25px;background:#b7b7b7}
.stat-card>div{color:#aaaaaa;font-size:12px}
.stat-card>div .icon{color:#888888}
.stat-card>strong{font-size:36px;font-weight:400;letter-spacing:-1.5px;color:#f6f6f6;margin:14px 0 10px;text-shadow:none}
.stat-card p{font-size:10px;line-height:1.9;color:#949494}
.stat-card.accent{background:linear-gradient(130deg,#242424,#181818);border-color:#525252}
.stat-card.accent::before{background:#a6a6a6}
.stat-card.accent>strong.status-title{color:#dadada;font-family:var(--font);font-size:28px;letter-spacing:1px}
.stat-card.accent>div .icon{color:#a4a4a4}
.panel{background:#141414;border-color:#383838;border-radius:3px;box-shadow:none}
.panel-heading{border-bottom:1px solid #2b2b2b00}
.panel-heading h2{color:#e6e6e6;font-size:15px;letter-spacing:.6px}
.panel-heading p{font-size:11px;color:#959595}
.panel-heading .text-link{font-size:11px}
.mini-video-image{background:linear-gradient(145deg,#3b3b3b,#151515);border:1px solid #434343;border-radius:3px}
.mini-video-image::after{content:"";position:absolute;inset:0;box-shadow:none;pointer-events:none;background:linear-gradient(transparent 60%,#09090933)}
.mini-video-image:hover{border-color:#cbcbcb88;box-shadow:none}
.video-play{background:#121212cc;color:#dcdcdc;border:1px solid #cfcfcf9c;border-radius:3px;box-shadow:none;z-index:1}
.mini-video-image:hover .video-play{background:#cbcbcb;color:#0f0f0f;box-shadow:none}
.duration{color:#e3e3e3;background:#090909db;border:1px solid #8282824a;font-size:8px;border-radius:2px;z-index:1}
.mini-video-meta .small-label{color:#939393;font-size:9px}
.publication{background:#232323;color:#b9b9b9;border:1px solid #4a4a4a;border-radius:2px;font-size:9px;padding:4px 6px}
.publication.published{color:#cbcbcb;background:#222222;border-color:#4a4a4a}
.mini-video h3{color:#e6e6e6;font-size:13px;font-weight:500;line-height:1.75}
.editorial-note{color:#8f8f8f;border-left:2px solid #575757;padding-left:13px;gap:18px}
.editorial-note>span{font-size:8px;letter-spacing:1.2px;color:#bdbdbd}
.editorial-note>p{font-size:11px;color:#9c9c9c}
/* Media and resource operations */
.filter-tabs{background:#121212;border:1px solid #383838;padding:3px;border-radius:3px}
.filter-tabs button{color:#9c9c9c;font-size:11px;border-radius:2px;min-height:34px;border:1px solid transparent}
.filter-tabs button:hover{background:#272727;color:#dbdbdb}
.filter-tabs button.active{background:#303030;color:#d5d5d5;border-color:#5e5e5e;box-shadow:none}
.filter-tabs button span{font-family:var(--mono);color:#898989;font-size:10px}
.filter-tabs button.active span{color:#bbbbbb}
.search-field{background:#111111;border-color:#3c3c3c;border-radius:3px}
.search-field input{color:#e1e1e1;font-size:11px}
.search-field input::placeholder{color:#868686}
.search-field .icon{color:#858585}
.list-head{background:#171717;border-bottom-color:#393939;color:#959595;font-family:var(--mono);font-size:11px;letter-spacing:.6px}
.content-row{border-bottom-color:#2e2e2e;transition:background .2s}
.content-row:hover{background:#1e1e1e}
.row-thumbnail{border:1px solid #434343;border-radius:3px;background:#262626;color:#a3a3a3}
.row-thumbnail>span{color:#dddddd;background:#0b0b0bdb;border:1px solid #454545;border-radius:2px;font-family:var(--mono)}
.row-copy .small-label{font-size:10px;color:#979797}
.row-copy h2{color:#e8e8e8;font-size:13px}
.row-copy h2>button:hover{color:#d5d5d5}
.row-copy>p{color:#9a9a9a;font-size:11px;line-height:1.8}
.row-publish{color:#aaaaaa;font-size:10px}
.toggle{background:#333333;border:1px solid #4b4b4b;height:17px;width:30px;padding:2px;border-radius:9px}
.toggle span{width:11px;height:11px;background:#b4b4b4}
.toggle.enabled{background:#4b4b4b;border-color:#7b7b7b;box-shadow:none}
.toggle.enabled span{background:#dddddd;transform:translateX(12px);box-shadow:none}
.resource-symbol{background:linear-gradient(140deg,#2e2e2e,#1b1b1b);border-color:#4c4c4c;border-radius:3px;color:#bfbfbf}
.resource-symbol small{font-family:var(--mono);color:#ababab;font-size:8px}
.list-foot{color:#888888;font-family:var(--mono);font-size:10px;background:#121212}
.empty-state>.icon{color:#797979}
.empty-state h3{color:#cdcdcd}
.empty-state p{color:#999999}
/* Settings and modal interfaces */
.settings-section h2{color:#e5e5e5;font-size:15px;letter-spacing:.4px}
.settings-section p{color:#939393;font-size:11px}
.section-index{border:1px solid #4e4e4e;border-radius:3px;background:#2a2a2a;color:#c5c5c5}
.settings-divider,.tip-divider{background:#383838}
.settings-footer{border-color:#393939}
.settings-footer p{color:#919191;font-size:10px}
.settings-tip{background:linear-gradient(150deg,#242424,#181818);border:1px solid #444444;border-radius:3px;position:relative;overflow:hidden}
.settings-tip::after{content:"";position:absolute;right:-40px;bottom:-60px;width:160px;height:160px;border:1px solid #9c9c9c15;transform:rotate(45deg);pointer-events:none}
.settings-tip>.tag{background:#1e1e1e;border-color:#636363;color:#bfbfbf;font-size:8px;letter-spacing:1px}
.settings-tip h3{color:#e2e2e2;font-size:25px;font-weight:500;letter-spacing:.5px}
.settings-tip p{color:#9e9e9e;font-size:12px}
.settings-tip p.small-label{color:#9c9c9c;font-size:10px}
.modal-overlay{background:#050505eb;backdrop-filter:blur(9px)}
.modal{background:#121212;border:1px solid #4f4f4f;border-radius:4px;box-shadow:none}
.modal-heading{border-color:#3a3a3a;background:linear-gradient(100deg,#202020,#131313);position:relative}
.modal-heading::before{content:"";position:absolute;top:0;left:0;width:30%;height:1px;background:linear-gradient(90deg,#cbcbcb,transparent)}
.modal-heading .eyebrow{color:#979797;font-size:9px;letter-spacing:1.8px}
.modal-heading h2{color:#f4f4f4;font-size:22px;font-weight:550;letter-spacing:.4px}
.modal-body .field{font-size:12px;color:#c8c8c8}
.modal-body .field input,.modal-body .field textarea,.modal-body .field select{font-size:12px}
.modal-footer{background:#151515;border-color:#3d3d3d}
.upload-zone{background:#1e1e1e;border-color:#595959;color:#cbcbcb;border-radius:3px;box-shadow:none}
.upload-zone:hover{background:#2d2d2d;border-color:#cbcbcb99}
.upload-zone.is-uploading{border-style:solid;border-color:#cbcbcb66}
.upload-zone:focus-within{outline-color:#cbcbcb}
.upload-zone strong{font-size:12px;color:#cfcfcf}
.upload-zone small{color:#999999;font-size:10px}
.upload-progress{background:linear-gradient(90deg,#6c6c6c,#cbcbcb);box-shadow:none}
.upload-zone>img{border:1px solid #575757;border-radius:2px}
.publish-choice>input{accent-color:#6c6c6c;filter:brightness(1.15)}
.publish-choice strong{color:#d2d2d2;font-size:12px}
.publish-choice small{color:#979797;font-size:10px}
.editor-save-note{border-color:#373737;color:#999999;font-size:10px}
.delete-modal{background:#141414;border-top-color:#525252}
.delete-symbol{background:#1e1e1e;border:1px solid #414141;border-radius:3px;color:#b0b0b0}
.delete-modal h2{color:#f4f4f4}
.delete-modal>p{color:#b5b5b5}
.delete-modal>p.muted{color:#929292}
.danger-button{background:#4f4f4f;border-color:#717171;color:#ffffff}
.danger-button:hover{background:#636363;box-shadow:none}
.toast-message{background:#222222f5;color:#e9e9e9;border-color:#5f5f5f;border-left:2px solid #cbcbcb;box-shadow:none;border-radius:3px;font-size:12px}
.toast-message .icon{color:#cbcbcb}
@keyframes console-orbit{from{transform:rotate(0deg) scale(.79)}to{transform:rotate(360deg) scale(.79)}}
@keyframes console-banner-orbit{from{transform:rotate(0deg) scale(.82)}to{transform:rotate(360deg) scale(.82)}}
@keyframes console-scan{0%{transform:translateX(0);opacity:0}8%{opacity:.5}88%{opacity:.5}100%{transform:translateX(1100px);opacity:0}}

@media(min-width:1500px){.workspace-main{padding-top:50px}
.overview-banner{min-height:290px;padding:35px 42px}
.overview-banner h2{font-size:30px}
.overview-banner p{font-size:11px}
.overview-banner .button{margin-top:23px}
.graphic-orbit{width:310px;height:310px;right:110px;top:-5px}
.graphic-number{right:218px;top:89px}
.stat-card{padding:27px}
.stats-grid{margin:27px 0 32px}
.page-heading{margin-bottom:34px}
}

@media(max-width:1200px){.sidebar{width:210px;padding-left:19px;padding-right:19px}
.workspace{margin-left:210px;width:calc(100% - 210px)}
.workspace-header{padding:0 28px}
.workspace-main{padding:34px 28px 0}
.save-state{font-size:8px}
.breadcrumb{font-size:10px}
.overview-banner{padding:28px 30px}
.overview-banner h2{font-size:24px}
.graphic-orbit{right:16px}
.graphic-number{right:114px}
.stat-card{padding:20px 17px}
.stat-card p{font-size:8px}
.settings-layout{grid-template-columns:minmax(0,1fr) 205px;gap:18px}
.settings-panel{padding:25px}
.settings-tip{padding:25px 20px}
.content-list .list-head,.content-row{grid-template-columns:minmax(180px,1fr) 82px 143px;padding-left:20px;padding-right:20px;gap:10px}
.row-thumbnail{width:95px;height:64px}
.row-content{gap:12px}
.row-actions .icon-button{width:25px}
.row-publish{font-size:8px;gap:5px}
.overview-video-grid{gap:15px;padding-left:23px;padding-right:23px}
}

@media(max-width:1000px){.save-state{display:none}
.sidebar{width:187px;padding-left:14px;padding-right:14px}
.sidebar>.brand-word{font-size:31px}
.sidebar-caption{font-size:9px}
.sidebar-caption span{font-size:6px;margin-left:3px;padding-left:4px}
.side-nav button{font-size:11px;gap:10px}
.sidebar-note{padding:16px 12px;margin-left:2px;margin-right:2px}
.sidebar-user{gap:7px}
.sidebar-user .avatar{width:29px;height:29px}
.sidebar-user strong{font-size:9px}
.sidebar-user small{font-size:7px}
.sidebar-user .icon-button{width:23px}
.workspace{margin-left:187px;width:calc(100% - 187px)}
.workspace-header{padding:0 23px;height:76px}
.workspace-main{padding:29px 23px 0}
.page-heading h1{font-size:24px}
.page-heading p:last-child{font-size:10px}
.date-label{display:none}
.overview-banner{padding:26px}
.overview-banner h2{font-size:22px}
.overview-banner p{font-size:9px;max-width:260px}
.banner-graphic{left:49%;opacity:.85}
.graphic-orbit{right:-21px}
.graphic-number{right:80px}
.graphic-label{font-size:6px;right:20px}
.stats-grid{gap:11px}
.stat-card{padding:18px 15px}
.stat-card>div{font-size:10px}
.stat-card>strong{font-size:31px}
.stat-card.accent>strong.status-title{font-size:24px}
.stat-card p{font-size:8px;min-height:28px}
.stat-separator{margin:0 3px}
.overview-video-grid{gap:12px;padding:0 20px 23px}
.panel-heading{padding:22px 20px 18px}
.mini-video h3{font-size:11px}
.video-play{width:27px;height:27px}
.editorial-note{gap:12px}
.editorial-note>p{font-size:9px}
.editorial-note>span{font-size:6px}
.content-list .list-head,.content-row{grid-template-columns:minmax(175px,1fr) 65px 123px;padding-left:16px;padding-right:16px;gap:8px}
.row-thumbnail{width:79px;height:57px}
.row-actions{gap:0}
.row-actions .icon-button{width:24px}
.row-actions .icon-button .icon{width:13px;height:13px}
.reorder-buttons{margin-right:0}
.row-publish{flex-direction:column;gap:6px}
.row-copy h2{font-size:11px}
.row-copy>p{font-size:8px}
.resource-symbol{width:52px;height:63px}
.list-toolbar{gap:10px}
.filter-tabs button{font-size:9px;padding:8px 9px;gap:5px}
.search-field input{width:130px;font-size:9px}
.filter-tabs button span{font-size:7px}
.settings-layout{grid-template-columns:1fr}
.settings-tip{display:none}
.login-story{padding:43px 40px}
.login-manifesto h1{font-size:29px}
.login-panel{padding-left:37px;padding-right:37px}
.login-bottom{width:calc(100% - 74px)}
}

@media(max-width:760px){.login-page{grid-template-columns:1fr}
.login-story{display:none}
.login-panel{min-height:100dvh;padding:35px}
.login-back{right:30px;top:28px;font-size:11px}
.login-form{padding:90px 0;max-width:355px}
.login-bottom{width:calc(100% - 70px);bottom:25px}
.admin-shell{display:block}
.sidebar{position:sticky;top:0;width:100%;height:auto;bottom:auto;display:grid;grid-template-columns:100px 1fr;padding:17px 20px 0;align-items:center;border-right:0;border-bottom:1px solid var(--line);background:#0e0e0ef5;backdrop-filter:blur(16px)}
.sidebar>.brand-word{font-size:27px;margin:0;align-self:center}
.sidebar-caption{margin:0;font-size:9px;text-align:right}
.sidebar-caption span{font-size:7px;margin-left:6px;padding-left:7px}
.side-nav{margin-top:16px;grid-column:1/-1;flex-direction:row;gap:8px;justify-content:space-between}
.side-nav button{justify-content:center;gap:7px;padding:12px 8px;font-size:10px;width:auto;flex:1;border-radius:3px 5px 0 0;min-height:41px;white-space:nowrap}
.side-nav button .icon{width:15px;height:15px}
.nav-count{display:none}
.sidebar-note,.sidebar-user{display:none}
.workspace{width:100%;margin:0}
.workspace-header{height:66px;padding:0 20px;background:#0f0f0f;gap:10px}
.breadcrumb{font-size:9px;gap:9px}
.header-actions{gap:7px}
.header-actions .button{font-size:9px;min-height:33px;padding:8px 10px}
.header-actions .button .icon{width:13px;height:13px}
.workspace-main{padding:29px 20px 0}
.page-heading{margin-bottom:25px;align-items:flex-start}
.page-heading .eyebrow{font-size:7px;margin-bottom:8px}
.page-heading h1{font-size:23px;margin-bottom:8px}
.page-heading p:last-child{font-size:10px;max-width:285px}
.page-heading>.button{margin-top:17px;font-size:10px;padding:9px 11px;min-height:35px}
.overview-banner{min-height:257px;padding:27px 25px}
.overview-banner h2{font-size:24px}
.overview-banner p{font-size:9px}
.banner-graphic{left:40%;opacity:.5}
.graphic-orbit{right:-39px;top:0}
.graphic-number{right:52px}
.graphic-label{bottom:23px;font-size:6px;right:15px}
.overview-banner .button{margin-top:20px;font-size:10px}
.stats-grid{gap:10px;margin:19px 0 23px}
.stat-card{padding:18px 13px}
.stat-card>div{font-size:9px}
.stat-card>div .icon{width:15px;height:15px}
.stat-card>strong{font-size:29px;margin:13px 0 9px}
.stat-card.accent>strong.status-title{font-size:21px;padding:5px 0}
.stat-card p{font-size:8px;min-height:33px}
.panel-heading{padding:21px 19px 18px}
.panel-heading h2{font-size:14px}
.panel-heading p{font-size:9px}
.overview-video-grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 19px 22px}
.overview-video-grid .mini-video:nth-child(3){display:none}
.mini-video h3{font-size:11px}
.editorial-note>span{display:none}
.editorial-note{margin-top:20px}
.editorial-note p{font-size:9px}
.workspace-footer{font-size:8px;letter-spacing:.6px;padding:24px 0 21px;margin-top:24px}
.workspace-footer span:last-child{font-size:8px;max-width:170px;text-align:right}
.list-toolbar{align-items:stretch;flex-wrap:wrap;margin-bottom:17px}
.filter-tabs{gap:4px}
.filter-tabs button{padding:8px 10px;font-size:9px}
.search-field{flex:1;min-width:130px;height:36px}
.search-field input{width:100%;min-width:70px}
.content-list .list-head{display:none}
.content-row{grid-template-columns:minmax(0,1fr) auto;padding:18px;gap:14px;min-height:auto}
.row-content{grid-column:1/-1;gap:14px}
.row-thumbnail{width:110px;height:70px}
.row-copy h2{font-size:12px}
.row-copy .small-label{font-size:9px}
.row-copy>p{font-size:9px}
.row-publish{flex-direction:row;gap:7px;font-size:9px;margin-left:124px}
.row-actions{gap:4px}
.row-actions .icon-button{width:28px;height:28px}
.row-actions .icon-button .icon{width:14px;height:14px}
.reorder-buttons{margin-right:5px}
.list-foot{font-size:8px;padding:14px 18px}
.resource-symbol{width:60px;height:64px}
.settings-panel{padding:24px}
.settings-section{gap:13px;margin-bottom:25px}
.settings-section h2{font-size:13px}
.settings-section p{font-size:9px}
.field{font-size:11px}
.field input,.field select,.field textarea{font-size:11px}
.settings-panel .two-columns{gap:12px}
.settings-footer{gap:15px}
.settings-footer p{font-size:8px}
.modal-overlay{padding:15px}
.modal{max-height:calc(100dvh - 30px);border-radius:3px}
.modal-heading{padding:22px 23px}
.modal-body{padding:23px}
.modal-footer{padding:16px 23px}
.delete-modal{padding:28px}
.toast-message{bottom:20px;font-size:10px;padding:13px 16px}
}

@media(max-width:420px){.sidebar{padding:15px 15px 0}
.side-nav{gap:4px}
.side-nav button{padding:11px 6px;font-size:9px;gap:5px}
.side-nav button .icon{width:14px;height:14px}
.workspace-header{padding:0 15px}
.breadcrumb{gap:6px;font-size:8px}
.preview-site{display:none}
.workspace-main{padding:26px 15px 0}
.overview-banner{padding:25px 21px}
.overview-banner h2{font-size:22px}
.overview-banner p{font-size:8px;max-width:245px}
.banner-graphic{left:49%;opacity:.38}
.stats-grid{gap:7px}
.stat-card{padding:15px 11px}
.stat-card>div{font-size:8px}
.stat-card>div .icon{width:13px;height:13px}
.stat-card p{font-size:7px}
.stat-card>strong{font-size:27px}
.stat-card.accent>strong.status-title{font-size:20px;padding:4px 0}
.stat-separator{margin:0 1px}
.stat-card p .status-dot{width:4px;height:4px;margin-right:3px}
.panel-heading{padding:20px 16px 16px}
.overview-video-grid{padding:0 16px 20px;gap:11px}
.mini-video h3{font-size:10px}
.mini-video-meta .small-label{font-size:7px}
.publication{font-size:7px;padding:3px 5px}
.panel-heading p{font-size:8px}
.panel-heading .text-link{font-size:9px}
.row-content{gap:12px}
.row-thumbnail{width:91px;height:65px}
.row-publish{margin-left:0}
.row-actions{gap:3px}
.row-copy>p{font-size:8px}
.content-row{padding:16px}
.settings-panel{padding:20px}
.two-columns{grid-template-columns:1fr;gap:0}
.settings-footer{align-items:flex-end}
.modal-heading,.modal-body{padding-left:20px;padding-right:20px}
.upload-zone{padding:17px 13px;gap:12px}
.modal-body .two-columns{grid-template-columns:1fr 1fr;gap:12px}
.modal-body .two-columns .field input{padding-left:10px;padding-right:10px}
.login-panel{padding:30px}
.login-form h2{font-size:25px}
}

@media(max-width:760px){.mobile-logout{display:inline-flex;width:25px}
.save-state.dirty{display:flex;font-size:8px;margin:0;max-width:70px;white-space:normal;line-height:1.5}
.save-state.dirty .status-dot{width:4px;height:4px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Keep technical geometry and operational copy legible on compact screens. */
@media(min-width:1500px){
 .banner-graphic{left:55%}
 .graphic-orbit{width:300px;height:300px;right:90px;top:-6px}
 .graphic-number{right:184px;top:89px;font-size:94px}
 .axis-x{top:144px;right:65px;width:350px}
 .axis-y{right:239px;top:-31px;height:350px}
}
@media(max-width:1200px){
 .banner-graphic{left:54%}
 .graphic-orbit{right:4px}
 .graphic-number{right:84px;top:79px}
 .axis-x{right:-21px}
 .axis-y{right:142px}
 .stat-card>div{font-size:11px}
 .stat-card p{font-size:9px}
 .row-copy>p{font-size:10px}
 .modal-body .field input,.modal-body .field textarea,.modal-body .field select{font-size:12px}
}
@media(max-width:1000px){
 .orb,.orb-three{width:400px;height:400px;left:calc(50% - 200px);top:18%}
 .spatial-core{top:calc(18% + 126px)}
 .spatial-core strong{font-size:87px}
 .coordinate{font-size:7px;letter-spacing:.8px}
 .coordinate-a{left:8%;top:20%}
 .coordinate-b{right:6%;top:53%}
 .banner-graphic{left:49%;opacity:.75}
 .graphic-orbit{right:-21px}
 .graphic-number{right:59px}
 .axis-x{right:-46px}
 .axis-y{right:117px}
 .overview-banner p{font-size:10px;max-width:265px}
 .page-heading p:last-child{font-size:11px}
 .stat-card>div{font-size:10px}
 .stat-card p{font-size:9px}
 .row-copy h2{font-size:12px}
 .row-copy>p{font-size:10px}
}
@media(max-width:760px){
 .sidebar{background:#0f0f0ff5;border-bottom-color:#3e3e3e}
 .side-nav button{border-radius:2px 2px 0 0;border-bottom:0}
 .side-nav button.active::before{left:10px;right:10px;top:auto;bottom:0;height:2px;width:auto}
 .sidebar-caption{color:#919191}
 .workspace-header{background:#101010}
 .header-actions .button{min-height:35px;font-size:10px}
 .page-heading .eyebrow{font-size:8px;letter-spacing:1.8px}
 .page-heading h1{font-size:24px}
 .page-heading p:last-child{font-size:11px;color:#a8a8a8}
 .overview-banner{border-radius:3px;background:radial-gradient(ellipse at 85% 45%,#323232,#171717 70%)}
 .overview-banner h2{font-size:25px;font-weight:550;letter-spacing:.5px}
 .overview-banner p{font-size:10px;max-width:255px;line-height:1.85}
 .overview-banner .tag.light{font-size:7px;letter-spacing:1.3px}
 .overview-banner .button{font-size:10px;min-height:37px}
 .banner-graphic{left:45%;opacity:.38;overflow:hidden;right:0}
 .graphic-orbit{right:-90px;top:22px}
 .graphic-number{right:-9px;top:103px;font-size:85px}
 .graphic-label{right:14px;bottom:15px;font-size:6px}
 .axis-x{right:-115px;top:160px}
 .axis-y{right:47px;top:0}
 .stats-grid{gap:9px}
 .stat-card{padding:17px 13px;border-radius:3px;min-width:0}
 .stat-card::before{left:14px;width:20px}
 .stat-card>div{font-size:10px}
 .stat-card>strong{font-size:30px}
 .stat-card.accent>strong.status-title{font-size:21px;padding:6px 0;font-weight:500}
 .stat-card p{font-size:9px;color:#9b9b9b;min-height:36px;line-height:1.8}
 .stat-separator{margin:0 2px}
 .panel-heading p,.panel-heading .text-link{font-size:10px}
 .mini-video-meta .small-label{font-size:8px}
 .mini-video h3{font-size:12px;color:#e3e3e3}
 .publication{font-size:8px;padding:3px 5px}
 .editorial-note>p{font-size:10px;color:#9d9d9d}
 .editorial-note{padding-left:10px}
 .workspace-footer{font-size:8px}
 .filter-tabs button{font-size:10px}
 .filter-tabs button span{font-size:9px}
 .search-field input{font-size:11px}
 .content-row{border-bottom-color:#363636}
 .row-copy .small-label{font-size:9px}
 .row-copy h2{font-size:13px}
 .row-copy>p{font-size:10px;line-height:1.9}
 .row-publish{font-size:10px}
 .row-actions .icon-button{width:30px;height:30px}
 .list-foot{font-size:9px;line-height:1.8}
 .settings-panel .field{font-size:12px}
 .settings-panel .field input,.settings-panel .field textarea{font-size:13px}
 .settings-section p{font-size:10px}
 .settings-footer p{font-size:10px}
 .modal{border-radius:3px}
 .modal-body .field{font-size:12px}
 .modal-body .field input,.modal-body .field textarea,.modal-body .field select{font-size:13px}
 .upload-zone strong{font-size:12px}
 .upload-zone small{font-size:10px}
 .toast-message{font-size:11px}
 .login-panel{background:radial-gradient(ellipse at 50% 18%,#3434344a,transparent 65%),#0d0d0d}
 .login-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#cbcbcb05 1px,transparent 1px),linear-gradient(90deg,#cbcbcb05 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000000,transparent 75%)}
 .login-form,.login-back,.login-bottom{z-index:1}
 .login-form>.eyebrow{font-size:8px;letter-spacing:1.2px}
 .login-form h2{font-size:27px}
 .login-form>.muted{font-size:12px}
 .login-form .field{font-size:12px}
 .login-form .field input{font-size:13px}
 .credential-hint{font-size:10px}
}
@media(max-width:420px){
 .side-nav button{font-size:10px}
 .page-heading h1{font-size:23px}
 .page-heading p:last-child{font-size:10px}
 .stats-grid{gap:7px}
 .stat-card{padding:16px 10px}
 .stat-card>div{font-size:9px}
 .stat-card>strong{font-size:29px}
 .stat-card.accent>strong.status-title{font-size:20px;padding:6px 0}
 .stat-card p{font-size:8px;min-height:32px}
 .stat-card p .status-dot{width:4px;height:4px;margin-right:3px}
 .mini-video h3{font-size:11px}
 .panel-heading p{font-size:9px}
 .publication{font-size:7px}
 .header-actions{gap:5px}
 .header-actions .button{padding:8px 10px}
 .save-state.dirty{max-width:54px;font-size:8px}
 .breadcrumb{font-size:8px;gap:5px}
 .row-actions{gap:2px}
 .reorder-buttons{margin-right:3px}
 .row-copy h2{font-size:12px}
 .row-copy>p{font-size:10px}
 .list-foot{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .overview-banner::after{display:none}
}
/* LUCA / V2: independent industrial product console. */
:root{--base:#0d0d0d;--text:#f2f2f2;--muted:#989898;--cyan:#8baeff;--electric:#ebebeb;--blue:#2563eb;--violet:#a4a4a4;--panel:#171717;--line:#343434;--line-bright:#4c4c4c;color-scheme:dark;background:#0d0d0d}
body{background:#0d0d0d;color:#f2f2f2}
body::before{display:none}
::selection{background:#2563eb;color:#ffffff}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #638ee9;outline-offset:3px}
.brand-word{font-size:35px;font-weight:850;letter-spacing:-1.9px;color:#f6f6f6;align-items:baseline;text-shadow:none}
.brand-word .version-word{font-family:var(--mono);font-size:13px;letter-spacing:0;margin:0 0 0 10px;color:#9b9b9b;font-weight:500}
.eyebrow{color:#9e9e9e;font-weight:500;letter-spacing:1.8px}
.button{min-height:42px;border-radius:2px;font-weight:550;box-shadow:none}
.primary{background:#2563eb;border-color:#4176e8;color:#ffffff;box-shadow:none}
.primary:not(:disabled):hover{background:#3370f2;border-color:#638fee;box-shadow:none;transform:none}
.primary:disabled{background:#313131;border-color:#424242;color:#9f9f9f;opacity:.7}
.secondary,.ghost{color:#c9c9c9;background:#1c1c1c;border-color:#414141}
.secondary:not(:disabled):hover,.ghost:hover{background:#292929;color:#f7f7f7;border-color:#717171}
.electric{background:#f0f0f0;border-color:#ffffff;color:#191919;box-shadow:none}
.electric:hover{background:#ffffff;border-color:#ffffff;box-shadow:none;transform:none}
.text-link{color:#bcbcbc}
.text-link:hover{color:#e1e1e1}
.icon-button{color:#9b9b9b;border-radius:2px}
.icon-button:not(:disabled):hover{background:#2c2c2c;border-color:#515151;color:#d8d8d8}
.icon-button.danger:not(:disabled):hover{background:#322229;border-color:#764353;color:#ffb6c1}
.status-dot{background:#9a9a9a;box-shadow:none;border-radius:1px}
.spinner{border-color:#4a4a4a;border-top-color:#b4b4b4;box-shadow:none}
.small-label{color:#9a9a9a}
.muted{color:#9f9f9f}
.field{color:#cccccc}
.field input,.field textarea,.field select{background:#121212;border-color:#424242;color:#ededed;border-radius:2px;box-shadow:none}
.field input::placeholder,.field textarea::placeholder{color:#777777}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#638dea;box-shadow:none}
.field input:disabled{background:#242424;color:#8a8a8a}
.field small{color:#969696}
.required{color:#acacac}
.alert.error{background:#281b21;border-color:#674150;border-left:2px solid #b66b7c;color:#e8b6c4}
.alert.error .text-link{color:#edc3ce}
.initial-loader{background:#0d0d0d}
.initial-loader p{color:#969696}
/* Independent version notice remains visible on every authenticated screen. */
.version-notice{display:flex;align-items:center;gap:12px;padding:12px 15px;margin-bottom:29px;background:#1c1c1c;border:1px solid #404040;border-left:2px solid #737373;border-radius:2px;color:#b8b8b8}
.version-badge{font-family:var(--mono);font-size:10px;font-weight:600;padding:3px 6px;color:#d9d9d9;border:1px solid #686868;line-height:1.4;flex-shrink:0}
.version-notice p{font-size:11px;line-height:1.7}
.version-notice>a{font-size:10px;display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;color:#bdbdbd}
.version-notice>a:hover{color:#ececec}
.version-notice .icon{width:13px;height:13px}
/* Login: product hardware, editorial labels and a restrained access form. */
.login-page{background:#101010}
.login-story{background:#141414;border-right:1px solid #383838;position:relative;padding:51px 60px;min-height:760px}
.login-story::before{display:none}
.login-story::after{inset:24px;background:linear-gradient(#676767,#676767) left top/18px 1px no-repeat,linear-gradient(#676767,#676767) left top/1px 18px no-repeat,linear-gradient(#676767,#676767) right bottom/18px 1px no-repeat,linear-gradient(#676767,#676767) right bottom/1px 18px no-repeat}
.login-brand{font-size:37px}
.login-art{inset:0;opacity:1;pointer-events:none}
.product-stage{position:absolute;top:17%;left:9%;right:9%;background:#d1d1d1;border:1px solid #7c7c7c;border-radius:2px;overflow:hidden;aspect-ratio:1.48}
.stage-index{font-family:var(--mono);position:absolute;top:0;left:0;right:0;padding:13px 15px;background:#e2e2e2f2;border-bottom:1px solid #ababab;color:#4c4c4c;letter-spacing:1px;font-size:8px;z-index:1}
.product-stage>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03);mix-blend-mode:multiply}
.stage-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;padding:10px 15px;background:#bcbcbce8;border-top:1px solid #a7a7a7;color:#474747;font-family:var(--mono);font-size:8px;letter-spacing:.7px;z-index:1}
.login-manifesto{padding-top:450px;margin-top:auto}
.login-manifesto .eyebrow{color:#949494;font-size:9px;letter-spacing:1.5px;margin-bottom:17px}
.login-manifesto h1{font-size:36px;line-height:1.5;font-weight:500;letter-spacing:.5px;color:#f0f0f0}
.login-manifesto>p:last-child{font-size:12px;color:#a2a2a2;max-width:390px;line-height:1.9;margin-top:18px}
.login-footnote{font-size:8px;letter-spacing:1.2px;color:#717171;margin-top:34px}
.login-panel{background:#0e0e0e}
.login-panel::before,.login-panel::after{display:none}
.login-lock{background:#222222;border-color:#515151;color:#bdbdbd;border-radius:2px;box-shadow:none}
.login-form>.eyebrow{color:#898989;letter-spacing:1.3px}
.login-form h2{color:#f3f3f3;font-weight:550;font-size:28px}
.login-form>.muted{color:#9b9b9b;line-height:1.9}
.login-form .field{color:#c6c6c6}
.login-form .field input{background:#161616;border-color:#414141}
.login-submit{box-shadow:none;letter-spacing:.5px}
.credential-hint{color:#7d7d7d}
.credential-hint code{color:#9a9a9a;font-size:9px}
.login-back{color:#a0a0a0}
.login-back:hover{color:#dcdcdc}
.login-bottom{color:#6c6c6c;font-size:8px;letter-spacing:1px}
/* Workbench chrome. */
.sidebar{background:#141414;border-right-color:#373737;box-shadow:none}
.sidebar::before{height:1px;background:#5c5c5c}
.sidebar>.brand-word{font-size:32px;margin-left:9px}
.sidebar>.brand-word .version-word{font-size:11px;margin-left:8px}
.sidebar-caption{color:#898989;letter-spacing:.4px;margin-left:10px}
.sidebar-caption span{color:#929292;border-color:#484848}
.side-nav button{color:#9e9e9e;border-radius:2px;letter-spacing:.2px}
.side-nav button:hover{background:#262626;border-color:#404040;color:#d9d9d9}
.side-nav button.active{background:#2c2c2c;border-color:#4f4f4f;color:#d3d3d3;box-shadow:none}
.side-nav button.active::before{background:#5884da;box-shadow:none;width:2px}
.nav-count{background:#282828;border-color:#494949;color:#a8a8a8;border-radius:2px}
.side-nav button.active .nav-count{background:#3c3c3c;border-color:#636363;color:#d0d0d0}
.sidebar-note{background:#1d1d1d;border-color:#404040;border-radius:2px;box-shadow:none}
.sidebar-note::after{display:none}
.sidebar-note strong{color:#c7c7c7}
.sidebar-note p{color:#959595}
.sidebar-note a{color:#bababa}
.sidebar-user{border-color:#383838}
.avatar{border-radius:2px;background:#323232;border-color:#585858;color:#cbcbcb;box-shadow:none}
.sidebar-user strong{color:#cccccc}
.sidebar-user small{color:#8a8a8a}
.workspace{background:#101010}
.workspace-header{background:#151515;border-color:#393939;box-shadow:none}
.breadcrumb{color:#919191;letter-spacing:.1px}
.breadcrumb span{color:#686868}
.breadcrumb strong{color:#c6c6c6}
.save-state{color:#999999}
.save-state.dirty{color:#b7b7b7}
.save-state.dirty .status-dot{background:#aaaaaa;box-shadow:none}
.page-heading .eyebrow{color:#969696;letter-spacing:1.5px}
.page-heading h1{color:#f4f4f4;letter-spacing:-.2px;font-weight:550}
.page-heading p:last-child{color:#a1a1a1}
.date-label{color:#8c8c8c;letter-spacing:.3px}
.workspace-footer{color:#7c7c7c;border-color:#393939}
.workspace-footer>span:first-child{color:#8e8e8e;letter-spacing:1px}
/* The overview is a product dashboard, without animated visual effects. */
.overview-banner{background:#1e1e1e;border:1px solid #4a4a4a;border-radius:2px;min-height:267px;box-shadow:none}
.overview-banner::before,.overview-banner::after{display:none}
.overview-banner>div:first-child{max-width:57%}
.overview-banner h2{color:#f4f4f4;font-size:28px;font-weight:500;letter-spacing:.4px;line-height:1.5}
.overview-banner p{color:#aaaaaa;font-size:11px;max-width:385px}
.overview-banner .tag.light{background:#292929;border-color:#5d5d5d;color:#bbbbbb;border-radius:2px;font-size:8px;letter-spacing:1.1px}
.overview-banner .button{min-height:36px;font-size:11px}
.banner-graphic{position:absolute;left:62%;right:25px;top:25px;bottom:25px;border:1px solid #878787;background:#d5d5d5;border-radius:2px;opacity:1;overflow:hidden;pointer-events:none}
.banner-graphic>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);mix-blend-mode:multiply}
.graphic-number{position:absolute;right:12px;top:8px;font-size:42px;font-weight:400;letter-spacing:-2px;line-height:1;color:#464646;opacity:.24;text-shadow:none;transform:none}
.graphic-label{position:absolute;left:12px;right:auto;bottom:10px;padding:5px 7px;background:#dededeeb;border:1px solid #adadad;color:#535353;font-size:6px;letter-spacing:.6px;line-height:1.6;text-align:left}
.stats-grid{gap:18px}
.stat-card{background:#1a1a1a;border-color:#404040;border-radius:2px;box-shadow:none}
.stat-card::before{background:#888888;width:22px}
.stat-card>div{color:#aaaaaa}
.stat-card>div .icon{color:#8e8e8e}
.stat-card>strong{color:#f2f2f2;text-shadow:none}
.stat-card p{color:#989898}
.stat-card.accent{background:#222222;border-color:#525252}
.stat-card.accent::before{background:#838383}
.stat-card.accent>strong.status-title{color:#c7c7c7;font-weight:500}
.stat-card.accent>div .icon{color:#9d9d9d}
.panel{background:#1a1a1a;border-color:#424242;border-radius:2px;box-shadow:none}
.panel-heading h2{color:#e1e1e1;letter-spacing:.2px}
.panel-heading p{color:#9b9b9b}
.mini-video-image{background:#313131;border-color:#5f5f5f;border-radius:2px}
.mini-video-image::after{background:none;box-shadow:none}
.mini-video-image:hover{border-color:#aaaaaa;box-shadow:none}
.video-play{background:#232323e6;border-color:#a3a3a3;color:#d5d5d5;border-radius:2px;box-shadow:none}
.mini-video-image:hover .video-play{background:#f2f2f2;color:#343434;box-shadow:none}
.duration{color:#dddddd;background:#1a1a1ae8;border-color:#636363}
.mini-video-meta .small-label{color:#999999}
.publication{background:#2a2a2a;border-color:#525252;color:#acacac;border-radius:2px}
.publication.published{background:#323232;border-color:#5f5f5f;color:#c3c3c3}
.mini-video h3{color:#e4e4e4;font-weight:500}
.editorial-note{border-left-color:#6a6a6a;color:#a7a7a7}
.editorial-note>span{color:#b2b2b2}
.editorial-note>p{color:#a2a2a2}
/* Media operations and editing surfaces. */
.filter-tabs{background:#1c1c1c;border-color:#484848;border-radius:2px}
.filter-tabs button{color:#a3a3a3;border-radius:1px}
.filter-tabs button:hover{background:#363636;color:#d0d0d0}
.filter-tabs button.active{background:#3f3f3f;border-color:#6c6c6c;color:#d8d8d8;box-shadow:none}
.filter-tabs button span{color:#9d9d9d}
.filter-tabs button.active span{color:#c4c4c4}
.search-field{background:#1b1b1b;border-color:#4e4e4e;border-radius:2px}
.search-field input{color:#e1e1e1}
.search-field input::placeholder{color:#929292}
.search-field .icon{color:#999999}
.list-head{background:#262626;border-bottom-color:#505050;color:#a9a9a9}
.content-row{border-bottom-color:#3e3e3e}
.content-row:hover{background:#2a2a2a}
.row-thumbnail{background:#3a3a3a;border-color:#6c6c6c;border-radius:2px;color:#b4b4b4}
.row-copy .small-label{color:#aeaeae}
.row-copy h2{color:#ebebeb}
.row-copy h2>button:hover{color:#d5d5d5}
.row-copy>p{color:#aeaeae}
.row-publish{color:#bababa}
.row-actions .icon-button{color:#a2a2a2}
.toggle{background:#4d4d4d;border-color:#6e6e6e}
.toggle span{background:#d0d0d0}
.toggle.enabled{background:#2f5b9e;border-color:#608ac7;box-shadow:none}
.toggle.enabled span{background:#e7e7e7;box-shadow:none}
.resource-symbol{background:#3a3a3a;border-color:#6f6f6f;color:#c5c5c5;border-radius:2px}
.resource-symbol small{color:#c8c8c8}
.list-foot{color:#a4a4a4;background:#282828}
.empty-state>.icon{color:#959595}
.empty-state h3{color:#d7d7d7}
.empty-state p{color:#ababab}
.settings-section h2{color:#e4e4e4}
.settings-section p{color:#a6a6a6}
.section-index{background:#3c3c3c;border-color:#727272;color:#c7c7c7;border-radius:2px}
.settings-divider,.tip-divider{background:#4e4e4e}
.settings-footer{border-color:#575757}
.settings-footer p{color:#b4b4b4}
.settings-tip{background:#2e2e2e;border-color:#646464;border-radius:2px}
.settings-tip::after{display:none}
.settings-tip>.tag{background:#3d3d3d;border-color:#7e7e7e;color:#d4d4d4}
.settings-tip h3{color:#eeeeee}
.settings-tip p{color:#b7b7b7}
.settings-tip p.small-label{color:#b6b6b6}
.modal-overlay{background:#080808eb;backdrop-filter:blur(5px)}
.modal{background:#1f1f1f;border-color:#6f6f6f;border-radius:2px;box-shadow:0 25px 80px #00000088}
.modal-heading{background:#2e2e2e;border-color:#636363}
.modal-heading::before{display:none}
.modal-heading .eyebrow{color:#b6b6b6}
.modal-heading h2{color:#f0f0f0}
.modal-body .field{color:#d1d1d1}
.modal-footer{background:#2b2b2b;border-color:#656565}
.upload-zone{background:#363636;border-color:#808080;color:#d2d2d2;border-radius:2px;box-shadow:none}
.upload-zone:hover{background:#454545;border-color:#bababa}
.upload-zone.is-uploading{border-color:#aaaaaa}
.upload-zone:focus-within{outline-color:#b9b9b9}
.upload-zone strong{color:#dadada}
.upload-zone small{color:#bcbcbc}
.upload-progress{background:#5f8fd8;box-shadow:none}
.upload-zone>img{border-color:#949494;border-radius:1px}
.publish-choice>input{accent-color:#2563eb;filter:none}
.publish-choice strong{color:#e2e2e2}
.publish-choice small{color:#bbbbbb}
.editor-save-note{border-color:#656565;color:#c3c3c3}
.delete-modal{background:#272727;border-top-color:#6b6b6b}
.delete-symbol{background:#3c293b;border-color:#895268;color:#e5a8bf;box-shadow:none;border-radius:2px}
.delete-modal h2{color:#f3f3f3}
.delete-modal>p{color:#c2c2c2}
.delete-modal>p.muted{color:#a7a7a7}
.danger-button{background:#904157;border-color:#b76980;color:#ffffff}
.danger-button:hover{background:#a94e69;box-shadow:none}
.toast-message{background:#343434f7;border-color:#8b8b8b;border-left-color:#b4b4b4;color:#e8e8e8;box-shadow:0 8px 28px #00000066;border-radius:2px}
.toast-message .icon{color:#c1c1c1}
@media(min-width:1500px){.banner-graphic{left:61%;right:32px;top:26px;bottom:26px}.graphic-number{right:14px;top:9px;font-size:46px}.graphic-label{left:12px;right:auto;bottom:12px}.overview-banner{padding:35px 40px}}
@media(max-width:1200px){.brand-word .version-word{font-size:11px;margin-left:8px}.banner-graphic{left:64%;right:24px;top:28px;bottom:28px}.graphic-number{right:10px;top:9px;font-size:38px}.overview-banner>div:first-child{max-width:61%}.overview-banner h2{font-size:25px}.overview-banner p{font-size:10px}.product-stage{left:8%;right:8%}.login-story{padding:43px 42px}.login-manifesto{padding-top:410px}.login-manifesto h1{font-size:31px}.login-manifesto>p:last-child{font-size:11px}}
@media(max-width:1000px){.sidebar>.brand-word{font-size:28px;margin-left:7px}.sidebar>.brand-word .version-word{font-size:9px;margin-left:6px}.banner-graphic{left:66%;right:19px;top:28px;bottom:28px}.graphic-number{right:8px;top:8px;font-size:32px}.graphic-label{left:7px;bottom:8px;padding:4px 5px;font-size:5px}.overview-banner h2{font-size:22px}.overview-banner p{max-width:265px;font-size:10px}.version-notice{padding:11px 12px;gap:9px}.version-notice p{font-size:10px}.version-notice>a{font-size:9px}.product-stage{top:20%;left:8%;right:8%;aspect-ratio:1.23}.stage-index{font-size:6px;padding:12px}.stage-bottom{font-size:6px;padding:10px}.login-story{padding:40px 35px}.login-manifesto h1{font-size:29px}.login-footnote{font-size:7px;letter-spacing:.8px}}
@media(max-width:760px){.sidebar{background:#181818f7;border-bottom-color:#4e4e4e}.sidebar>.brand-word{font-size:26px;margin:0;white-space:nowrap}.sidebar>.brand-word .version-word{font-size:9px;margin-left:6px}.sidebar{grid-template-columns:130px 1fr}.sidebar-caption{font-size:9px}.sidebar-caption span{display:none}.side-nav button{border-radius:2px 2px 0 0}.side-nav button.active::before{width:auto;background:#769bd7}.workspace-header{background:#202020}.header-actions .button{min-height:35px}.workspace-main{padding-top:21px}.version-notice{margin-bottom:25px;padding:10px 11px;gap:8px;align-items:flex-start}.version-badge{font-size:8px;padding:3px 5px;margin-top:1px}.version-notice p{font-size:9px;line-height:1.8}.version-notice>a{font-size:8px;gap:4px;align-self:center}.version-notice .icon{width:11px;height:11px}.overview-banner{background:#2a2a2a;min-height:265px;padding:26px 24px;border-color:#616161}.overview-banner>div:first-child{max-width:100%}.overview-banner h2{font-size:24px}.overview-banner p{max-width:242px;font-size:10px;color:#bcbcbc}.overview-banner .tag.light{font-size:7px;letter-spacing:.9px}.banner-graphic{display:none}.overview-banner .button{font-size:10px;min-height:35px}.stat-card{border-radius:2px}.panel{border-radius:2px}.page-heading p:last-child{color:#b0b0b0}.mini-video h3{color:#e6e6e6}.stat-card p{color:#acacac}.editorial-note>p{color:#b2b2b2}.filter-tabs button{font-size:10px}.row-copy>p{font-size:10px}.modal{border-radius:2px}.login-panel{background:#1a1a1a}.login-panel::after{display:none}.login-form h2{font-size:25px}.login-form>.muted{font-size:11px}.login-form .field{font-size:12px}.login-form .field input{font-size:13px}.login-form>.eyebrow{color:#a5a5a5}.login-bottom{font-size:8px}.credential-hint code{font-size:9px}}
@media(max-width:420px){.sidebar{padding-left:15px;padding-right:15px;grid-template-columns:130px 1fr}.workspace-main{padding-left:15px;padding-right:15px}.version-notice{gap:8px}.version-notice>a{display:none}.version-notice p{font-size:9px}.overview-banner{padding:24px 21px;min-height:253px}.overview-banner h2{font-size:23px}.overview-banner p{font-size:10px}.page-heading h1{font-size:23px}.sidebar-caption{font-size:8px}.breadcrumb{font-size:8px}.header-actions .button{font-size:9px}.login-form h2{font-size:24px}.stage-index,.stage-bottom{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One cold blue accent identifies actions and the active workspace. */
.side-nav button.active{border-color:#3e4c62}.side-nav button.active::before{background:#2563eb}.version-badge{color:#c5d3ef;border-color:#5d6e8b}.tag.light{color:#a9bad9}.primary .icon,.login-submit .icon{color:inherit}

/* Scene management and the shared inline 4DGS preview. */
.scene-selection{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin-bottom:24px}.scene-selection h2,.scene-overview h2{font-size:18px}.scene-selection p,.scene-overview p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}.scene-selection .field{margin:0}.scene-warning{grid-column:1/-1;color:#ffc284!important}.scene-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.scene-card{padding:24px;min-width:0}.scene-card-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.scene-card h2{font-size:22px;margin-bottom:16px;overflow-wrap:anywhere}.scene-card>p{font-size:13px;line-height:1.9;color:var(--muted);white-space:pre-line}.scene-card-note{margin-top:12px;font-size:11px!important}.scene-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.current-scene-tag{display:inline-block;font-size:10px;padding:5px 8px;background:#283a32;color:#a9d6bf;vertical-align:middle}.scene-help{font-size:12px;line-height:1.9;color:var(--muted);margin-top:24px}.scene-overview{padding:22px 24px;margin:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.scene-preview-toolbar{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:20px 0}.scene-preview-toolbar span{font-size:12px;color:var(--muted)}
.scene-admin-preview .sample-panel{background:#0b111b;color:#d3e0f2;display:flex;flex-direction:column;position:relative}.scene-admin-preview .sample-stage{height:350px;overflow:hidden;touch-action:none;position:relative;flex:1}.scene-admin-preview canvas{display:block;max-width:100%}.scene-admin-preview .native-title{padding:15px;display:flex;justify-content:space-between;font-size:9px;gap:10px}.scene-admin-preview .native-timeline{display:flex;align-items:center;gap:10px;padding:14px;font-size:10px;border-top:1px solid #303846}.scene-admin-preview .native-timeline input{flex:1;min-width:30px;accent-color:#79a4e9}.scene-admin-preview .native-timeline button{font-size:21px;width:28px}.scene-admin-preview .sample-controls{display:flex;justify-content:space-between;padding:12px;gap:8px;border-top:1px solid #303846;font-size:11px}.scene-admin-preview .sample-controls>div{display:flex;gap:8px;font-size:19px}.scene-admin-preview .sample-status{position:absolute;inset:45px 0 100px;background:#0b111be8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:20px;font-size:12px}.scene-admin-preview .sample-status p{color:#8fa3c1}.scene-admin-preview .sample-status button{padding:10px 18px;background:#326bff}.scene-admin-preview .sample-panel:fullscreen{height:100vh}.scene-admin-preview .sample-panel:fullscreen .sample-stage{height:auto;flex:1;min-height:0}
@media(max-width:900px){.scene-library{grid-template-columns:1fr}.scene-selection{grid-template-columns:1fr}.scene-overview{align-items:flex-start;flex-direction:column}.scene-card{padding:20px}.scene-admin-preview .sample-stage{height:300px}.scene-admin-preview .native-title{font-size:8px;letter-spacing:0}.scene-admin-preview .native-title>span:last-child{display:none}.scene-admin-preview .sample-controls{font-size:10px;gap:6px}}
@media(max-width:760px){.side-nav{min-width:0;max-width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;padding-bottom:2px}.side-nav button{flex:0 0 auto}}

/* Scene visibility management */
.scene-bulk-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px;color:#aaa;font-size:12px}
.scene-save-hint{margin-left:auto;color:#b8c8ed;line-height:1.7}
.scene-visibility{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #333;border-bottom:1px solid #333;color:#ddd;font-size:13px;margin:14px 0}
.scene-card-poster{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:18px;background:#151515}
.scene-hidden .scene-card-poster{opacity:.55}
.scene-hidden .publication{color:#aaa}
@media(max-width:640px){.scene-save-hint{margin-left:0;flex-basis:100%}.scene-bulk-actions{gap:10px}.scene-bulk-actions>.button{padding:10px 12px}.scene-card-poster{height:170px}}