/* 抱树内容工作台
   视觉：宣纸 / 松墨 / 赭木 / 朱砂，思源宋体做骨，大留白，细线，无阴影。 */

@font-face{font-family:'HanSerif';src:local('Source Han Serif SC'),local('Noto Serif SC'),local('思源宋体'),local('STSong');font-display:swap}

:root{
  --paper:#F5F2E9;          /* 宣纸 */
  --paper-2:#FBF9F3;        /* 熟宣 */
  --ink:#1F1D18;            /* 墨 */
  --ink-2:#6E675A;          /* 淡墨 */
  --ink-3:#9E9686;          /* 更淡 */
  --pine:#2E4034;           /* 松墨绿 */
  --pine-2:#4E6353;
  --wood:#9A7B4F;           /* 赭木 */
  --cinnabar:#A63821;       /* 朱砂 */
  --hair:#E2DACA;           /* 细线 */
  --hair-2:#EDE7DA;
  --serif:'HanSerif','Source Han Serif SC','Noto Serif SC','思源宋体','STSong','SimSun',serif;
  --sans:'Source Han Sans SC','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:14px;line-height:1.95;
  -webkit-font-smoothing:antialiased;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
code{font-family:var(--sans);background:#EBE4D4;padding:1px 6px;font-size:12px}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#D8CFBB;border-radius:0}
::-webkit-scrollbar-track{background:transparent}

/* ══════ 顶栏 ══════ */
.top{display:flex;align-items:center;gap:34px;padding:0 34px;height:66px;
  background:var(--pine);color:#EDE8DC;position:sticky;top:0;z-index:60}
.logo{font-family:var(--serif);font-size:20px;letter-spacing:.22em;font-weight:500}
.logo b{color:#C8B187;font-weight:400;letter-spacing:.16em}
.nav{display:flex;gap:2px}
.nav-item{position:relative;padding:22px 18px 20px;color:#A5A091;text-decoration:none;
  font-size:13.5px;letter-spacing:.1em;transition:color .25s}
.nav-item:hover{color:#EDE8DC}
.nav-item.on{color:#fff}
.nav-item.on::after{content:'';position:absolute;left:18px;right:18px;bottom:16px;height:1px;background:#C8B187}
.top-right{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:12px;color:#8C8778;letter-spacing:.06em}
.pill{color:#B8B2A2}
.pill::before{content:'';display:inline-block;width:3px;height:3px;background:#7E8C80;
  vertical-align:middle;margin-right:8px;transform:rotate(45deg)}

.view{display:none}
.view.on{display:block}

/* ══════ 工作台 ══════ */
#view-studio{display:none;height:calc(100vh - 66px)}
#view-studio.on{display:grid;grid-template-columns:1fr 392px}
#canvas{overflow-y:auto;padding:44px 40px 160px}
.side{border-left:1px solid var(--hair);background:var(--paper-2);display:flex;flex-direction:column}
.side-h{padding:20px 24px 18px;border-bottom:1px solid var(--hair);font-size:12px;color:var(--ink-3);letter-spacing:.05em}
.side-h b{display:block;color:var(--pine);font-family:var(--serif);font-size:16px;letter-spacing:.14em;
  font-weight:500;margin-bottom:3px}
#chat{flex:1;overflow-y:auto;padding:24px}
.msg{margin-bottom:18px;display:flex;gap:11px}
.msg-me{justify-content:flex-end}
.msg .bub{max-width:274px;padding:11px 15px;font-size:13.5px;line-height:1.85}
.msg-me .bub{background:var(--pine);color:#F0ECE0}
.msg-ai .bub{background:#fff;border:1px solid var(--hair)}
.ava{width:28px;height:28px;background:var(--wood);color:#fff;display:grid;place-items:center;
  font-family:var(--serif);font-size:13px;flex:0 0 28px}
.side-f{padding:18px 24px;border-top:1px solid var(--hair);display:flex;gap:10px}
#next{flex:1;padding:13px;background:var(--cinnabar);color:#fff;font-size:14px;letter-spacing:.08em;
  transition:background .25s}
#next:hover:not(:disabled){background:#8E2E1B}
#next:disabled{background:#CFC7B5;cursor:default}
#reset{padding:13px 16px;border:1px solid var(--hair);background:#fff;color:var(--ink-2);font-size:13px}

/* ── 卡片 ── */
.card{background:var(--paper-2);border:1px solid var(--hair);margin:0 auto 30px;max-width:1060px;
  animation:rise .5s cubic-bezier(.2,.7,.3,1) both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.card-head{display:flex;align-items:center;gap:14px;padding:20px 30px 16px;border-bottom:1px solid var(--hair-2)}
.card-kind{font-family:var(--serif);font-size:12.5px;letter-spacing:.34em;color:var(--wood);
  padding-left:13px;position:relative;font-weight:500}
.card-kind::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg);
  width:4px;height:4px;background:var(--wood)}
.card-title{font-size:14px;color:var(--ink-2);letter-spacing:.03em}
.badge{margin-left:auto;font-size:11.5px;letter-spacing:.12em;color:var(--ink-3)}
.badge-bad{color:var(--cinnabar)}
.badge-good{color:var(--pine-2)}
.card-body{padding:26px 30px 30px}
.demand{font-family:var(--serif);font-size:19px;line-height:1.9;color:var(--ink);
  padding-left:20px;border-left:2px solid var(--wood);letter-spacing:.02em}
.hint{margin-top:14px;font-size:12px;color:var(--ink-3);letter-spacing:.04em}

/* ── 选题 ── */
.topic{padding:24px 0;border-bottom:1px solid var(--hair-2);position:relative}
.topic:last-of-type{border-bottom:0;padding-bottom:6px}
.topic.picked{background:linear-gradient(90deg,rgba(46,64,52,.045),transparent 60%);
  margin:0 -30px;padding-left:30px;padding-right:30px}
.topic-h{display:flex;align-items:baseline;gap:16px}
.topic-score{font-family:var(--serif);font-size:30px;line-height:1;color:var(--cinnabar);
  flex:0 0 auto;font-weight:500;letter-spacing:.02em}
.topic.picked .topic-score{color:var(--pine)}
.topic-t{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:.02em;line-height:1.6}
.topic-warn .topic-score{color:var(--wood)}
.topic-why{margin:9px 0 16px 46px;font-size:13px;color:var(--ink-2);line-height:1.85}
.topic-ev-label{margin-left:46px;font-size:11px;color:var(--ink-3);letter-spacing:.22em;margin-bottom:10px}
.ev-row{display:flex;gap:14px;flex-wrap:wrap;margin-left:46px}
.ev{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--hair);
  padding:9px 16px 9px 9px;max-width:352px}
.ev-img{width:52px;height:52px;object-fit:cover;background:#E8E2D5;flex:0 0 52px}
.ev-t{font-size:12.5px;line-height:1.6;color:var(--ink)}
.ev-n{font-size:11px;color:var(--ink-3);letter-spacing:.03em;margin-top:2px}
.ev-n b{color:var(--cinnabar);font-weight:600;font-size:12px}
.btn-pick{margin:16px 0 0 46px;padding:8px 22px;border:1px solid var(--pine);color:var(--pine);
  font-size:12.5px;letter-spacing:.14em;transition:.25s}
.btn-pick:hover{background:var(--pine);color:#fff}
.topic.picked .btn-pick{background:var(--pine);color:#fff}

/* ── 大纲 ── */
.outline-row{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid var(--hair-2)}
.outline-row:last-child{border:0;padding-bottom:0}
.seg{font-family:var(--serif);font-size:16px;color:#fff;background:var(--pine);flex:0 0 34px;height:34px;
  display:grid;place-items:center;font-weight:500}
.ol-t{font-size:14.5px;line-height:1.8}
.ol-r{font-size:12px;color:var(--ink-3);margin-top:4px;letter-spacing:.02em}

/* ── 成稿 ── */
.draft{padding:30px 34px;border:1px solid var(--hair);background:#fff}
.draft.bad{background:#FCF7F4;border-color:#E9D6CD}
.draft.good{background:#fff;border-color:#D9E1D8}
.dr-title{font-family:var(--serif);font-size:20px;font-weight:500;margin-bottom:20px;letter-spacing:.02em;line-height:1.6}
.dr-body{font-family:var(--serif);font-size:15px;line-height:2.35;color:#33302A;letter-spacing:.03em}
.slot{background:rgba(200,177,135,.28);border-bottom:1px solid var(--wood);padding:1px 7px;
  font-family:var(--sans);font-size:12.5px;color:#6B4A22;letter-spacing:.02em;white-space:nowrap}
.slot-note{margin-top:20px;padding:13px 18px;background:rgba(200,177,135,.14);font-size:12px;
  color:#6B4A22;line-height:1.9;letter-spacing:.02em}
.slot-note b{color:#4E3517}
.dr-tags{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;padding-top:18px;border-top:1px solid var(--hair-2)}
.tag{font-size:11.5px;color:var(--pine-2);letter-spacing:.03em}
.tag::before{content:'#';opacity:.45}
.tag-bad{color:var(--cinnabar);text-decoration:line-through;opacity:.75}
.dr-stat{margin-top:12px;font-size:11.5px;color:var(--ink-3);letter-spacing:.06em}

/* ── 闸门 ── */
.gate{margin-top:22px;padding:22px 26px;border:1px solid}
.gate-fail{background:#FBF3EF;border-color:#E5CFC5}
.gate-pass{background:#F4F7F3;border-color:#D6E0D4}
.gate-h{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-bottom:16px;
  border-bottom:1px solid rgba(0,0,0,.06)}
.gate-ic{width:24px;height:24px;display:grid;place-items:center;color:#fff;font-size:13px}
.gate-fail .gate-ic{background:var(--cinnabar)} .gate-pass .gate-ic{background:var(--pine)}
.gate-t{font-family:var(--serif);font-size:15.5px;font-weight:500;letter-spacing:.1em}
.gate-fail .gate-t{color:var(--cinnabar)} .gate-pass .gate-t{color:var(--pine)}
.gate-sim{margin-left:auto;font-size:12px;color:var(--ink-2);letter-spacing:.04em}
.gate-sim b{font-family:var(--serif);font-size:17px;letter-spacing:.02em}
.gate-list{margin-top:16px;display:grid;gap:13px}
.gi-t{font-size:13.5px;font-weight:600;letter-spacing:.02em}
.gate-fail .gi-t{color:#8E2E1B} .gate-pass .gi-t{color:#2E4034}
.gi-d{font-size:12px;color:var(--ink-2);line-height:1.8;margin-top:2px}
.rewriting{margin-top:18px;font-size:13px;color:var(--cinnabar);letter-spacing:.1em;opacity:0;transition:opacity .4s}
.rewriting.on{opacity:1}

/* ── 小红书笔记详情页（还原真实版式） ── */
.phone-wrap{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start}
.xhs{width:300px;flex:0 0 300px;background:#fff;border:11px solid #1C1B19;border-radius:38px;overflow:hidden;
  font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;color:#333;position:relative;
  box-shadow:0 6px 26px rgba(40,32,20,.16)}
.xhs-status{display:flex;justify-content:space-between;align-items:center;padding:9px 18px 5px;font-size:11px;
  font-weight:600;color:#000;letter-spacing:.02em}
.xhs-sig{font-size:9px;letter-spacing:-.5px}
.xhs-nav{display:flex;align-items:center;gap:8px;padding:6px 12px 10px}
.xhs-back{font-size:24px;line-height:1;color:#333;margin-right:2px}
.xhs-ava{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#eee;flex:0 0 26px}
.xhs-author{font-size:12.5px;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xhs-follow{font-size:11.5px;color:#FF2442;border:1px solid #FF2442;border-radius:11px;padding:2px 11px;flex:0 0 auto}
.xhs-more{font-size:11px;color:#666;flex:0 0 auto;letter-spacing:-1px}
.xhs-media{position:relative;background:#f4f4f4}
.xhs-track{position:relative;width:100%;aspect-ratio:3/4}
.xhs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.xhs-img.on{opacity:1}
.xhs-count{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.35);color:#fff;font-size:10.5px;
  padding:2px 8px;border-radius:9px}
.xhs-dots{position:absolute;bottom:9px;left:0;right:0;display:flex;justify-content:center;gap:5px}
.xhs-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.xhs-dots i.on{background:#fff;width:12px;border-radius:3px}
.xhs-content{padding:14px 14px 0;max-height:404px;overflow-y:auto;position:relative;
  -webkit-mask-image:linear-gradient(#000 calc(100% - 26px),transparent);
  mask-image:linear-gradient(#000 calc(100% - 26px),transparent)}
.xhs-content::-webkit-scrollbar{width:0}
.xhs-scrollhint{font-size:11px;color:var(--ink-3);text-align:center;padding:6px 0 0;letter-spacing:.06em}
.xhs-title{font-size:16px;font-weight:600;line-height:1.45;color:#333;margin-bottom:9px;letter-spacing:.01em}
.xhs-body{font-size:14px;line-height:1.72;color:#333;word-break:break-word}
.xhs-topics{margin-top:10px;line-height:1.9}
.xhs-topics span{color:#3B5A82;font-size:14px;margin-right:7px}
.xhs-meta{font-size:11.5px;color:#9A9A9A;padding:14px 0 12px}
.xhs-cmt{font-size:12.5px;color:#9A9A9A;padding:11px 14px;border-top:1px solid #F2F2F2}
.xhs-cmt b{color:#666;font-weight:400}
.xhs-bottom{display:flex;align-items:center;gap:11px;padding:9px 12px 13px;border-top:1px solid #F2F2F2;background:#fff}
.xhs-input{flex:1;display:flex;align-items:center;gap:7px;background:#F5F5F5;border-radius:15px;padding:5px 11px}
.xhs-input img{width:19px;height:19px;border-radius:50%;object-fit:cover}
.xhs-input span{font-size:12px;color:#B2B2B2}
.xhs-act{display:flex;align-items:center;gap:3px;font-size:12px;color:#333;flex:0 0 auto}
.xhs-act svg{width:19px;height:19px;fill:none;stroke:#333;stroke-width:1.6;stroke-linejoin:round}
.phone-side{flex:1;min-width:300px}
.ps-hint{margin-top:12px;font-size:11.5px;color:var(--ink-3);line-height:1.85}
.ps-h{font-family:var(--serif);font-size:15px;letter-spacing:.14em;margin-bottom:16px;color:var(--pine);font-weight:500}
.ps-row{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--hair-2)}
.ps-n{width:24px;height:24px;background:var(--wood);color:#fff;display:grid;place-items:center;
  font-family:var(--serif);font-size:12px;flex:0 0 24px}
.ps-t{font-size:13.5px;font-weight:600;letter-spacing:.02em}
.ps-d{font-size:12px;color:var(--ink-2);margin-top:3px;line-height:1.8}
.ps-note{margin-top:18px;font-size:12px;color:var(--cinnabar);letter-spacing:.02em}

/* ── 双语气 ── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.col-h{font-family:var(--serif);font-size:14px;letter-spacing:.18em;color:var(--wood);margin-bottom:14px;
  padding-bottom:10px;border-bottom:1px solid var(--hair)}
.note{margin-top:20px;font-size:12.5px;color:var(--ink-2);padding-left:18px;border-left:2px solid var(--wood);line-height:1.9}

/* ══════ 内容基因 ══════ */
.doc{max-width:940px;margin:0 auto;padding:66px 40px 130px}
.doc h2{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:.1em;
  margin:74px 0 26px;padding-bottom:16px;border-bottom:1px solid var(--pine);color:var(--pine)}
.doc h3{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:.1em;margin:40px 0 16px;color:var(--wood)}
.doc-lead{display:flex;align-items:center;gap:36px;padding:52px 46px;background:var(--pine);color:#EDE8DC}
.lead-num{font-family:var(--serif);font-size:86px;line-height:.9;color:#C8B187;font-weight:500;letter-spacing:.02em}
.lead-txt{font-family:var(--serif);font-size:19px;line-height:1.9;letter-spacing:.06em}
.lead-txt span{display:block;font-size:13.5px;color:#8C8778;letter-spacing:.04em;margin-top:6px;font-family:var(--sans)}
.gt{width:100%;border-collapse:collapse;margin:20px 0}
.gt th{font-size:11.5px;color:var(--ink-3);font-weight:400;letter-spacing:.16em;text-align:left;
  padding:0 16px 12px;border-bottom:1px solid var(--pine)}
.gt td{padding:16px;border-bottom:1px solid var(--hair-2);font-size:13.5px}
.gt tr.hl td{background:rgba(200,177,135,.13)}
.gt .acc{font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:.03em}
.gt .sub{display:block;font-size:11px;color:var(--ink-3);font-family:var(--sans);font-weight:400;letter-spacing:.04em}
.gt .med{font-family:var(--serif);font-size:26px;color:var(--cinnabar);font-weight:500}
.barwrap{display:flex;align-items:center;gap:12px}
.bar{height:6px;min-width:2px}
.b-vol{background:#CFC7B5} .b-eng{background:var(--cinnabar)}
.barwrap span{font-size:12px;color:var(--ink-2);letter-spacing:.04em}
.verdict{font-size:12px;letter-spacing:.06em}
.verdict.bad{color:var(--cinnabar)} .verdict.good{color:var(--pine-2)}
.kicker{font-family:var(--serif);font-size:16px;line-height:2.1;letter-spacing:.03em;
  padding:22px 0 22px 24px;border-left:2px solid var(--wood);margin:24px 0}
.kicker b{color:var(--cinnabar);font-weight:500}
.warn{font-size:13px;color:#7E5A2E;padding:16px 20px;background:rgba(200,177,135,.16);letter-spacing:.02em;line-height:1.9}
.warn b{color:#6B4A22}
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0}
.sp-h{font-family:var(--serif);font-size:13.5px;letter-spacing:.14em;padding-bottom:12px;margin-bottom:16px;
  border-bottom:1px solid var(--hair)}
.sp-h.good{color:var(--pine)} .sp-h.bad{color:var(--cinnabar)}
.ex{display:flex;gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid var(--hair-2)}
.ex img{width:50px;height:50px;object-fit:cover;background:#E8E2D5;flex:0 0 50px}
.ex-t{font-size:12.5px;line-height:1.6}
.ex-n{font-size:11px;color:var(--ink-3);margin-top:2px} .ex-n b{color:var(--cinnabar);font-size:12px}
.rulebox{border:1px solid var(--hair);padding:28px 32px;margin:28px 0;background:var(--paper-2)}
.rb-h{font-family:var(--serif);font-size:16px;letter-spacing:.16em;color:var(--pine);margin-bottom:18px;font-weight:500}
.rb-row{display:flex;gap:20px;padding:12px 0;font-size:13.5px;line-height:1.9}
.rb-k{flex:0 0 84px;font-family:var(--serif);font-size:13px;letter-spacing:.08em;height:fit-content}
.rb-k.good{color:var(--pine)} .rb-k.bad{color:var(--cinnabar)}
.rb-note{margin-top:16px;padding-top:16px;border-top:1px solid var(--hair-2);font-size:13px;color:var(--ink-2);line-height:1.9}
.tagcmp{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:20px 0}
.tc-h{font-family:var(--serif);font-size:13px;letter-spacing:.1em;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid var(--hair)}
.tc-h.good{color:var(--pine)} .tc-h.bad{color:var(--cinnabar)}
.tc-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0}
.tc-n{font-size:11px;color:var(--ink-3);letter-spacing:.06em}
.factrow{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin:28px 0;background:var(--hair)}
.fact{background:var(--paper-2);padding:22px 12px;text-align:center}
.fact.hlf{background:rgba(200,177,135,.18)}
.fact b{display:block;font-family:var(--serif);font-size:28px;color:var(--pine);font-weight:500;line-height:1.2}
.fact b small{font-size:13px}
.fact span{font-size:11px;color:var(--ink-3);letter-spacing:.04em;display:block;margin-top:6px}
.fanrow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0;background:var(--hair)}
.fan{background:var(--paper-2);padding:22px 20px}
.fan-h{font-family:var(--serif);font-size:15px;letter-spacing:.12em;color:var(--pine);margin-bottom:12px;font-weight:500}
.fan-r{font-size:12px;color:var(--ink-3);padding:4px 0;letter-spacing:.04em}
.fan-r b{color:var(--ink);font-weight:600}
.rules{display:grid;gap:1px;margin:24px 0;background:var(--hair)}
.rule{display:flex;gap:22px;background:var(--paper-2);padding:24px 28px;align-items:flex-start}
.rule span{font-family:var(--serif);font-size:30px;color:var(--cinnabar);flex:0 0 26px;line-height:1;font-weight:500}
.rule div{font-size:14.5px;line-height:2}
.foot{margin-top:44px;font-size:12.5px;color:var(--ink-3);text-align:center;letter-spacing:.1em}

/* ══════ 标注 ══════ */
#view-annotate{max-width:940px;margin:0 auto;padding:66px 40px 130px}
.an-head{display:flex;align-items:flex-end;gap:30px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--pine)}
.an-head h2{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:.12em;margin:0 0 10px;color:var(--pine)}
.an-head p{margin:0;font-size:13px;color:var(--ink-2);max-width:580px;line-height:1.9}
.an-stat{margin-left:auto;text-align:right;flex:0 0 auto}
.an-stat b{font-family:var(--serif);font-size:44px;color:var(--cinnabar);font-weight:500;line-height:1}
.an-stat span{font-size:12px;color:var(--ink-3);letter-spacing:.06em}
.an-item{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--hair-2)}
.an-item img{width:76px;height:76px;object-fit:cover;background:#E8E2D5;flex:0 0 76px}
.an-main{flex:1;min-width:0}
.an-t{font-family:var(--serif);font-size:15.5px;font-weight:500;letter-spacing:.02em;line-height:1.6}
.an-n{font-size:11px;color:var(--ink-3);margin:5px 0 14px;letter-spacing:.04em}
.an-row{display:flex;gap:14px;align-items:center;padding:4px 0;flex-wrap:wrap}
.an-lab{font-size:11px;color:var(--ink-3);flex:0 0 58px;letter-spacing:.1em}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font-size:12.5px;padding:5px 14px;border:1px solid var(--hair);background:#fff;color:var(--ink-2);
  letter-spacing:.03em;transition:.2s}
.chip:hover{border-color:var(--pine-2)}
.chip.ai{background:rgba(200,177,135,.2);border-color:#DECBA6;color:#7E5A2E}
.chip.on{background:var(--pine);border-color:var(--pine);color:#fff}
.chip.q{width:36px;padding:5px 0;text-align:center;font-family:var(--serif);font-size:14px}
.chip.q.on{background:var(--cinnabar);border-color:var(--cinnabar)}
.an-foot{font-size:12px;color:var(--ink-3);text-align:center;margin-top:36px;letter-spacing:.06em}

@media (max-width:1240px){
  #view-studio.on{grid-template-columns:1fr}
  .side{display:none}
  .two-col,.split,.tagcmp,.fanrow{grid-template-columns:1fr}
  .factrow{grid-template-columns:repeat(3,1fr)}
}