#admbody .admtabs{flex-wrap:wrap}
  #dragonlair-admin>p{margin:12px 0;line-height:1.65}
  #dragonlair-admin .admlairfloors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin:12px 0}
  #dragonlair-admin .admlairfloor{padding:12px;border:1px solid #4b554f;background:#1c252c;line-height:1.65}
  #dragonlair-admin .admlairfloor p{margin-top:6px}
  #admbody #admn,#admbody #admsilver,#admbody #admairn{min-width:20ch;flex:1 1 20ch;box-sizing:border-box}
  #admbody .admcontrolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:14px;margin:0 0 18px;border:1px solid #59482f;background:#171512}
  #admbody .admcontrolbar>label{display:flex;flex-direction:column;gap:5px;color:var(--dim);font-size:var(--ui-note);flex:1;min-width:170px}
  #admbody .admcontrolbar .admcheck{flex-direction:row;align-items:center;min-height:44px}
  #admbody .admcontrolbar .admcheck input{flex:0 0 18px;width:18px;margin:0}
  #admbody .admcontrolbar input[type=search]{width:100%;min-height:44px;padding:10px;background:#100f0d;color:var(--ink);border:1px solid var(--line2);font:inherit}
  #admbody .admcontrolbar button,#admbody .admcontrolbar select,#admbody .admtabs button{min-height:44px}
  #admbody .admstatus{flex-basis:100%;font-size:var(--ui-note);color:var(--dim)}
  #admbody .admconsolecard{padding:16px;margin-bottom:14px;border:1px solid #403b30;background:linear-gradient(125deg,#1b1914,#13120f)}
  #admbody .admsectionlabel{font-size:var(--ui-note);color:#b6a174;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #393327}
  #admbody .admconsolecard .admsec:last-child{margin-bottom:0}
  #admbody .admchanged{border-color:#b89959;background:#292316}
  #admbody .admdefault{display:block;color:#b5aa91;margin-top:4px}
  @media(max-width:620px){#admbody .admtabs button{flex:1 0 22%;white-space:nowrap}#admbody .admconsolecard{padding:11px}#admbody .admcontrolbar{padding:10px}#admbody .admcontrolbar>label{min-width:100%}}

#admbody #admairn+button{flex:1 1 14ch;word-break:keep-all}

/* One console shell for operations, graphics and the isolated audio listener. */
#adminview,.audio-console{--console-card:#1b252c;--console-line:#44545b;--console-dim:#b4bebd;color:#e5ddca;font-family:Galmuri11,system-ui,sans-serif;font-size:14px;line-height:1.7;background:#11191f}
#adminview .admhead{flex-wrap:wrap;gap:8px;padding:14px 20px;background:#182229;border-bottom:1px solid var(--console-line)}
#adminview .admhead b{font-size:17px;letter-spacing:0;margin-right:12px}
#adminview .admhead .admmode,#adminview #admclose{min-height:44px;padding:8px 14px;font-size:13px}
#adminview .admhead .admmode.on{background:#393626;color:#eed6a0;border-color:#ab955e}
#adminview #admbody{padding:22px 24px 36px;scrollbar-gutter:stable;max-width:1208px;margin-inline:auto}
#admbody .admconsolecard,#admbody .admcontrolbar,#admbody .art-controls fieldset,.audio-console section{background:var(--console-card);border:1px solid var(--console-line);border-radius:6px;padding:18px;margin:0 0 16px;box-shadow:0 4px 14px #0002}
#admbody .admsectionlabel,#admbody .art-controls legend{color:#dbc48f;font-size:13px}
.console-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--console-line)}
#admbody .console-pagehead h2,.audio-console h1{font:22px/1.5 Galmuri11,system-ui,sans-serif;color:#ead2a0;margin:0 0 6px}
#admbody .console-pagehead p,.audio-console p{font-size:13px;line-height:1.8;color:var(--console-dim);margin:0}
#admbody .console-pagehead .console-eyebrow,.audio-console .console-eyebrow{font-size:11px;color:#a5b9be;margin-bottom:5px;letter-spacing:.05em}
.console-chip{flex-shrink:0;display:inline-block;border:1px solid #6a694f;border-radius:4px;padding:5px 10px;color:#d7c69d;font-size:11px;line-height:1.7}
#admbody .console-lab,#admbody .artlab{max-width:1160px;margin:0 auto}
#admbody .art-stage{border:1px solid var(--console-line);border-radius:6px;overflow:hidden;background:#11191f}
#admbody .art-controls{gap:16px}#admbody .art-controls fieldset{margin:0;min-width:0}
#admbody .art-controls input,#admbody .art-controls select,.audio-console input,.audio-console select{accent-color:#d7bb79}
#admbody .art-controls select,.audio-console select{background:#111a20;border:1px solid #607077;border-radius:4px;color:#e5ddca;padding:10px;min-height:44px;font:inherit}
#admbody .artlab p,#admbody .art-note,.audio-console small{color:var(--console-dim);line-height:1.8}
#admin-audio-frame{display:block;width:100%;height:1100px;border:0;background:transparent;color-scheme:dark}
.audio-console{box-sizing:border-box;margin:0;padding:24px}
.audio-console *{box-sizing:border-box}
.audio-console main{max-width:1160px;margin:auto}
.audio-console h2{font-size:16px;font-weight:400;color:#dbc48f;margin:0 0 16px}
.audio-console label{display:block;font-size:13px;margin:14px 0 7px}
.audio-console select{width:100%}
.audio-console button{font:13px/1.6 Galmuri11,system-ui,sans-serif;color:#e5ddca;padding:10px 14px;border-radius:4px;min-height:44px;cursor:pointer}
.audio-console button.primary{background:#393626;border-color:#ab955e;color:#eed6a0}
.audio-console .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.audio-console .mix{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.audio-console input[type=range]{width:100%;min-height:30px;touch-action:pan-x}
.audio-console output{float:right;color:#e5ddca;font-variant-numeric:tabular-nums}
.audio-console #status{min-height:26px;margin-top:14px;color:#bdcfb0}
.audio-console small{display:block;font-size:12px;margin-top:12px}
.audio-console pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Galmuri11,monospace;color:#bbc6c8;margin:12px 0 0}
.audio-console a{color:#dfc991}
.audio-console.embedded{padding:0;background:#11191f}
.audio-console.embedded .audio-standalone-head,.audio-console.embedded .audio-standalone-back{display:none}
@media(max-width:620px){
  #adminview .admhead{padding:10px;gap:6px}#adminview .admhead b{flex:1 1 calc(100% - 75px);font-size:15px;order:0}
  #adminview #admclose{order:1;margin-left:0}#adminview .admhead .admmode{order:2;flex:1 1 25%;padding:8px 4px;font-size:12px}
  #adminview #admbody{padding:16px 12px 28px;scrollbar-gutter:auto}
  .console-pagehead{flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:16px}
  #admbody .console-pagehead h2,.audio-console h1{font-size:19px}
  #admbody .admconsolecard,#admbody .art-controls fieldset,.audio-console section{padding:14px}
  #admbody .console-pagehead>button{width:100%}.audio-console{padding:16px 12px}
  .audio-console .mix{grid-template-columns:1fr;gap:0}.audio-console .row button{flex:1 1 130px}
}

/* ── UNI-Q218 · 절을 접어 둔다 ──────────────────────────────────────────
 * 사용자 2026-09-21: "ui/ux 가 이제 복잡해져가지고 눈에 잘 안보인다" ·
 *                   "내용을 일목요연하게 직관성 좋도록 개선하자는거지"
 * 탭 하나에 절이 최대 26개였고 **전부 펼쳐진 채** 쏟아졌다. 이제 제목 줄만 보이고 눌러야 열린다.
 * 제목은 두 층이다 — 굵은 이름(무엇에 관한 절인가) + 작은 글씨(그 안에 무엇이 있는가).
 */
#admbody details.admconsolecard{padding:0}
#admbody details.admconsolecard>summary{
  display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
  cursor:pointer; list-style:none; margin:0; padding:11px 13px;
  border-bottom:1px solid transparent; border-radius:6px;
}
#admbody details.admconsolecard>summary::-webkit-details-marker{display:none}
/* 여닫이 화살표 — 지금 열렸는지 닫혔는지가 글자 말고 모양으로도 보여야 한다 */
#admbody details.admconsolecard>summary::before{
  content:'▸'; color:#8d7d5d; font-size:var(--ui-label); line-height:1; transition:transform .12s ease;
}
#admbody details.admconsolecard[open]>summary::before{transform:rotate(90deg)}
#admbody details.admconsolecard>summary b{color:#f0dcae; font-size:var(--ui-heading); font-weight:600; letter-spacing:.01em}
#admbody details.admconsolecard>summary small{color:#a08f6d; font-size:var(--ui-note); flex:1 1 100%; padding-left:18px}
/* 어느 탭의 절인지 — 검색 중에는 탭이 섞이므로 오른쪽 끝에 조용히 붙인다 */
#admbody details.admconsolecard>summary em{margin-left:auto; font-style:normal; color:#7d6f52; font-size:var(--ui-note)}
#admbody details.admconsolecard>summary:hover{background:#1b1710}
#admbody details.admconsolecard>summary:focus-visible{outline:2px solid var(--gold); outline-offset:-2px}
#admbody details.admconsolecard[open]>summary{border-bottom-color:#393327; border-radius:6px 6px 0 0}
/* 열린 몸통만 안쪽 여백을 준다 — 닫혔을 때 빈 줄이 남지 않게 */
#admbody details.admconsolecard[open]>*:not(summary){padding-left:13px; padding-right:13px}
#admbody details.admconsolecard[open]>*:last-child{padding-bottom:12px}

/* 운영 콘솔 2.0 — 폭이 충분한 콘솔은 왼쪽 메뉴, 좁은 패널은 가로 메뉴를 쓴다. */
#adminview #admbody{container-type:inline-size;container-name:adminbody}
#admbody .admin-console-layout{display:grid;grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:20px;align-items:start;max-width:1600px;margin-inline:auto}
#admbody .admin-primary-nav{position:sticky;top:10px;display:flex;flex-direction:column;gap:6px;min-width:0}
#admbody .admin-primary-nav button,#admbody .admin-subnav button,#admbody .admin-overview-shortcuts button,#admbody .admin-search-categories button{min-height:44px;box-sizing:border-box}
#admbody .admin-primary-nav button{width:100%;text-align:left;padding:10px 12px;border:1px solid var(--console-line);border-radius:5px;background:#152027;color:#c9d0cd;font:inherit;cursor:pointer}
#admbody .admin-primary-nav button:hover,#admbody .admin-primary-nav button.selected{color:#f1dba4;border-color:#8c794d;background:#28251d}
#admbody .admin-console-main{min-width:0}
#admbody .admin-subnav{display:flex;gap:8px;align-items:stretch;overflow-x:auto;padding:0 0 12px;margin:0 0 14px;border-bottom:1px solid var(--console-line);scrollbar-width:thin}
#admbody .admin-subnav button{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;gap:2px;min-width:112px;padding:7px 12px;border:1px solid var(--console-line);border-radius:5px;background:#152027;color:#c9d0cd;font:inherit;cursor:pointer}
#admbody .admin-subnav button.selected{border-color:#a18c59;background:#28251d;color:#f1dba4}
#admbody .admin-subnav button small{color:var(--console-dim);font-size:11px}
#admbody .admin-subnav .admin-subnav-refresh{min-width:135px;margin-left:auto;align-self:center}
#admbody .admin-overview-page h3,#admbody .admin-search-categories h3{margin:0 0 8px;color:#ead2a0;font-size:15px;font-weight:500}
#admbody .admin-overview-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:14px;padding:10px 13px;border:1px solid var(--console-line);border-radius:5px;background:#172126}
#admbody .admin-overview-status p{flex-basis:100%;margin:0;color:#e1b2a1}
#admbody .admin-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
#admbody .admin-overview-metrics article{min-width:0;padding:13px;border:1px solid var(--console-line);border-radius:6px;background:var(--console-card)}
#admbody .admin-overview-metrics article span,#admbody .admin-overview-metrics article small{display:block;color:var(--console-dim);font-size:12px}
#admbody .admin-overview-metrics article b{display:block;margin:7px 0;color:#f1dba4;font-size:20px;overflow-wrap:anywhere}
#admbody .admin-overview-metrics article small{line-height:1.5}
#admbody .admin-overview-rollout,#admbody .admin-overview-fields,#admbody .admin-overview-shortcuts,#admbody .admin-search-categories{margin:0 0 14px;padding:14px;border:1px solid var(--console-line);border-radius:6px;background:var(--console-card)}
#admbody .admin-overview-rollout details{margin-top:10px;padding-top:9px;border-top:1px solid var(--console-line)}
#admbody .admin-overview-rollout summary{min-height:44px;display:flex;align-items:center;color:#dbc48f;cursor:pointer}
#admbody .admin-overview-fields-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
#admbody .admin-overview-fields-head p,#admbody .admin-overview-shortcuts p,#admbody .admin-search-categories p{margin:0 0 8px}
#admbody .admin-overview-filter{display:flex;gap:8px;flex-wrap:wrap}
#admbody .admin-overview-filter label{display:flex;flex-direction:column;gap:4px;min-width:150px;color:var(--console-dim);font-size:12px}
#admbody .admin-overview-filter input,#admbody .admin-overview-filter select{box-sizing:border-box;min-height:44px;padding:8px 10px;border:1px solid var(--console-line);border-radius:4px;background:#11191f;color:#e5ddca;font:inherit}
#admbody .admin-field-table{min-width:900px}
#admbody .admin-field-table th small{display:block;color:var(--console-dim);font-weight:400;font-size:11px}
#admbody .admin-field-empty{text-align:center;color:var(--console-dim)}
#admbody .admin-overview-shortcuts>div,#admbody .admin-search-categories>div{display:flex;flex-wrap:wrap;gap:8px}
#admbody .admin-search-categories button{padding:7px 10px}
@container adminbody (max-width: 799px){
  #admbody .admin-console-layout{grid-template-columns:minmax(0,1fr);gap:12px}
  #admbody .admin-primary-nav{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:6px;scrollbar-width:thin}
  #admbody .admin-primary-nav button{flex:0 0 auto;width:auto;min-width:max-content;text-align:center}
}
@container adminbody (max-width: 540px){
  #admbody .admin-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  #admbody .admin-subnav .admin-subnav-refresh{margin-left:0}
  #admbody .admin-overview-fields,#admbody .admin-overview-rollout,#admbody .admin-overview-shortcuts,#admbody .admin-search-categories{padding:11px}
  #admbody .admin-overview-filter{width:100%}
  #admbody .admin-overview-filter label{flex:1 1 100%;min-width:0}
}