.sb-workbench .sb-scene-list .ep{
  min-height:54px;
  margin:0;
  padding:13px 16px 13px 18px;
  border-radius:0;
  border-left:3px solid transparent;
  grid-template-columns:40px minmax(0,1fr);
  color:#77746e;
  background:#fff;
}
.sb-workbench .sb-scene-list .ep:hover{background:#faf9f7;color:var(--sb-ink)}
.sb-workbench .sb-scene-list .ep.active{
  border-left-color:var(--sb-red);
  background:var(--sb-soft);
  color:var(--sb-ink);
}
.sb-workbench .sb-scene-list .ep .num{font-size:10.5px;color:#aaa69e}
.sb-workbench .sb-scene-list .ep.active .num{color:var(--sb-ink)}
.sb-workbench .sb-scene-list .ep-title{font-size:12.5px;line-height:1.45;white-space:normal}

/* storyboard canvas */
.sb-workbench .sb-canvas{
  padding:0 28px 46px;
  background:#fff;
  scrollbar-width:thin;
}
.sb-workbench .sb-canvas>.sb-toolbar:first-child{padding-top:26px}
.sb-workbench .sb-canvas>:not(.sb-toolbar):first-child{margin-top:26px!important}
.sb-workbench .sb-toolbar{
  position:sticky;
  top:0;
  z-index:7;
  margin:0 0 14px;
  padding:0 0 14px;
  background:#fff;
  border-bottom:1px solid var(--sb-line);
}
.sb-workbench .sb-heading-kicker{
  margin-bottom:8px;
  font:500 9.5px/1.2 var(--mono);
  letter-spacing:.16em;
  color:#8e8b84;
}
.sb-workbench .sb-heading-title{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
  margin-bottom:14px;
  font:600 20px/1.35 var(--sc);
  letter-spacing:-.02em;
}
.sb-workbench .sb-heading-title::before{
  content:"";
  width:3px;
  height:23px;
  flex:0 0 3px;
  background:var(--sb-red);
}
.sb-workbench .sb-heading-title .mono{font-size:10.5px!important;color:#96938c!important}
.sb-workbench .sb-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sb-workbench .sb-actions .btn-line,
.sb-workbench .sb-actions .btn-dark{height:34px!important;padding:0 12px!important;font-size:11px!important}
.sb-workbench .sb-actions .sb-add-shot{margin-left:2px;color:var(--sb-ink)!important;border-bottom-color:#8e8a82!important}
.sb-workbench .sb-continuity{
  margin:0 0 18px!important;
  border-color:var(--sb-line)!important;
  background:#fff!important;
}
.sb-workbench .sb-continuity>summary{
  min-height:38px;
  padding:9px 12px!important;
  gap:10px!important;
  color:var(--sb-text);
}
.sb-workbench .sb-continuity>summary b{font-size:11px;color:var(--sb-ink)!important}
.sb-workbench .sb-continuity>summary span{line-height:1.55}
.sb-workbench .sb-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sb-workbench .shot{
  position:relative;
  overflow:hidden;
  border:1px solid #dfddd8;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  color:var(--sb-ink);
}
.sb-workbench .shot:hover{border-color:#9e9a92;box-shadow:none}
.sb-workbench .shot.active{border:1.5px solid var(--sb-ink);box-shadow:none}
.sb-workbench .shot.active::before{
  content:"";
  position:absolute;
  z-index:3;
  left:-1px;
  top:-1px;
  width:4px;
  height:34px;
  background:var(--sb-red);
}
.sb-workbench .shot .thumb{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
  border-bottom:1px solid #e7e5e0;
  border-radius:0;
}
.sb-workbench .shot .thumb.is-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:2px;
  background:#f2f2f0!important;
  color:#c7c4bd;
}
.sb-workbench .shot .thumb.is-empty::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid #e4e2dd;
}
.sb-workbench .shot .thumb.is-empty .sb-frame-no{font:400 clamp(23px,2.2vw,34px)/1 var(--serif);letter-spacing:.04em}
.sb-workbench .shot .thumb.is-empty .sb-frame-state{font:500 8.5px/1.2 var(--mono);letter-spacing:.16em;color:#a9a69f}
.sb-workbench .shot .body{padding:11px 13px 12px}
.sb-workbench .shot .id{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  min-height:18px;
  margin-bottom:6px;
  font-size:10px;
  line-height:1.45;
  color:#2b2a27;
}
.sb-workbench .sb-motion-badge{
  padding:1px 5px;
  border-radius:0!important;
  background:#2a2926!important;
  color:#fff;
  font-size:8px!important;
  letter-spacing:.05em;
}
.sb-workbench .sb-motion-badge.is-held{background:#8d8a83!important}
.sb-workbench .shot .desc{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  max-height:56px;
  overflow:hidden;
  color:#56534d;
  font-size:11.5px;
  line-height:1.58;
}
.sb-workbench .shot .dur{margin-top:9px;font-size:9.5px;color:#9b9891}
.sb-workbench .sb-empty{
  position:relative;
  min-height:420px;
  padding:64px 42px!important;
  border:1px dashed #c9c6bf!important;
  background:#fff;
  color:#77746e!important;
}
.sb-workbench .sb-empty::before{
  content:"00";
  position:absolute;
  left:42px;
  top:34px;
  font:300 124px/1 var(--serif);
  color:#f0efec;
}
.sb-workbench .sb-empty-copy{position:relative;z-index:1;padding-top:94px}
.sb-workbench .sb-empty-title{font:500 24px/1.4 var(--sc);color:var(--sb-ink)}
.sb-workbench .sb-empty-note{margin-top:8px;font-size:12px;color:#88857e}

/* shot inspector */
.sb-workbench .sb-inspector{
  width:clamp(300px,25vw,420px);
  min-width:300px;
  flex-basis:clamp(300px,25vw,420px);
  padding:0;
  background:#fff;
  border-left-color:var(--sb-line);
  scrollbar-width:thin;
}
.sb-workbench .sb-inspector-head{
  position:sticky;
  top:0;
  z-index:8;
  padding:22px 24px 14px;
  background:#fff;
  border-bottom:1px solid var(--sb-line);
}
.sb-workbench .sb-inspector-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  font:600 9.5px/1 var(--mono);
  letter-spacing:.16em;
  color:var(--sb-red);
}
.sb-workbench .sb-inspector-kicker::before{content:"";width:24px;height:2px;background:var(--sb-red)}
.sb-workbench .sb-inspector-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0!important;
  margin:0 0 7px!important;
  font:600 17px/1.35 var(--sc);
  letter-spacing:0;
  color:var(--sb-ink);
}
.sb-workbench .sb-inspector-meta{margin:0!important;font-size:9.5px!important;color:#8e8b84!important;line-height:1.55}
.sb-workbench .sb-state-badge{
  flex-shrink:0;
  padding:3px 7px!important;
  border:1px solid #bdbab3;
  border-radius:0!important;
  background:#fff!important;
  color:#4d4a45!important;
  font-size:8.5px!important;
  font-weight:500;
}
.sb-workbench .sb-inspector-body{padding:16px 24px 42px}
.sb-workbench .sb-binding{
  margin-bottom:14px!important;
  border:1px solid var(--sb-line)!important;
  background:#fff!important;
}
.sb-workbench .sb-binding>summary{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px!important;
  font-size:10.5px!important;
  font-weight:600!important;
  color:var(--sb-ink);
}
.sb-workbench .sb-binding>summary::marker,
.sb-workbench .sb-binding-item>summary::marker{content:""}
.sb-workbench .sb-binding-count{margin-left:auto;font:500 9px/1.3 var(--mono);color:#39764d}
.sb-workbench .sb-binding-list{padding:0 10px 4px!important;border-top:1px solid var(--sb-line)}
.sb-workbench .sb-binding-actual{
  padding:10px 0;
  border-bottom:1px solid #efede9;
}
.sb-workbench .sb-binding-actual:last-child{border-bottom:0}
.sb-workbench .sb-binding-actual-head{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:9px;
  align-items:start;
}
.sb-workbench .sb-binding-actual-thumb{
  width:48px;
  height:58px;
  border:1px solid #dedbd5;
  border-radius:0;
  background:#f1f0ed center/cover no-repeat;
}
.sb-workbench .sb-binding-actual-title{display:flex;align-items:center;gap:6px;min-width:0}
.sb-workbench .sb-binding-actual-title b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}
.sb-workbench .sb-binding-actual-status{margin-left:auto;font-size:8.5px;white-space:nowrap}
.sb-workbench .sb-binding-actual-meta{margin-top:5px;font-size:9.5px;line-height:1.5;color:var(--sb-text)}
.sb-workbench .sb-binding-actual-ids{margin-top:4px;font-size:8px;line-height:1.45;color:var(--sb-muted);overflow-wrap:anywhere}
.sb-workbench .sb-binding-actual-state{margin-top:7px;font-size:9.5px;line-height:1.55;color:var(--sb-text)}
.sb-workbench .sb-binding-item{margin:0!important;border:0!important;border-bottom:1px solid #efede9!important;background:#fff!important}
.sb-workbench .sb-binding-item:last-child{border-bottom:0!important}
.sb-workbench .sb-binding-item>summary{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:58px;
  padding:5px 0!important;
  cursor:pointer;
}
.sb-workbench .sb-binding-thumb{
  width:38px;
  height:48px;
  border:1px solid #dedbd5;
  background:#f1f0ed center/cover no-repeat;
}
.sb-workbench .sb-binding-copy{min-width:0;display:block}
.sb-workbench .sb-binding-kind{padding:1px 4px;border:1px solid #d8d5cf;font-size:8px;color:#79766f}
.sb-workbench .sb-binding-name{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--sb-ink)}
.sb-workbench .sb-binding-status{font-size:8.5px;white-space:nowrap}
.sb-workbench .sb-binding-detail{padding:2px 0 10px}
.sb-workbench .sb-binding-item[open]>summary .sb-binding-name{font-weight:600}
.sb-workbench .sb-inspector-body>details:not(.sb-binding){border-color:var(--sb-line)!important;background:#f8f7f4!important}
.sb-workbench .sb-frame{
  position:relative;
  overflow:hidden;
  border-radius:0!important;
  border:1px solid var(--sb-line)!important;
}
.sb-workbench .sb-frame.is-empty{background:#f2f2f0!important}
.sb-workbench .sb-frame.is-empty::after{
  content:attr(data-empty-label);
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font:500 8px/1.2 var(--mono);
  letter-spacing:.12em;
  color:#aaa79f;
}
.sb-workbench .sb-inspector-body>.btn-dark{height:36px!important}
.sb-workbench .sb-inspector-body .kv{gap:18px;font-size:11.5px}
.sb-workbench .sb-inspector-body .kv span:first-child{color:#86837c}
.sb-workbench .sb-inspector-body .kv span:last-child{text-align:right;color:var(--sb-ink)}

@media(max-width:1180px){
  .sb-workbench .sb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-workbench .sb-inspector{width:300px;min-width:300px;flex-basis:300px}
}
@media(max-width:820px){
  .wb-shell-storyboard>.wb-top{height:auto;min-height:76px;padding:12px 16px}
  .wb-shell-storyboard .sb-episode-count{display:none}
  .sb-workbench{display:block;overflow:auto}
  .sb-workbench .sb-scene-list,
  .sb-workbench .sb-inspector{width:100%;min-width:0;max-width:none;max-height:420px;border-left:0;border-right:0}
  .sb-workbench .sb-canvas{padding:22px 16px;overflow:visible}
  .sb-workbench .sb-toolbar{position:relative}
  .sb-workbench .sb-cards{grid-template-columns:1fr}
}

/* ===== Confirmed UI/UX · modern editorial · 2026-07-23 =====
   Page-scoped on purpose: unreviewed settings, graph, video and recycle-bin
   views keep their existing functional baseline. */
.app[data-screen="guest"],
.app[data-screen="home"],
.app[data-screen="works"],
.app[data-screen="assets"],
.app[data-screen="exports"],
.app[data-screen="workbench-script"]{
  --paper:#fff;
  --cream:#fff;
  --ink:#151516;
  --ink-rich:#242425;
  --ink-2:#3f3f40;
  --t2:#565657;
  --t3:#676768;
  --mute:#6f6f70;
  --mute2:#858586;
  --mute3:#929293;
  --faint:#aaa9a7;
  --faint2:#bebdb9;
  --line:#e7e7e5;
  --line2:#dededb;
  --line3:#d9d9d6;
  --soft:#f3f3f1;
  --edge:#cececa;
  --dash:#c5c4c0;
  --hover:#f4f3f1;
  --hover2:#fafafa;
  --hover3:#f7f7f5;
  --hover4:#f5f5f3;
  --accent:#b34a3c;
  --accent-strong:#9f3c31;
  --accent-soft:#f8efed;
  --accent-line:#d8aaa4;
  background:#fff;
}
.app[data-screen="guest"] button,
.app[data-screen="home"] button,
.app[data-screen="works"] button,
.app[data-screen="exports"] button,
.app[data-screen="workbench-script"] button,
.app[data-screen="assets"] .side button,
.app[data-screen="assets"] .page-head button{
  border-radius:0;
}
.app[data-screen="guest"] .btn-dark,
.app[data-screen="home"] .btn-dark,
.app[data-screen="works"] .btn-dark,
.app[data-screen="exports"] .btn-dark,
.app[data-screen="workbench-script"] .btn-dark,
.app[data-screen="assets"] .page-head .btn-dark{
  background:#b34a3c!important;
  border:1px solid #b34a3c!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  transform:none!important;
}
.app[data-screen="guest"] .btn-dark:hover,
.app[data-screen="home"] .btn-dark:hover,
.app[data-screen="works"] .btn-dark:hover,
.app[data-screen="exports"] .btn-dark:hover,
.app[data-screen="workbench-script"] .btn-dark:hover,
.app[data-screen="assets"] .page-head .btn-dark:hover{
  background:#9f3c31!important;
  border-color:#9f3c31!important;
}
.app[data-screen="guest"] .btn-line,
.app[data-screen="home"] .btn-line,
.app[data-screen="works"] .btn-line,
.app[data-screen="exports"] .btn-line,
.app[data-screen="workbench-script"] .btn-line{
  background:#fff;
  border:1px solid #151516;
  border-radius:0;
  box-shadow:none;
}
.app[data-screen="guest"] :focus-visible,
.app[data-screen="home"] :focus-visible,
.app[data-screen="works"] :focus-visible,
.app[data-screen="assets"] :focus-visible,
.app[data-screen="exports"] :focus-visible,
.app[data-screen="workbench-script"] :focus-visible{
  outline:2px solid rgba(179,74,60,.42);
  outline-offset:2px;
}

/* Confirmed public landing */
.app[data-screen="guest"]{
  min-height:100dvh;
  height:auto;
  overflow:visible;
  color:#151516;
}
.app[data-screen="guest"] .gnav{
  height:76px;
  padding:0 clamp(28px,4vw,68px);
  border-bottom:1px solid #dededb;
  background:#fff;
  backdrop-filter:none;
  position:relative;
}
.app[data-screen="guest"] .brandmark{
  width:24px;
  height:24px;
  border-radius:50%;
  background:#151516;
  box-shadow:none;
}
.app[data-screen="guest"] .brandmark::after{display:none}
.app[data-screen="guest"] .brand-name{
  font-family:var(--serif);
  font-size:19px;
  letter-spacing:.01em;
}
.app[data-screen="guest"] .brand-tag{
  color:#777;
  border-left:1px solid #d9d9d6;
  letter-spacing:.14em;
}
.app[data-screen="guest"] .gnav-links{gap:clamp(18px,2.2vw,36px)}
.app[data-screen="guest"] .gnav-links .guest-link{
  color:#515152;
  font-size:13px;
}
.app[data-screen="guest"] .gnav-links .guest-link:hover{color:#b34a3c;transform:none}
.app[data-screen="guest"] .gnav-links .btn-dark{
  height:38px;
  padding:0 20px;
}
.app[data-screen="guest"] .hero{
  min-height:610px;
  display:grid;
  grid-template-columns:minmax(520px,.96fr) minmax(500px,1.04fr);
  border-bottom:1px solid #dededb;
  background:#fff;
}
.app[data-screen="guest"] .hero-l{
  position:relative;
  padding:clamp(64px,7vw,104px) clamp(46px,7vw,104px) 72px;
  background:#fff;
}
.app[data-screen="guest"] .hero-l::before{
  content:"01";
  position:absolute;
  top:34px;
  right:38px;
  font:400 12px/1 var(--mono);
  letter-spacing:.18em;
  color:#b34a3c;
}
.app[data-screen="guest"] .hero-l::after{
  content:"";
  position:absolute;
  left:clamp(46px,7vw,104px);
  bottom:34px;
  width:72px;
  height:2px;
  background:#b34a3c;
}
.app[data-screen="guest"] .hero h2{
  color:#151516;
  font:400 clamp(66px,6.7vw,100px)/.88 var(--serif);
  letter-spacing:-.055em;
}
.app[data-screen="guest"] .hero h2.it{
  color:#b34a3c;
  font-style:italic;
  margin:0 0 24px;
}
.app[data-screen="guest"] .hero h3{
  max-width:560px;
  margin:0 0 22px;
  color:#151516;
  font-size:clamp(34px,3vw,48px);
  font-weight:500;
  letter-spacing:-.03em;
}
.app[data-screen="guest"] .hero p{
  max-width:500px;
  margin-bottom:30px;
  color:#666;
  font-size:14px;
  line-height:1.85;
}
.app[data-screen="guest"] .drop{
  max-width:520px;
  margin:0;
  padding:18px 20px;
  border:1px solid #151516;
  border-top:3px solid #b34a3c;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.app[data-screen="guest"] .drop .fmt{
  border-color:#151516;
  border-radius:0;
  background:#fff;
}
.app[data-screen="guest"] .hero-r{
  position:relative;
  isolation:isolate;
  min-height:610px;
  overflow:hidden;
  background-color:#1e3241;
  background-image:
    radial-gradient(80% 58% at 76% 18%,rgba(235,240,240,.98) 0 16%,rgba(169,184,190,.9) 40%,transparent 66%),
    linear-gradient(142deg,transparent 0 42%,rgba(15,30,41,.22) 42.3% 43%,transparent 43.2%),
    linear-gradient(160deg,#d5dddf 0 19%,#8497a0 20% 39%,#425b69 40% 58%,#1e3241 59% 100%);
  background-size:cover;
  background-position:center;
  filter:none;
}
.app[data-screen="guest"] .hero-r::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:11% 10% 18% 8%;
  border:1px solid rgba(255,255,255,.45);
  background:
    linear-gradient(147deg,transparent 0 48%,rgba(16,36,48,.58) 48.4% 51%,transparent 51.4%),
    radial-gradient(ellipse at 55% 76%,rgba(234,237,233,.4),transparent 45%);
  box-shadow:none;
}
.app[data-screen="guest"] .hero-r::after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  width:10px;
  height:34%;
  background:#b34a3c;
}
.app[data-screen="guest"] .hero-r .scrim{
  z-index:1;
  background:linear-gradient(0deg,rgba(9,20,27,.72),transparent 56%);
}
.app[data-screen="guest"] .hero-cap{
  z-index:2;
  left:clamp(28px,4vw,58px);
  bottom:42px;
}
.app[data-screen="guest"] .hero-issue{
  position:absolute;
  z-index:2;
  top:26px;
  left:30px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.7);
  color:#fff;
  font:500 9px/1 var(--mono);
  letter-spacing:.16em;
}
.app[data-screen="guest"]>.hero+div{
  padding:34px clamp(28px,4vw,68px) 48px!important;
  background:#fff;
}
.app[data-screen="guest"] .showcase{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.app[data-screen="guest"] .showcase .work.card{transform:none}
.app[data-screen="guest"] .showcase .cover{
  height:150px;
  margin-bottom:11px;
  border:1px solid #e0e0dd;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Confirmed centered login / registration */
.app[data-screen="guest"] .ovl{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(6px);
  padding:26px;
}
.app[data-screen="guest"] .ovl-card{
  width:min(480px,calc(100vw - 36px));
  max-height:calc(100dvh - 44px);
  overflow:auto;
  padding:48px 46px 40px;
  border:1px solid #bdbdb9;
  border-top:4px solid #b34a3c;
  border-radius:0;
  background:#fff;
  box-shadow:0 28px 70px -34px rgba(0,0,0,.48);
}
.app[data-screen="guest"][data-auth="register"] .ovl-card{width:min(510px,calc(100vw - 36px))}
.app[data-screen="guest"] .ovl-card>button[aria-label="关闭"]{
  top:12px!important;
  right:12px!important;
  border-radius:0!important;
  color:#555!important;
}
.auth-kicker{
  margin-bottom:18px;
  color:#b34a3c;
  font:500 10px/1 var(--mono);
  letter-spacing:.2em;
}
.auth-title{
  margin-bottom:7px;
  color:#151516;
  font-size:42px;
  line-height:1.05;
  letter-spacing:-.035em;
}
.auth-subtitle{
  margin-bottom:28px;
  color:#6f6f70;
  font-size:13px;
}
.auth-field-label{
  display:block;
  margin:16px 0 7px;
  color:#404041;
  font:500 11px/1 var(--sans);
  letter-spacing:.08em;
}
.app[data-screen="guest"] .ovl-card .fld{
  height:46px;
  margin:0;
  padding:0 13px;
  border:1px solid #cfcfcb;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  font-size:13px;
}
.app[data-screen="guest"] .ovl-card .fld:focus{border-color:#151516}
.auth-agree{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:18px;
  color:#686869;
  font-size:11.5px;
  line-height:1.65;
  cursor:pointer;
}
.auth-agree input{
  width:15px;
  height:15px;
  margin:2px 0 0;
  flex:0 0 auto;
  accent-color:#b34a3c;
}
.auth-agree button{color:#b34a3c;text-decoration:underline;text-underline-offset:3px}
.auth-submit{
  width:100%;
  height:46px!important;
  margin-top:20px;
  justify-content:center;
}
.auth-submit:disabled{
  border-color:#d7d7d4!important;
  background:#d7d7d4!important;
  color:#888!important;
  opacity:1!important;
}
.app[data-screen="guest"] .auth-submit:disabled{
  border-color:#d7d7d4!important;
  background:#d7d7d4!important;
  color:#888!important;
  filter:none;
}

/* Shared confirmed application shell */
.app[data-screen="home"] .side,
.app[data-screen="works"] .side,
.app[data-screen="assets"] .side,
.app[data-screen="exports"] .side{
  width:252px;
  padding:34px 26px 28px;
  border-right:1px solid #dededb;
  background:#fff;
  box-shadow:none;
}
.app[data-screen="home"] .side .brand-wrap,
.app[data-screen="works"] .side .brand-wrap,
.app[data-screen="assets"] .side .brand-wrap,
.app[data-screen="exports"] .side .brand-wrap{
  margin-bottom:52px;
}
.app[data-screen="home"] .side .brandmark,
.app[data-screen="works"] .side .brandmark,
.app[data-screen="assets"] .side .brandmark,
.app[data-screen="exports"] .side .brandmark{
  width:23px;
  height:23px;
  border-radius:50%;
  background:#151516;
  box-shadow:none;
}
.app[data-screen="home"] .side .brandmark::after,
.app[data-screen="works"] .side .brandmark::after,
.app[data-screen="assets"] .side .brandmark::after,
.app[data-screen="exports"] .side .brandmark::after{display:none}
.app[data-screen="home"] .side .brand-name,
.app[data-screen="works"] .side .brand-name,
.app[data-screen="assets"] .side .brand-name,
.app[data-screen="exports"] .side .brand-name{
  color:#151516;
  font:500 18px/1.1 var(--serif);
  letter-spacing:.01em;
}
.app[data-screen="home"] .side .brand-sub,
.app[data-screen="works"] .side .brand-sub,
.app[data-screen="assets"] .side .brand-sub,
.app[data-screen="exports"] .side .brand-sub{
  margin-top:5px;
  color:#8a8a87;
  letter-spacing:.1em;
}
.app[data-screen="home"] .nav,
.app[data-screen="works"] .nav,
.app[data-screen="assets"] .nav,
.app[data-screen="exports"] .nav{gap:7px}