:root{
  color-scheme:light;
  --bg:#f2f5fc;
  --paper:#fff;
  --ink:#1d2e4c;
  --muted:#556984;
  --accent:#3563d7;
  --accent-dark:#254eaf;
  --accent-line:#6087d9;
  --line:#dce5f3;
  --control-line:#7488aa;
  --pale:#edf3ff;
  --surface-soft:#f8faff;
  --surface-inset:#f1f5fc;
  --text-secondary:#526785;
  --text-faint:#5b6e8a;
  --notice-bg:#f0f3ff;
  --notice-ink:#465c96;
  --notice-line:#d8e0fa;
  --red:#b04461;
  --error-bg:#fff0f4;
  --error-line:#f1ccd7;
  --focus:#5b7fc7;
  --shadow:0 6px 24px #243f7308;
  font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;
  color:var(--ink);
  font-synthesis:none
}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(155deg,#eaf0ff 0,var(--bg) 560px);background-color:var(--bg);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}input{accent-color:var(--accent)}::selection{background:#dbe6ff;color:var(--ink)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);outline-offset:1px}button{transition:background .15s,box-shadow .15s}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:17px;font-weight:650}h3{font-size:14px}code{font-family:Consolas,monospace;background:var(--surface-inset);border-radius:4px;padding:2px 4px}[hidden]{display:none!important}.topbar{height:88px;border-bottom:1px solid var(--line);background:#ffffffd9;display:flex;align-items:center;padding:0 max(40px,calc((100vw - 1240px)/2));gap:70px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:750;letter-spacing:-1px;line-height:1.15}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:var(--accent);color:#fff;font-size:36px;font-weight:400;box-shadow:0 4px 9px #3563d724}.brand-sub{display:block;font-size:8px;font-weight:600;color:var(--muted);letter-spacing:1.9px;margin-top:6px}.topbar nav{display:flex;align-items:center;gap:32px;height:100%;font-size:13px}.nav-current{display:flex;align-items:center;height:100%;border-bottom:2px solid var(--accent);padding-top:2px;color:var(--accent);font-weight:600}.text-button{background:none;border:0;padding:2px;color:var(--muted);font-size:12px}.text-button:hover{color:var(--accent)}.text-button span{margin-left:6px}.private-tag{margin-left:auto;font-size:12px;color:var(--text-secondary);border:1px solid var(--line);border-radius:30px;padding:6px 12px;background:var(--surface-soft);white-space:nowrap}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8da9dc}.private-tag i{margin-right:7px}.workspace{max-width:1240px;margin:0 auto;padding:44px 0 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--muted);display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;background:var(--accent);border-radius:50%}h1{font-size:33px;font-weight:620;letter-spacing:-.8px;margin:12px 0 11px}h1>span{color:var(--accent)}.page-heading p{font-size:13px;color:var(--muted)}.heading-note{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--text-secondary)}.heading-note small{display:block;font-size:10px;color:var(--text-faint);margin-top:5px}.mini-shield{font-size:28px;color:#5678b5;background:var(--pale);width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.input-card{padding:25px 28px 26px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title>div{display:flex;align-items:center;gap:10px}.section-index{font-size:11px;font-weight:650;color:var(--muted);background:var(--pale);padding:2px 7px;border-radius:5px}.subtle{font-size:10px;color:var(--text-faint);letter-spacing:.6px}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.tool-tab{display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:1px solid var(--control-line);border-radius:10px;padding:16px 17px;color:var(--text-secondary);font-weight:600}.tool-tab small{display:block;font-weight:400;color:var(--text-faint);font-size:11px;margin-top:3px}.tool-tab:hover{border-color:var(--accent-line);background:var(--surface-soft)}.tool-tab.active{background:var(--pale);border-color:var(--accent-line);color:var(--accent-dark);box-shadow:0 0 0 1px #3563d718}.tab-icon{font-size:27px;font-weight:400;line-height:1}.selected-dot{width:12px;height:12px;border:1px solid var(--control-line);border-radius:50%;margin-left:auto;flex-shrink:0}.active .selected-dot{background:var(--accent);border:3px solid var(--pale);box-shadow:0 0 0 1px var(--accent)}.input-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:10px}.input-label label{font-weight:600}.input-label>span{font-size:11px;color:var(--muted);background:var(--surface-inset);border-radius:5px;padding:2px 7px}.editor-wrap{border:1px solid var(--control-line);background:var(--surface-soft);border-radius:10px;overflow:hidden}.editor-top,.editor-bottom{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;gap:10px}.editor-top{border-bottom:1px solid var(--line)}.editor-top i{margin-right:6px;width:5px;height:5px;background:#b4c5e5}.editor-bottom{padding-top:8px;padding-bottom:8px;border-top:1px solid var(--line)}.editor-bottom code{letter-spacing:1px}textarea{resize:vertical;min-height:174px;max-height:430px;width:100%;border:0;background:transparent;padding:15px;color:var(--text-secondary);font-size:12px;line-height:1.9;font-family:Consolas,"Microsoft YaHei",monospace;display:block}textarea::placeholder{color:var(--text-faint)}textarea.masked{-webkit-text-security:disc}.inline-note{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:11px;color:var(--muted)}.inline-note>span{color:var(--muted)}.action-row{margin-top:24px;padding-top:19px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.action-caption{font-size:11px;color:var(--text-faint)}.primary-button,.secondary-button{border:1px solid transparent;border-radius:8px;padding:10px 20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap}.primary-button{background:var(--accent);color:white;box-shadow:0 3px 5px #3563d724}.primary-button:hover{background:var(--accent-dark)}.secondary-button{background:#fff;border-color:var(--control-line);color:var(--text-secondary)}.secondary-button:hover{background:var(--pale);border-color:var(--accent-line);color:var(--accent-dark)}.guide-stack{display:flex;flex-direction:column;gap:17px}.guide-card{border:1px solid var(--line);background:linear-gradient(140deg,#e8efff,#f3f6ff);border-radius:16px;padding:23px}.guide-top{display:flex;justify-content:space-between;align-items:center}.guide-top .eyebrow{font-size:9px;letter-spacing:1.8px}.guide-orbit{color:#8da9dc;font-size:26px;line-height:1}.guide-card h2{font-size:20px;margin:14px 0 23px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:12px;position:relative;margin-bottom:23px}.steps li:last-child{margin-bottom:21px}.steps li:not(:last-child):after{content:"";position:absolute;left:12px;top:30px;height:29px;border-left:1px dashed var(--line)}.steps li>span{height:25px;width:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px;color:var(--muted);background:var(--surface-soft);flex-shrink:0}.steps li>div{font-size:12px;font-weight:600;padding-top:1px}.steps p{font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.guide-bottom{border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.warm-card{border:1px solid var(--notice-line);background:var(--notice-bg);border-radius:12px;padding:18px 19px;display:flex;gap:12px;color:var(--notice-ink)}.warm-icon{font-size:23px;line-height:1.3;color:var(--accent)}.warm-card h3{font-size:12px;margin-bottom:8px}.warm-card p{font-size:11px;color:var(--text-secondary);line-height:1.9}.warm-card div>span{display:block;font-size:10px;color:var(--notice-ink);margin-top:10px}.service-status{font-size:10px;color:var(--text-faint);display:flex;align-items:center;gap:7px;justify-content:center;margin:0 0 2px}.service-status i.off{background:#6e7fa6}.results-card{margin-top:24px;padding:24px 28px}.count-badge{font-size:10px;color:var(--muted);background:var(--surface-inset);padding:0 7px;border-radius:5px}.result-actions{gap:15px!important}.empty-state{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:185px;padding:20px}.empty-icon{font-size:28px;background:var(--pale);color:#8da9dc;border:1px solid var(--line);border-radius:12px;position:relative;line-height:45px;width:48px;height:47px;text-align:center;margin-bottom:16px}.empty-icon span{position:absolute;bottom:-3px;right:-6px;background:#e0eaff;color:#5678b5;width:17px;height:17px;font-size:10px;line-height:17px;border-radius:50%;border:2px solid #fff}.empty-state h3{font-size:12px;font-weight:500;color:var(--muted)}.empty-state p{font-size:10px;color:var(--text-faint);margin-top:6px}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 28px;font-size:10px;color:var(--text-faint)}footer strong{font-size:13px;letter-spacing:-.5px;color:var(--muted);margin-right:6px}footer i{margin:0 10px;background:none;width:auto;height:auto}.alert{overflow-wrap:anywhere;font-size:12px;line-height:1.8;padding:11px 14px;border-radius:8px;margin-top:14px}.alert.error{color:var(--red);background:var(--error-bg);border:1px solid var(--error-line)}.alert.warning{background:var(--notice-bg);color:var(--notice-ink);border:1px solid var(--notice-line)}.result-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:17px 0;align-items:center}.result-row:first-child{margin-top:20px}.result-account{min-width:0}.result-account strong{font-weight:550;font-size:13px;overflow-wrap:anywhere}.result-account p{color:var(--muted);font-size:11px;margin-top:3px}.result-value{display:flex;gap:12px;align-items:center;flex-shrink:0}.status-pill{font-size:11px;padding:4px 10px;border-radius:20px;background:var(--pale);color:var(--accent)}.status-pill.error{background:var(--error-bg);color:var(--red)}.status-pill.warning{background:var(--notice-bg);color:var(--notice-ink)}.totp-code{font:600 26px/1.2 Consolas,monospace;letter-spacing:4px;color:var(--accent-dark);border:0;background:transparent;padding:5px}.countdown{font-size:10px;color:var(--muted);min-width:28px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#263e68;color:white;padding:12px 22px;border-radius:9px;box-shadow:0 6px 30px #1c315a26;z-index:5;font-size:12px}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:470px;width:calc(100% - 32px);box-shadow:0 20px 80px #1c315a26;color:var(--ink)}dialog::backdrop{background:#1d2e4c50;backdrop-filter:blur(4px)}dialog h2{font-size:21px;margin-bottom:13px}dialog p{font-size:13px;color:var(--muted);margin:10px 0;line-height:1.9}.dialog-symbol{width:42px;height:42px;background:var(--notice-bg);color:var(--notice-ink);border-radius:50%;display:grid;place-items:center;font-size:23px;margin-bottom:18px}.dialog-email{color:var(--accent)!important;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}dialog .eyebrow{margin-bottom:14px}.admin-layout{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;padding:32px 24px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:38px}.sidebar .brand{font-size:23px}.sidebar .brand-sub{font-size:7px}.sidebar-label{font-size:10px;letter-spacing:2px;color:var(--text-faint);margin-bottom:12px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.side-button{border:0;text-align:left;padding:12px 15px;border-radius:8px;background:none;color:var(--muted);font-size:13px}.side-button:hover{background:var(--surface-soft);color:var(--accent-dark)}.side-button.active{background:var(--pale);color:var(--accent);font-weight:600}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--text-faint)}.side-bottom .text-button{margin-top:15px}.admin-main{max-width:1240px;width:100%;min-width:0;padding:38px 42px}.admin-main .page-heading{margin-bottom:26px}.admin-main h1{font-size:28px}.admin-tag{font-size:10px;letter-spacing:1px;background:var(--pale);border:1px solid var(--line);color:var(--muted);padding:5px 10px;border-radius:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:19px 22px}.stat>span{font-size:11px;color:var(--muted)}.stat strong{display:block;font-size:29px;font-weight:550;color:var(--accent-dark);margin:5px 0 0}.stat small{font-size:10px;color:var(--text-faint)}.admin-card{padding:25px;margin-bottom:22px}.admin-card .card-title{margin-bottom:20px}.admin-card>p{font-size:12px;color:var(--muted);margin:9px 0 20px}.admin-columns{display:grid;grid-template-columns:1fr 1.8fr;gap:20px}.field{margin-bottom:18px}.field label{display:block;font-weight:500;font-size:12px;margin-bottom:8px}.field input,.field select,.search-input{width:100%;border:1px solid var(--control-line);border-radius:8px;padding:10px 12px;background:var(--surface-soft);color:var(--text-secondary);font-size:12px}.field textarea{border:1px solid var(--control-line);border-radius:8px;min-height:165px}.field small{display:block;font-size:10px;color:var(--text-faint);margin-top:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-weight:500;font-size:10px;color:var(--muted);background:var(--surface-soft);padding:11px 12px}td{padding:13px 12px;border-bottom:1px solid var(--line);color:var(--text-secondary)}td:first-child{color:var(--text-secondary)}.table-empty{text-align:center;padding:40px;color:var(--text-faint)}.table-toolbar{display:flex;gap:12px;margin-bottom:16px}.search-input{max-width:350px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;background:radial-gradient(ellipse at 30% 20%,#e3ecff,transparent 50%),var(--bg);padding:25px}.login-card{width:410px;max-width:100%;padding:36px}.login-card .brand{margin-bottom:36px}.login-card h1{font-size:24px;margin-bottom:10px}.login-card>p{font-size:12px;color:var(--muted);margin-bottom:26px}.login-card .primary-button{width:100%;margin-top:8px}.login-foot{font-size:10px!important;text-align:center;margin:23px 0 0!important;color:var(--text-faint)!important}.setting-pair{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-pair>span{color:var(--muted)}.setting-pair strong{font-weight:500;word-break:break-word;text-align:right}.admin-toast{margin-bottom:20px}.check-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:18px}.log-outcome{font-size:11px}.spaced-actions{display:flex;gap:10px}.admin-message{color:var(--muted);font-size:12px}.loading-text{padding:35px;text-align:center;color:var(--muted)}
.proxy-options{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:0 0 20px;background:var(--pale)}.proxy-options legend{font-size:12px;padding:0 6px}.proxy-choices{display:flex;gap:24px;flex-wrap:wrap}.proxy-choices label{cursor:pointer;font-size:12px}.proxy-options input[type=radio]{accent-color:var(--accent)}.proxy-options .field{margin:14px 0 0}.proxy-options p{font-size:11px;color:var(--muted);margin-top:10px}
.result-steps{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:8px 0 6px;padding:0;font-size:11px}.result-steps li{display:flex;align-items:center;gap:6px;color:var(--muted)}.step-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.result-steps .done{color:var(--accent)}.result-steps .active{color:var(--accent-dark);font-weight:600}.result-steps .active .step-dot{box-shadow:0 0 0 3px #3563d718}.result-steps .stopped{color:var(--notice-ink)}.status-pill.muted{background:var(--surface-inset);color:var(--muted)}
@media(max-width:760px){.sidebar .side-bottom{display:block;margin:0;padding:0;border:0}.sidebar .side-bottom>div{display:none}}
@media(min-width:1500px){.workspace{padding-top:50px}.page-heading{margin-bottom:40px}.input-card{padding:28px 30px}.tool-tabs{margin-top:25px}textarea{min-height:184px}}
@media(max-width:1320px){.workspace{margin:0 40px}.topbar{padding:0 40px}.admin-main{padding:30px}.sidebar{width:210px;padding:28px 20px}.admin-columns{grid-template-columns:1fr}.admin-card{min-width:0}}
@media(max-width:1000px){.work-grid{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.input-card{padding:22px}.tool-tab{padding:13px 10px;gap:8px}.tool-tab small{font-size:10px}.heading-note{display:none}.workspace{margin:0 25px;padding-top:30px}.guide-card{padding:20px}.topbar{padding:0 25px;gap:40px}.stats-grid{grid-template-columns:1fr 1fr}.admin-main{padding:26px}.sidebar{width:190px;padding:28px 15px}.sidebar .brand{font-size:20px}.sidebar .brand-sub{letter-spacing:1px}}
@media(max-width:760px){.topbar{height:74px;gap:25px;padding:0 20px}.topbar nav{gap:20px}.private-tag{display:none}.brand{font-size:22px}.brand-mark{width:36px;height:36px;font-size:31px}.brand-sub{font-size:6px}.workspace{margin:0 18px;padding-top:27px}h1{font-size:27px}.page-heading p{font-size:11px;max-width:290px;line-height:1.9}.page-heading{margin-bottom:25px}.eyebrow{font-size:8px}.work-grid{grid-template-columns:1fr}.input-card{padding:20px}.guide-stack{display:grid;grid-template-columns:1fr}.guide-card{display:none}.warm-card{padding:15px 18px}.service-status{padding:0 0 3px}.results-card{padding:20px;margin-top:18px}.card-title h2{font-size:15px}.card-title>.subtle{font-size:8px}.tool-tab{padding:13px 11px;gap:9px;font-size:12px}.tab-icon{font-size:23px}.tool-tab small{font-size:9px}.tool-tabs{gap:8px}.selected-dot{width:10px;height:10px}.editor-top{font-size:9px}.editor-bottom{font-size:9px}.action-caption{font-size:10px}.primary-button{padding:10px 14px;gap:14px}.result-row{align-items:flex-start;flex-direction:column;gap:12px}.result-value{width:100%;justify-content:flex-end}.empty-state h3{font-size:11px}.empty-state p{font-size:9px}footer{align-items:flex-start;gap:10px;flex-direction:column;font-size:9px;padding:23px 0}.admin-layout{flex-direction:column}.sidebar{width:100%;padding:18px 20px;flex-direction:row;gap:18px;align-items:center;border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap}.sidebar nav{flex-direction:row;gap:2px}.sidebar-label,.side-bottom{display:none}.side-button{font-size:11px;padding:7px 9px}.admin-main{padding:24px 18px}.admin-main h1{font-size:25px}.stats-grid{gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.admin-card{padding:18px}.admin-tag{font-size:8px}.card-title{flex-wrap:wrap}.table-toolbar{flex-wrap:wrap}.admin-columns{gap:0}.login-card{padding:28px}}

.export-tools{margin:16px 0;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.export-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.export-options select{width:auto;max-width:100%;padding:9px 12px;border:1px solid var(--control-line);border-radius:8px;background:white}.export-tools p{margin:12px 0 0;line-height:1.7}.export-select{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.export-select input{width:16px;height:16px;accent-color:var(--accent)}
.log-summary,.log-detail{min-width:260px;max-width:760px;white-space:normal;overflow-wrap:anywhere}.log-detail summary{cursor:pointer;line-height:1.7}.log-detail summary span{display:block;color:var(--accent);font-size:12px}.log-detail pre{margin:10px 0 0;padding:12px;background:var(--pale);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;font-family:Consolas,"Microsoft YaHei",monospace}

/* Keep admin and manager feedback visible while scrolling long pages. */
#admin-toast.admin-toast,#notice.admin-toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;margin:0;box-shadow:var(--shadow)}
#admin-toast.admin-toast:not(.error),#notice.admin-toast:not(.error){background:var(--notice-bg);color:var(--notice-ink);border:1px solid var(--notice-line)}

/* The startup guide uses scoped styles so other dialogs keep their layout. */
#help-dialog{max-width:580px;max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
.usage-form{display:flex;flex-direction:column;max-height:calc(100dvh - 36px)}
.usage-header{padding:24px 28px 18px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#edf3ff,#fff)}
.usage-header .eyebrow{margin-bottom:8px;color:var(--accent-dark)}
.usage-header h2{margin:0;font-size:23px;letter-spacing:-.4px}
.usage-header p{margin:6px 0 0;color:var(--text-secondary);font-size:13px}
.usage-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 28px;scrollbar-gutter:stable}
.usage-body:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.usage-steps{display:grid;gap:17px;list-style:none;margin:0;padding:0}
.usage-steps>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px}
.usage-number{display:grid;place-items:center;align-self:start;height:28px;border-radius:8px;background:var(--pale);color:var(--accent-dark);font-size:11px;font-weight:700}
.usage-steps h3{font-size:14px;margin:2px 0 5px;color:var(--ink)}
.usage-steps p{font-size:13px;line-height:1.75;margin:3px 0;color:var(--text-secondary);overflow-wrap:anywhere}
.usage-steps strong{font-weight:650;color:var(--ink)}
.usage-steps .usage-key{color:var(--accent-dark);white-space:nowrap}
.usage-steps p code{display:inline-block;white-space:nowrap}
.usage-format{display:block;width:fit-content;max-width:100%;padding:7px 11px;margin:7px 0;border:1px solid #cfddf6;border-radius:7px;background:var(--pale);color:var(--accent-dark);font-size:14px;font-weight:600;overflow-wrap:anywhere}
.usage-steps .usage-important{margin-top:8px;padding:6px 9px;border-radius:6px;background:var(--notice-bg)}
.usage-important strong{color:var(--notice-ink);font-size:12px}
.usage-steps .usage-caption{font-size:12px;color:var(--text-secondary)}
.usage-save{margin:18px 0 14px;padding:11px 14px;border:1px solid var(--notice-line);border-radius:9px;background:var(--notice-bg);color:var(--notice-ink)}
.usage-save>strong{font-size:13px;font-weight:650}
.usage-save p{font-size:12px;color:var(--text-secondary);line-height:1.75;margin:3px 0 0}
.usage-details{font-size:12px;color:var(--text-secondary)}
.usage-details summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;line-height:1.6;padding:5px 0;color:var(--text-secondary)}
.usage-details summary::-webkit-details-marker{display:none}
.usage-details summary>span{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--accent-dark);font-size:11px}
.usage-details summary>span::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.usage-details[open] summary>span::after{transform:rotate(225deg);margin-top:3px}
.usage-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.usage-details-body{padding:8px 0 0;border-top:1px solid var(--line);margin-top:8px}
.usage-details-body h3{font-size:12px;margin:14px 0 5px;color:var(--ink)}
.usage-details-body p{font-size:12px;line-height:1.85;margin:8px 0;color:var(--text-secondary);overflow-wrap:anywhere}
.usage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;border-top:1px solid var(--line);padding:16px 28px;background:#fff}
.usage-footer>span{font-size:11px;color:var(--text-secondary)}
.usage-footer .primary-button{min-height:42px}
@media(max-width:520px){.usage-header{padding:20px 20px 15px}.usage-header h2{font-size:21px}.usage-body{padding:16px 20px}.usage-steps{gap:14px}.usage-steps>li{grid-template-columns:24px minmax(0,1fr);gap:9px}.usage-number{height:24px}.usage-format{font-size:13px;padding:6px 8px}.usage-footer{flex-direction:column;gap:9px;padding:13px 20px}.usage-footer .primary-button{width:100%}.usage-details summary{font-size:11px}}
