#app{--g:#ffb86c;--p:#19191d;--l:#44372b;--t:#f5f2ea;--m:#b5ada2;--bg:#0b0b0e;--panel:#19191d;--gold:#ffb86c;background:#0b0b0e;color:#f5f2ea;min-height:100vh}
#app>.top{border-bottom:1px solid #ebae5e30;min-height:66px;height:auto;padding:12px 24px!important;gap:16px}#app>.top .brand{font-size:22px;letter-spacing:-.04em}#app>.top .actions{gap:8px}#app>.top .btn{min-height:36px;padding:7px 13px;font-size:13px}#app .layout{grid-template-columns:210px minmax(0,1fr)}
#app .layout>nav.hs-global-nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;padding:20px 12px;border-right:1px solid #ebae5e25;background:#111014}
#app .layout>nav.hs-global-nav>a,#app .layout>nav.hs-global-nav>button{display:flex;align-items:center;min-height:40px;padding:9px 12px;text-align:left;font-size:13px;font-weight:400;line-height:1.35;border:1px solid transparent;border-radius:8px;background:transparent;color:#c7beb1;text-decoration:none;white-space:normal}
#app .layout>nav.hs-global-nav>a:hover,#app .layout>nav.hs-global-nav>button:hover{background:#ebae5e0c;border-color:#ebae5e33;color:#ffb86c}#app .layout>nav.hs-global-nav>.on{background:#ebae5e12;border-color:#ebae5e55;color:#ffb86c}
#app .page{padding:26px 24px 50px;max-width:1100px;min-width:0}#app .navback{font-size:13px;min-height:34px;padding:6px 12px;margin-bottom:18px}#vworks .head{align-items:center;gap:16px;margin-bottom:18px}#vworks .head h1{font:500 clamp(28px,4vw,38px)/1.15 Georgia,serif;margin:0}#vworks .head .eyebrow{font-size:11px;margin-bottom:7px}#vworks .head>.btn{min-height:38px;font-size:13px;padding:9px 14px;margin:0}
#app #works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}#app #works>.empty,#app #works>[role="status"]{grid-column:1/-1}#app #works .hs-work{display:flex;flex-direction:column;gap:10px;min-width:0;padding:15px;border:1px solid #ebae5e35;border-radius:11px;background:linear-gradient(140deg,#201b19,#19191d 65%)}#app #works .hs-work-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}#app #works h2{font-size:20px;line-height:1.25;margin:0;overflow-wrap:anywhere}#app #works .status{font-size:11px;padding:4px 8px;background:#ffb86c14;color:#efc18c;line-height:1.3;white-space:normal}#app #works p{font-size:12px;line-height:1.45;margin:0}#app #works .hs-work-trailer{display:flex;align-items:center;gap:7px;flex-wrap:wrap}#app #works .modcomment{padding:8px 10px}#app #works .hs-work-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:3px}#app #works .hs-work-actions>button{min-height:34px;padding:7px 9px;border-radius:7px;font-size:12px;line-height:1.3;text-align:left}#app #works .hs-work-actions>.link{border:1px solid #ebae5e2b;background:transparent}#app #works .hs-work-actions>.link:hover{border-color:#ebae5e88}#app #works .btn.gold{background:#ffb86c;color:#21170f;border-color:#ffb86c}
@media(max-width:760px){#app>.top{padding:10px 14px!important;flex-wrap:nowrap}#app>.top .brand{width:auto;min-width:0;font-size:18px;white-space:nowrap}#app>.top .actions{width:auto;display:flex;flex-wrap:nowrap}#app>.top .btn{padding:7px 9px;font-size:12px}#app .layout{display:block}#app .layout>nav.hs-global-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;gap:5px;padding:10px 12px;border-right:0;border-bottom:1px solid #ebae5e25;overflow:visible}#app .layout>nav.hs-global-nav>a,#app .layout>nav.hs-global-nav>button{justify-content:center;text-align:center;font-size:11px;min-height:37px;padding:7px 5px}#app .page{padding:20px 14px 40px}#vworks .head{display:flex;align-items:center}#vworks .head>.btn{width:auto;font-size:12px;padding:8px 10px}#vworks .head h1{font-size:28px}.studio-link-wide{display:none}.studio-link-short{display:inline}}
@media(max-width:620px){#app #works{grid-template-columns:minmax(0,1fr)}#app #works .hs-work{padding:13px;gap:9px}#app #works h2{font-size:19px}}
@media(max-width:360px){#app>.top .brand{font-size:16px}#app>.top .btn{font-size:11px;padding:7px 8px}#vworks .head{align-items:flex-start;flex-direction:column;gap:12px}#vworks .head h1{font-size:27px}}

/* Shared HS sections use the profile menu; no persistent navigation rail. */
#app .layout{display:block;max-width:1100px;margin:auto}#app .page{max-width:1100px;margin:auto;padding:20px 20px 40px}#app>.top .actions{display:flex;flex-wrap:nowrap;gap:6px;width:auto}#app>.top .btn{min-height:32px;padding:6px 10px;font-size:12px}#app #works .hs-work{padding:12px;gap:8px}#app #works h2{font-size:18px}#app #works .hs-work-meta{font-size:11px}#app #works .hs-work-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:0}#app #works .hs-work-actions>.btn{min-height:30px;padding:6px 10px;font-size:12px}.hs-project-menu{position:relative;margin-left:auto}.hs-project-menu>summary{display:flex;align-items:center;justify-content:center;width:31px;min-height:30px;list-style:none;cursor:pointer;border:1px solid #ebae5e44;border-radius:7px;color:#ffb86c;font-size:12px;letter-spacing:1px}.hs-project-menu>summary::-webkit-details-marker{display:none}.hs-project-menu[open]>div{position:absolute;right:0;top:calc(100% + 5px);z-index:30;display:grid;gap:4px;min-width:160px;padding:7px;border:1px solid #ebae5e55;border-radius:9px;background:#19191d;box-shadow:0 10px 30px #0007}#app #works .hs-project-menu button.link{font-size:11px;padding:8px;text-align:left;border-radius:5px}#app #works .hs-project-menu button.link:hover{background:#ebae5e11}
@media(max-width:760px){#app>.top{padding:10px 12px!important;gap:8px}#app>.top .brand{font-size:17px}#app>.top .btn{font-size:11px;padding:6px 8px}#app .page{padding:17px 12px 32px}#vworks .head h1{font-size:27px}}
@media(min-width:360px) and (max-width:620px){#app #works{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#app #works .hs-work{padding:10px;gap:7px}#app #works .hs-work-heading{flex-direction:column;gap:6px}#app #works h2{font-size:16px;line-height:1.2}#app #works .status{font-size:10px;padding:3px 6px}#app #works .hs-work-meta{font-size:10px}#app #works .hs-work-trailer{font-size:10px}#app #works .hs-work-actions>.btn{font-size:11px;padding:6px 8px}}
@media(max-width:420px){#app>.top{flex-wrap:wrap}#app>.top .brand{flex:1 0 100%;font-size:17px}#app>.top .actions{justify-content:flex-end;width:100%}#app #works .modcomment{font-size:10px;padding:6px}}