/* SMPVN v1.1.8: quiet navigation and a static forest. Branding stays unchanged. */
:root{--nav:224px;--ender-header-height:76px;--ender-nav-top:114px;--menu-muted:#98aaa0;--menu-active:#bce99b;--menu-panel:#0e1813}
html[data-theme="crimson"]{--menu-active:#ffb2a6;--menu-panel:#1a1315}
body{isolation:isolate;background-color:#0c1410}
.ender-scene{position:fixed;inset:var(--ender-header-height) 0 0 var(--nav);z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#0c1410db,#0c141088 36%,#0c141030),linear-gradient(0deg,#0c1410b3,transparent 65%),url("backgrounds/forest-shader.png");background-size:cover;background-position:center right;background-repeat:no-repeat}
.sidebar.block-menu{position:fixed;inset:var(--ender-nav-top) auto 0 0;width:var(--nav);display:block;padding:24px 14px 28px;background:linear-gradient(155deg,#17221a,var(--menu-panel) 35%);border-right:1px solid #b9dec111;border-bottom:0;box-shadow:10px 0 28px #00000012;overflow-x:hidden;overflow-y:auto;white-space:normal;scrollbar-width:thin;scrollbar-color:#3c5143 transparent;z-index:15;transform:none;overscroll-behavior:contain}
.sidebar.block-menu .nav-label{display:block;margin:0 12px 12px;font-size:9px;line-height:1.6;letter-spacing:.16em;font-weight:600;color:var(--menu-muted)}
.sidebar.block-menu>a{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:45px;width:100%;margin:3px 0;padding:11px 13px;color:#bdcec2;background:transparent;border:0;border-radius:8px;box-shadow:none;font-size:12px;line-height:1.5;font-weight:500;overflow:hidden;transition:background .18s ease,color .18s ease,transform .18s ease}
.sidebar.block-menu>a .icon{width:18px;height:18px;flex-shrink:0;color:#809a8b;transition:color .18s ease,transform .18s ease}
.sidebar.block-menu>a::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:transparent}
.sidebar.block-menu>a::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 30%,#dfffbb0e 50%,transparent 70%);transform:translateX(-110%)}
.sidebar.block-menu>a.selected{color:#d5efc0;background:linear-gradient(100deg,#a4d97a1c,#a4d97a07);border:0;font-weight:650;box-shadow:inset 0 1px #d4f8b709}
.sidebar.block-menu>a.selected::before{background:var(--menu-active);box-shadow:0 0 12px #b7f98b20}
.sidebar.block-menu>a.selected .icon{color:var(--menu-active)}
.sidebar.block-menu a:focus-visible,.sidebar.block-menu summary:focus-visible,.menu-toggle:focus-visible,.mobile-nav-close:focus-visible{outline:2px solid var(--menu-active);outline-offset:-2px}
@media(hover:hover) and (pointer:fine){
 .sidebar.block-menu>a:hover{background:#c8e3cf09;color:#eff7ee;transform:translateX(2px);text-decoration:none}
 .sidebar.block-menu>a.selected:hover{background:#a4d97a20}
 .sidebar.block-menu>a:hover::after{animation:forest-light-pass .5s ease-out}
 .sidebar.block-menu>a:hover .icon{color:var(--menu-active);transform:translateY(-1px)}
}
.sidebar.block-menu>a:active{transform:translateX(2px) scale(.98);background:#bce99b15}
.sidebar.block-menu .nav-categories{margin:20px 0 24px;padding:14px 0 10px;border:0;border-top:1px solid #adc8b516;border-bottom:1px solid #adc8b516;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.sidebar.block-menu .nav-categories summary{display:flex;align-items:center;min-height:44px;padding:10px 12px;color:#b6c9ba;font-size:10px;font-weight:600;letter-spacing:.025em;cursor:pointer;background:transparent;border-radius:7px}
.sidebar.block-menu .nav-categories summary:hover{background:#d7ffe807;color:#ecf9e7}
.sidebar.block-menu .nav-categories a{min-height:40px;padding:9px 12px 9px 22px;color:#9db5a5;font-size:11px;border:0;border-radius:6px;transition:background .15s,color .15s}
.sidebar.block-menu .nav-categories a .icon{width:15px;height:15px;color:#718a78}
.sidebar.block-menu .nav-categories a:hover{background:#caecc00b;color:#e8f2df}
.sidebar.block-menu .nav-categories[open] a{animation:forest-category-in .22s ease-out}
.sidebar.block-menu .creator-callout{padding:16px 12px;margin:22px 0 12px;background:linear-gradient(135deg,#a2d5780c,transparent);border:1px solid #b5d59c13;border-radius:10px;box-shadow:none}
.sidebar.block-menu .creator-callout>.icon{color:#90ad80;width:19px;height:19px}
.sidebar.block-menu .creator-callout strong{color:#cfddc9;font-size:11px}
.sidebar.block-menu .creator-callout p{font-size:10px;line-height:1.6;color:#90a795}
.sidebar.block-menu .creator-callout>a{font-size:10px;color:var(--menu-active)}
.mobile-nav-head{display:none}
.ender-menu-veil[hidden]{display:none}
.ender-menu-veil{position:fixed;inset:var(--ender-header-height) 0 0;z-index:29;border:0;border-radius:0;padding:0;margin:0;width:100%;background:#030906ad;box-shadow:none;cursor:default}
.ender-menu-veil:hover,.ender-menu-veil:active{background:#030906ad;box-shadow:none;transform:none}
@media(min-width:761px){.topbar{position:sticky;top:0}.workspace,.footer{margin-left:var(--nav)}.menu-toggle{display:none}}
@media(max-width:760px){
 :root{--ender-header-height:69px;--ender-nav-top:69px}
 .topbar{position:sticky;top:0;z-index:40}
 .ender-scene{left:0;background-position:72% center;background-image:linear-gradient(90deg,#0c1410ca,#0c14106b),linear-gradient(0deg,#0c1410bd,transparent 70%),url("backgrounds/forest-shader.png")}
 body.mobile-nav-open{overflow:hidden}
 .menu-toggle{display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:#adc8b40a;color:#dcebd8;border:1px solid #b3d1b81c;border-radius:10px;box-shadow:none}
 .menu-toggle .icon{width:21px;height:21px;transition:transform .2s ease}
 .menu-toggle[aria-expanded="true"]{color:var(--menu-active);background:#a7d08312;border-color:#a7d08335}
 .menu-toggle[aria-expanded="true"] .icon{transform:rotate(90deg)}
 .sidebar.block-menu{top:var(--ender-header-height);width:min(316px,88vw);padding:17px 17px calc(26px + env(safe-area-inset-bottom,0px));z-index:30;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);border-radius:0;background:linear-gradient(150deg,#1a291e,var(--menu-panel) 32%);border-right:1px solid #afcfa32b;box-shadow:20px 0 45px #0007;transform:translateX(-105%);visibility:hidden;transition:transform .3s cubic-bezier(.22,.85,.25,1),visibility .3s}
 .sidebar.block-menu.is-open{transform:translateX(0);visibility:visible}
 .sidebar.block-menu>*{opacity:1;visibility:inherit}
 .sidebar.block-menu>a{min-height:49px;font-size:13px;margin:4px 0;padding:13px 14px;gap:14px}
 .sidebar.block-menu>a .icon{width:19px;height:19px}
 .sidebar.block-menu.is-open>a{animation:forest-menu-arrive .3s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:calc(var(--mobile-nav-order,0)*16ms)}
 .mobile-nav-head{display:flex;align-items:center;gap:9px;padding:0 3px 19px;margin-bottom:20px;border-bottom:1px solid #9cbc9b19}
 .mobile-nav-status{width:6px;height:6px;flex:none;border-radius:50%;background:var(--menu-active)}
 .mobile-nav-title{display:flex;flex-direction:column;gap:4px;line-height:1.35;min-width:0}
 .mobile-nav-title strong{font-size:12px;letter-spacing:.12em;color:#e5eee0}
 .mobile-nav-title small{font-size:9px;letter-spacing:.08em;color:#829b87}
 .mobile-nav-close{display:grid;place-items:center;flex:none;margin-left:auto;width:44px;height:44px;min-height:44px;padding:0;color:#a5b9aa;background:#dcf5de07;border:1px solid #b7d7b512;border-radius:10px;font-size:25px;line-height:1}
 .mobile-nav-close:hover{color:#e9f7e3;background:#dcf5de12;box-shadow:none}
 .sidebar.block-menu .nav-label{font-size:10px;margin-left:14px}
 .sidebar.block-menu .nav-categories{margin-top:22px;margin-bottom:24px}
 .sidebar.block-menu .nav-categories summary{min-height:46px;font-size:11px;padding-left:14px}
 .sidebar.block-menu .nav-categories a{min-height:44px;font-size:12px;padding-left:26px}
 .workspace,.footer{margin-left:0}
}
@keyframes forest-menu-arrive{from{transform:translateX(-12px)}to{transform:none}}
@keyframes forest-light-pass{to{transform:translateX(110%)}}
@keyframes forest-category-in{from{transform:translateY(-5px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){
 .sidebar.block-menu,.sidebar.block-menu>a,.sidebar.block-menu>a::after,.sidebar.block-menu>a .icon,.sidebar.block-menu .nav-categories a,.menu-toggle,.menu-toggle .icon,.mobile-nav-close{animation:none!important;transition:none!important}
 .sidebar.block-menu.is-open>a{animation:none!important}
}
@media print{.ender-scene,.ender-menu-veil{display:none}}

/* v1.1.9 · Mobile concept B. Skew only the surface, never the text/icon. */
@media(max-width:760px){
 .sidebar.block-menu{width:clamp(218px,62vw,260px);padding:12px 13px calc(24px + env(safe-area-inset-bottom,0px));background:transparent;border:0;box-shadow:none;clip-path:none;border-radius:0;scrollbar-width:thin}
 .ender-menu-veil,.ender-menu-veil:hover,.ender-menu-veil:active{background:#03090673}
 .mobile-nav-head{margin:0 3px 15px;padding:0 0 9px;border:0;gap:7px}
 .mobile-nav-title strong{font-size:10px;letter-spacing:.09em;text-shadow:0 1px 4px #000}
 .mobile-nav-title small,.mobile-nav-status{display:none}
 .mobile-nav-close{width:44px;height:44px;min-height:44px;border:0;background:#0a1511b3;border-radius:5px;color:#d5e6d8}
 .sidebar.block-menu .nav-label{margin:12px 13px 9px;font-size:9px;color:#b6c9b8;letter-spacing:.1em;text-shadow:0 1px 5px #000}
 .sidebar.block-menu>a{min-height:46px;margin:9px 0;padding:12px 21px;gap:10px;font-size:12px;font-weight:500;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;color:#e0ece2;isolation:isolate}
 .sidebar.block-menu>a::before{inset:0 6px;width:auto;height:auto;border:1px solid #bdd5bc46;border-radius:0;background:linear-gradient(108deg,#182b20ed,#0b1813df);box-shadow:inset 0 1px #c7e6ac0d,0 5px 12px #0002;transform:skewX(-12deg);z-index:-1;pointer-events:none}
 .sidebar.block-menu>a::after{inset:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(108deg,transparent 30%,#dfffbb18 50%,transparent 70%);pointer-events:none}
 .sidebar.block-menu>a .icon{width:19px;height:19px;flex:none;color:#b8cdbb;stroke-width:1.7;filter:none;transform:none}
 .sidebar.block-menu>a.selected{color:#d5f59e;background:transparent;border:0;box-shadow:none}
 .sidebar.block-menu>a.selected::before{background:linear-gradient(105deg,#304526f2,#14261cdb);border-color:#b5d78391;box-shadow:inset 3px 0 #c5f78b,inset 0 1px #d9f7b124,0 3px 16px #0003}
 .sidebar.block-menu>a.selected .icon{color:#c5ee9a}
 .sidebar.block-menu>a:active{background:transparent;transform:translateX(3px) scale(.98)}
 .sidebar.block-menu>a:focus-visible{outline-offset:-1px;outline-color:#d3f8a7}
 .sidebar.block-menu.is-open>a{animation:slant-menu-enter .32s cubic-bezier(.2,.8,.25,1) backwards;animation-delay:calc(var(--mobile-nav-order,0)*24ms)}
 .sidebar.block-menu .nav-categories{margin:19px 6px 23px;padding:0 0 5px;background:#0c1a14ed;border:1px solid #a9c9a32b;border-radius:2px;overflow:hidden}
 .sidebar.block-menu .nav-categories summary{min-height:46px;padding:10px 11px;font-size:10px;color:#c9dcc5;border-radius:0;background:#96bd7110}
 .sidebar.block-menu .nav-categories a{min-height:44px;padding:10px 12px;gap:8px;font-size:11px;color:#bdd0bb;border-radius:0}
 .sidebar.block-menu .creator-callout{margin:19px 6px 12px;padding:12px;background:#0c1a14e8;border:1px solid #a9c9a324;border-radius:2px}
 .sidebar.block-menu .creator-callout p{color:#b0c0aa}
}
@media(max-width:760px) and (hover:hover) and (pointer:fine){
 .sidebar.block-menu>a:hover,.sidebar.block-menu>a.selected:hover{background:transparent;transform:translateX(2px)}
 .sidebar.block-menu>a:hover::before{border-color:#c6e4a386;background:linear-gradient(108deg,#30432af2,#14251ceb)}
}
@keyframes slant-menu-enter{from{transform:translateX(-22px)}to{transform:translateX(0)}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.sidebar.block-menu.is-open>a{animation:none!important}}

/* v1.1.10 · Shared tabs and form surfaces adopt the green slanted design. */
:root{--violet-surface:#122019;--violet-surface-2:#192c20;--violet-surface-3:#243c28;--violet-border:#6e8e58;--violet-border-soft:#3c5441;--violet-text:#e4efde;--violet-muted:#afc4ac;--violet-active:#3c6230}
:is(.studio-tabs,.tabs,.profile-tabs){display:flex;flex-wrap:wrap;gap:7px;padding:8px 10px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
:is(.studio-tabs,.tabs,.profile-tabs) a{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:10px 21px;margin:0;color:#b8cbb3;background:transparent;border:0;border-radius:0;box-shadow:none;white-space:normal;overflow-wrap:anywhere;text-align:center;transition:color .16s,transform .16s}
:is(.studio-tabs,.tabs,.profile-tabs) a::before{content:"";position:absolute;inset:0 5px;z-index:-1;pointer-events:none;transform:skewX(-12deg);border:1px solid #9eba8830;background:linear-gradient(105deg,#213323,#122118);box-shadow:inset 0 1px #defcc00a;transition:background .16s,border-color .16s}
:is(.studio-tabs,.tabs,.profile-tabs) a:hover{color:#efffe1;background:transparent;box-shadow:none;transform:translateY(-1px)}
:is(.studio-tabs,.tabs,.profile-tabs) a:hover::before{background:linear-gradient(105deg,#30472c,#1a3020);border-color:#a9cb797a}
:is(.studio-tabs,.tabs,.profile-tabs) a.active{color:#d9f7b0;background:transparent;border:0;box-shadow:none}
:is(.studio-tabs,.tabs,.profile-tabs) a.active::before{background:linear-gradient(105deg,#36522b,#1c3320);border-color:#b6d98a80;box-shadow:inset 3px 0 #c5ee8d,inset 0 1px #e6ffc020}
:is(.studio-tabs,.tabs,.profile-tabs) a:active{transform:translateY(1px)}
:is(.studio-tabs,.tabs,.profile-tabs) a:focus-visible{outline:2px solid #c5ee8d;outline-offset:1px}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select{border-radius:3px;background-color:#122019;border-color:#3c5441;color:#e4efde}
input::placeholder,textarea::placeholder{color:#98af99}
input:focus,textarea:focus,select:focus{border-color:#9abe79;box-shadow:0 0 0 3px #afd88818}
select option,select optgroup{background:#142219;color:#e4efde}
input[type="file"]::file-selector-button{background:#304a2b;color:#def0d3;border:1px solid #8aa77355;border-radius:2px}
.searchbar{background:linear-gradient(110deg,#17271de8,#0d1b15e8);border-color:#91b07438;border-radius:3px}
.video-service-panel,.srt-translate-panel{background:linear-gradient(125deg,#18271fec,#111e18f2);border-color:#8aab6c40;border-radius:3px;box-shadow:inset 3px 0 #a8ce7129}
.srt-engine-state{background:#8ec65c0d;border-color:#91b76d44;color:#c2e8a2}
.srt-tech-console{background:linear-gradient(180deg,#122119,#0b1711);border-color:#91b76d50;border-radius:3px;box-shadow:inset 0 0 30px #80ad4f09,0 16px 45px #0004;color:#e4efde}
.srt-tech-console::after{background:linear-gradient(90deg,transparent,#a8d781,#78c4a1,transparent);box-shadow:0 0 10px #a8d78155}
.srt-console-dot{background:#b0db84;box-shadow:0 0 12px #b0db8433}
.srt-orbit{border-color:#a8ce7760;box-shadow:0 0 22px #9ccf6615,inset 0 0 18px #9ccf6610}
.srt-orbit::before{border-color:#9dcf92aa}
.srt-orbit::after{background:#a3d272;box-shadow:0 0 16px #a3d27255}
.srt-orbit span{border-top-color:#a3d272;border-right-color:#83b99b}
.srt-progress-meta span{color:#b4db8b}
.srt-progress>span{background:linear-gradient(90deg,#779d51,#b4df86,#79b59a);box-shadow:0 0 14px #a9cf7966}
.button.outline:hover,.secondary:hover,.outline:hover,.pagination a:hover{border-color:#99ba75;color:#eaf9dc}
@media(max-width:760px){:is(.studio-tabs,.tabs,.profile-tabs){gap:5px;padding:7px}:is(.studio-tabs,.tabs,.profile-tabs) a{min-height:44px;padding:10px 18px;font-size:12px}}
@media(prefers-reduced-motion:reduce){:is(.studio-tabs,.tabs,.profile-tabs) a,:is(.studio-tabs,.tabs,.profile-tabs) a::before{transition:none;animation:none}}