.sys{min-height:100vh;background:var(--color-bg);position:relative;z-index:2}.sys-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--spacing-gutter);border-bottom:1px solid var(--color-hairline);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted)}.sys-bar a:hover{color:var(--color-ink)}.sys-wrap{max-width:1180px;margin:0 auto;padding:clamp(32px,5vw,72px) var(--spacing-gutter) 120px}.sys .grid>*{min-width:0}@media (max-width:819px){.sys .grid{grid-template-columns:minmax(0,1fr)}}.sys-field{display:grid;gap:7px}.sys-field>span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-label)}.sys .input,.sys-field>span{font-family:var(--font-mono)}.sys .input{font-size:16px;border-radius:0;appearance:none}.sys textarea.input{min-height:120px;line-height:1.6;resize:vertical}.sys select.input{background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}.sys-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;align-items:end}.sys-opt{display:grid;gap:10px;text-align:left;padding:22px 22px 20px;border:1.5px solid var(--color-ink);background:#fff;color:var(--color-ink);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.sys-opt:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-ink)}.sys-opt[aria-pressed=true]{background:var(--color-teal);color:#fff;box-shadow:5px 5px 0 var(--color-ink)}.sys-opt[aria-pressed=true] .sys-opt-sub{color:var(--color-teal-tint)}.sys-opt-sub{font-size:14px;line-height:1.55;color:var(--color-muted)}.sys-opt:disabled{cursor:default;opacity:.55;box-shadow:none;transform:none}.sys-steps{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.sys-steps span{padding:7px 10px;border:1px solid;opacity:.4}.sys-steps span.on{opacity:1;background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.sys-note{font-size:12.5px;line-height:1.6;color:var(--color-muted)}.sys-err,.sys-note{font-family:var(--font-mono)}.sys-err{border:1.5px solid #b4452f;background:rgba(180,69,47,.1);padding:12px 14px;font-size:13px;line-height:1.55}.sys-banner{border:1.5px dashed var(--color-teal-light);color:var(--color-teal-light);padding:12px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;line-height:1.6}.sys-item-head{display:flex;align-items:center;gap:18px;width:100%;padding:22px 0;background:none;border:0;color:inherit;cursor:pointer;text-align:left;min-height:48px}.sys-dot{flex:none;width:30px;height:30px;border:1.5px solid var(--color-label);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;color:var(--color-label)}.sys-dot.done{background:var(--color-teal);border-color:var(--color-teal)}.sys-item-body{padding:4px 0 30px 48px;display:grid;gap:18px;max-width:760px}@media (max-width:700px){.sys-item-body{padding-left:0}.sys-item-head{gap:12px}.sys-item-head .sys-pill{display:none}}.sys-meter{height:6px;background:var(--color-card)}.sys-meter>i{display:block;height:100%;background:var(--color-teal-light);transition:width .5s}.sys-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));border-top:1px solid var(--color-hairline);border-left:1px solid var(--color-hairline)}.sys-tile{background:var(--color-band);padding:20px 20px 18px;display:grid;gap:8px;align-content:start;border-right:1px solid var(--color-hairline)}.sys-tabs,.sys-tile{border-bottom:1px solid var(--color-hairline)}.sys-tabs{display:flex;flex-wrap:wrap;gap:0}.sys-tab{padding:14px 18px;background:none;border:0;border-bottom:2px solid transparent;color:var(--color-muted);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.sys-tab.on{color:var(--color-ink);border-bottom-color:var(--color-teal-light)}.sys-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:13px}.sys-table th{text-align:left;font-weight:500;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-label);padding:12px 10px;white-space:nowrap}.sys-table td,.sys-table th{border-bottom:1px solid var(--color-hairline)}.sys-table td{padding:13px 10px;vertical-align:top}.sys-table tr.row{cursor:pointer}.sys-table tr.row:hover td{background:rgba(237,234,226,.035)}.sys-scroll{overflow-x:auto}.sys-pill{display:inline-block;padding:3px 8px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border:1px solid;white-space:nowrap}.sys-pill.ok{color:var(--color-teal-light)}.sys-pill.warn{color:#d9a441}.sys-pill.bad{color:#d9705a}.sys-checks{display:flex;gap:4px}.sys-checks i{width:11px;height:11px;border:1px solid var(--color-label);display:block}.sys-checks i.on{background:var(--color-teal-light);border-color:var(--color-teal-light)}.sys-detail{background:var(--color-deep);padding:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));font-size:13px;line-height:1.6}.sys-detail h4{margin:0 0 8px;font-family:var(--font-mono);font-weight:500;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-teal-light)}.sys-detail p{margin:0 0 6px;color:var(--color-body);white-space:pre-wrap}.sys-btn-sm{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;border:1px solid rgba(237,234,226,.4);background:none;color:var(--color-ink);cursor:pointer;min-height:40px}.sys-btn-sm:hover{background:rgba(237,234,226,.06)}.sys-btn-sm.solid{background:var(--color-teal);border-color:var(--color-teal)}.sys{--color-bg:#f5f1e7;--color-band:#fbf9f3;--color-card:#ffffff;--color-deep:#ece7da;--color-ink:#1c1f1e;--color-body:#2a2e2d;--color-muted:#5c6462;--color-label:#6b7270;--color-hairline:rgba(28,31,30,0.16);--color-teal-light:#2f5a65;--sys-warn:#8a5a00;--sys-bad:#a33a24;color:var(--color-ink)}.sys ::selection{background:var(--color-teal);color:#fff}.sys .input{background:#fff;border:1.5px solid rgba(28,31,30,.3);color:var(--color-ink)}.sys .input:focus{border-color:var(--color-teal)}.sys .input::placeholder{color:#8b918f}.sys .btn-primary{color:#fff}.sys .btn-outline{border:1.5px solid var(--color-ink);background:#fff;color:var(--color-ink)}.sys-btn-sm{border-color:rgba(28,31,30,.35);background:#fff}.sys-btn-sm:hover{border-color:var(--color-ink);background:#fff}.sys-btn-sm.solid{color:#fff}.sys-table tr.row:hover td{background:rgba(28,31,30,.04)}.sys-meter{background:rgba(28,31,30,.1)}.sys-meter>i{background:var(--color-teal)}.sys-pill.warn{color:var(--sys-warn)}.sys-pill.bad{color:var(--sys-bad)}.sys-err{border-color:var(--sys-bad);background:rgba(163,58,36,.07);color:var(--color-ink)}.sys-checks i{border-color:rgba(28,31,30,.35)}.sys-checks i.on{background:var(--color-teal);border-color:var(--color-teal)}.sys-dot.done{color:#fff}.sys-item{background:var(--color-bg)}.sys-tile{background:#fff}body:has(.sys) .texture-grain,body:has(.sys) .texture-paper{opacity:.5}.sys-item-body>*{min-width:0}@media (max-width:700px){.sys .btn{white-space:normal;text-align:center}}