/* r15 — rail icons, storage meter, usage docs, home tweaks */
.studio-rail .nav-ic{width:18px;height:18px;flex:none;opacity:1;transition:transform .3s}
#sScenePause{display:none!important}

/* storage meter (NHUB rail card) */
.rail-storage{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:0 2px 12px}
.rail-storage+.rail-foot{margin-top:0}
.vs-meter{position:relative;border-radius:16px;border:1px solid #ffffff17;background:#1a1c1e;padding:14px 16px}
.vs-row{display:flex;align-items:center;gap:8px}
.vs-db{width:16px;height:16px;flex:none;color:#fff}
.vs-num{font:700 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;color:#ffffffcc;white-space:nowrap}
.vs-bar{margin-top:8px;height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden;display:flex}
.vs-bar i{display:block;height:100%;border-radius:999px;background:#fff;transition:width .5s ease-out}
.vs-meter.full .vs-bar i{background:#f87171}
.studio-rail .vs-docs,.vs-docs{display:flex;align-items:center;gap:6px;width:100%;border-radius:12px;padding:6px 10px;border:1px solid #ffffff17;background:#ffffff0a;color:#ffffff8c;cursor:pointer;transition:all .2s;font-family:inherit}
.studio-rail .vs-docs:hover,.vs-docs:hover{background:#ffffff14;color:#fff;border-color:#ffffff33}
.vs-docs b{font-size:15px;font-weight:900;letter-spacing:-.02em;opacity:.5;transition:opacity .2s}.vs-docs:hover b{opacity:1}
.vs-docs p{margin:0;font-size:16.5px;font-weight:900;line-height:1;letter-spacing:-.02em}
@media(max-width:1023px){.rail-storage{display:none}}

/* usage docs overlay (NHUB doc-full-panel) */
body.vd-lock{overflow:hidden}
.vd-overlay{position:fixed;inset:0;z-index:200;background:#0f1113;color:#fff;font-family:Manrope,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;animation:vd-in .22s ease-out}
@keyframes vd-in{from{opacity:0;transform:translateY(8px)}}
.vd-panel{display:flex;flex-direction:column;height:100%;max-width:800px;width:100%;margin:0 auto}
.vd-top{flex:none;padding:12px 16px}
.vd-pill{display:flex;align-items:center;gap:6px;border-radius:12px;padding:6px 10px;border:1px solid #ffffff17;background:#ffffff0a;color:#ffffff8c}
.vd-pill b{font-size:17px;font-weight:900;letter-spacing:-.02em;opacity:.5}.vd-pill p{margin:0;font-size:18px;font-weight:900;line-height:1;letter-spacing:-.02em}.vd-flex{flex:1}
.vd-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#ffffff59;cursor:pointer;transition:color .15s,background .15s}
.vd-close:hover{background:#ffffff12;color:#ffffffe6}.vd-close svg{width:16px;height:16px}
.vd-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 20px 96px;scrollbar-width:none}.vd-content::-webkit-scrollbar{display:none}
.vd-section+.vd-section{margin-top:24px}
.vd-head{display:flex;align-items:center;gap:10px}
.vd-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#ffffff2e 40%,#ffffff47 50%,#ffffff2e 60%,transparent 100%) 0 0/250% 100%;animation:vd-pan 4.5s ease-in-out infinite}
.vd-label{flex:none;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.22em;background:linear-gradient(100deg,#ffffff73 0%,#ffffff8c 30%,#fff 50%,#ffffff8c 70%,#ffffff73 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:vd-pan 4.5s ease-in-out infinite}
@keyframes vd-pan{0%,100%{background-position:200% 50%}50%{background-position:-50% 50%}}
.vd-body{margin-top:12px}
.vd-card{position:relative;overflow:hidden;border-radius:12px;padding:16px;font-size:13px;line-height:1.65;background:#ffffff06;border:1px solid #ffffff11;transition:background .2s,border-color .2s,box-shadow .2s;min-width:0}
.vd-card:hover{background:#ffffff0a;border-color:#ffffff1a;box-shadow:0 6px 28px #00000038}
.vd-accent{position:absolute;left:0;top:0;width:2px;height:100%;border-radius:2px 0 0 2px}
.vd-title{font-weight:700;color:#fff;margin-bottom:6px}
.vd-text{color:#ffffff80}.vd-text b{color:#ffffffd9;font-weight:700}
.vd-sub{border-top:1px solid #ffffff0d;margin-top:12px;padding-top:12px}
.vd-subt{color:#fff;font-size:12px;font-weight:700;margin-bottom:3px}
.vd-grid{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:480px){.vd-grid{grid-template-columns:repeat(2,1fr)}}
.vd-fig{display:block;height:110px;width:auto;max-width:100%;margin:6px auto 12px;fill:none;stroke:#ffffff8c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vd-fig .f{fill:#ffffff8c;stroke:none}.vd-fig .x{stroke:#f87171;stroke-width:4;opacity:.85}.vd-fig.ok{stroke:#34d399}
.vd-code{position:relative;margin-top:8px;border-radius:12px;border:1px solid #ffffff11;background:#0a0b0c}
.vd-code pre{margin:0;padding:14px 16px;white-space:pre-wrap;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffffb3}
.vd-copy{position:absolute;right:8px;top:8px;height:26px;padding:0 10px;border-radius:999px;border:1px solid #ffffff1f;background:#1e2022;color:#ffffffcc;font:700 11px Manrope,sans-serif;cursor:pointer}.vd-copy:hover{color:#fff;border-color:#ffffff4d}
@media(prefers-reduced-motion:reduce){.vd-line,.vd-label{animation:none}.vd-overlay{animation:none}}

/* home: footer under the stats (NHUB) */
.home-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 4px 4px;font-size:12px;color:#ffffff59}
.home-foot nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.home-foot nav i{color:#ffffff26;font-style:normal}
.home-foot .r{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff40}
.home-foot .age{border:1px solid #ffffff26;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:900;color:#ffffff66}
.home-studio-kicker{margin:0 0 14px}
.home-docs{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.home-docs:hover{color:#fff}
.vd-overlay button{min-height:0;filter:none}
.vd-close{padding:0;flex:none}
.studio-rail .vs-docs{min-height:0;gap:6px;padding:6px 10px;font-weight:inherit}
.home-docs{min-height:0}
.home-studio-kicker{white-space:nowrap}
.home-card-copy p.home-studio-kicker{max-width:none;font-size:10px;line-height:normal;font-weight:700;color:#ffffff8c;margin:0 0 14px;text-wrap:nowrap}

/* r16 — Samuraigen logo */
.brand-mark{display:inline-block;height:auto;max-width:100%;user-select:none;-webkit-user-drag:none}
.studio-rail .studio-wordmark{padding:4px 12px 40px;line-height:0}
.studio-rail .studio-wordmark .brand-mark{width:100%;max-width:212px;filter:drop-shadow(0 2px 10px #0008)}
@media(max-width:1100px){.studio-rail .studio-wordmark .brand-mark{max-width:150px}}
body>header h1.brand-head{margin:0;line-height:0}body>header h1.brand-head .brand-mark{height:20px;width:auto}
.brand-welcome{line-height:0}.brand-mark-xl{height:.74em;width:auto;vertical-align:-.04em;filter:drop-shadow(0 6px 22px #0009)}
.vs-docs .vs-logo,.vd-pill .vs-logo{height:.9em;width:auto;opacity:.5;transition:opacity .2s;flex:none}
.vs-docs:hover .vs-logo{opacity:1}
.vs-docs .vs-logo{height:13px}.vd-pill .vs-logo{height:15px}
.studio-rail .vs-docs{gap:7px;white-space:nowrap}.studio-rail .vs-docs .vs-logo{height:10.5px}.studio-rail .vs-docs p{font-size:14px}