.card[data-v-caf05880]{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px;display:grid;gap:18px;box-shadow:0 6px 28px #11182714}.card-head[data-v-caf05880]{display:grid;gap:6px}.title[data-v-caf05880]{margin:0;font-size:20px;font-weight:700;letter-spacing:.2px;color:#0f172a}.subtitle[data-v-caf05880]{margin:0;color:var(--muted);font-size:13px;letter-spacing:.2px}.desc[data-v-caf05880]{margin:0;color:var(--text);opacity:.9;line-height:1.6}.showcase[data-v-caf05880]{background:#0f1422;border:1px solid var(--border);border-radius:14px;padding:20px;display:grid;place-items:center;min-height:150px}.card--warm .showcase[data-v-caf05880]{background:#fff7ed;border-color:#fed7aa}.card--cool .showcase[data-v-caf05880]{background:#eef2ff;border-color:#c7d2fe}.card--vivid .showcase[data-v-caf05880]{background:#fdf2f8;border-color:#fbcfe8}.page{max-width:1200px;margin:0 auto;padding:72px 24px 96px;display:grid;gap:52px}.hero{display:grid;gap:10px;text-align:left}.hero-title{margin:0;font-size:40px;font-weight:800;letter-spacing:.2px}.hero-sub{margin:0;color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:start}@media (max-width: 960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid{grid-template-columns:1fr}}.panel{width:100%;display:grid;gap:12px}.digits{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:2px;text-align:center}.digits.big{font-size:34px}.labels{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:12px}.dial{width:160px;height:160px;border-radius:50%;margin:0 auto;background:conic-gradient(var(--accent) 45%,#1f2433 0);position:relative;display:grid;place-items:center}.dial:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#0f1422;border:1px solid var(--border)}.dial-inner{position:relative;display:grid;gap:8px;place-items:center}.pct{font-size:14px;color:var(--muted)}.status-row{display:flex;align-items:center;gap:12px;justify-content:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.2px}.pill.ok{color:#0b1b0f;background:#34d399}.meta{color:var(--muted);font-size:12px}.code{background:#0f1422;border:1px solid var(--border);border-radius:10px;padding:12px;margin:0;font-size:13px;line-height:1.6;overflow:auto}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-item{background:#0f1422;border:1px solid var(--border);border-radius:10px;padding:10px;display:grid;gap:6px;justify-items:center}.summary-item .label{color:var(--muted);font-size:12px}.summary-item .value{font-weight:700}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.swatch{background:var(--c);border-radius:10px;height:56px;display:grid;place-items:end;padding:8px;color:#0b0d12;font-weight:700;border:1px solid var(--border)}.gradient{height:64px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(90deg,#5b8cff,#34d399,#a78bfa)}.contrast{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:12px}.card--left{grid-column:1 / span 5}.card--right{grid-column:6 / span 7}.card--full{grid-column:1 / -1}@media (max-width: 960px){.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}.card--left{grid-column:1 / span 3}.card--right{grid-column:4 / span 3}.card--full{grid-column:1 / -1}}@media (max-width: 640px){.grid{grid-template-columns:1fr;gap:24px}.card--left,.card--right,.card--full{grid-column:1 / -1}}