Spaces:
Running
Running
File size: 5,062 Bytes
f5c8128 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | :root{--nav:#232f3e;--nav-fg:#fff;--bg:#f2f3f3;--card:#fff;--fg:#16191f;--muted:#545b64;--line:#d5dbdb;--accent:#ec7211;--accent-fg:#fff;--link:#0073bb;--ok:#1d8102;--warn:#8d6605;--bad:#d13212;--code:#f8f9fa;--info:#f1faff;--info-line:#0073bb}
@media (prefers-color-scheme:dark){:root{--bg:#0f1b2a;--card:#16232f;--fg:#eaeded;--muted:#a7b1bb;--line:#33414f;--link:#5fb4f0;--ok:#6cc24a;--warn:#e2b93b;--bad:#ff7a66;--code:#0f1b2a;--accent-fg:#111;--info:#12293a;--info-line:#5fb4f0}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 "Open Sans","Helvetica Neue",Roboto,Arial,sans-serif}
a{color:var(--link)}h1{font-size:1.65rem;line-height:1.25;margin:0 0 8px}h2,h3{font-size:1rem;margin:0 0 8px}p{margin:0 0 10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.top{display:flex;align-items:center;gap:12px;background:var(--nav);color:var(--nav-fg);padding:8px 16px}.brand{white-space:nowrap}.crumb{color:#d5dbdb;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow{flex:1}
.lang select{background:transparent;color:inherit;border:1px solid #687078;border-radius:2px;padding:3px 6px;font:inherit;font-size:.85rem}.lang option{color:#111}
.banner{background:var(--info);border-bottom:1px solid var(--info-line);padding:8px 16px;font-size:.88rem}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 90px)}
.side{background:var(--card);border-right:1px solid var(--line);padding:16px}.side h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px}.side ul{list-style:none;margin:0;padding:0}
.side button{all:unset;display:block;width:100%;box-sizing:border-box;padding:6px 8px;border-left:3px solid transparent;cursor:pointer;font-size:.92rem}.side button:hover{background:var(--bg)}.side button[aria-current=true]{border-left-color:var(--accent);font-weight:700}.side button:focus-visible{outline:2px solid var(--link)}.side-note{margin-top:18px;font-size:.85rem}
main{padding:20px 24px 40px;min-width:0;max-width:980px}.kicker{color:var(--accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}.prompt{font-style:italic;color:var(--muted)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:2px;box-shadow:0 1px 1px rgba(0,28,36,.2);padding:14px 16px;margin:14px 0;min-width:0}.head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.head h3{margin:0}.muted{color:var(--muted);font-size:.88rem}
button.primary{font:inherit;font-weight:700;background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);border-radius:2px;padding:5px 16px;cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}button.ghost{font:inherit;background:transparent;color:var(--fg);border:1px solid var(--muted);border-radius:2px;padding:5px 14px;cursor:pointer}button.ghost:disabled{opacity:.5;cursor:default}
.steps{list-style:none;margin:0;padding:0}.steps li{border-left:3px solid var(--line);padding:6px 0 6px 12px;margin:8px 0;min-width:0}.steps li.warn{border-left-color:var(--warn)}.steps li.bad{border-left-color:var(--bad)}.steps li.ok{border-left-color:var(--ok)}.steps strong{display:block}.tag{display:inline-block;font-size:.75rem;font-weight:700;border-radius:2px;padding:0 6px;margin-left:6px}.tag.warn{color:var(--warn);border:1px solid var(--warn)}.tag.bad{color:var(--bad);border:1px solid var(--bad)}.tag.ok{color:var(--ok);border:1px solid var(--ok)}
code,pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem}pre{background:var(--code);border:1px solid var(--line);border-radius:2px;padding:8px 10px;overflow:auto;margin:6px 0 0;white-space:pre-wrap;word-break:break-word}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:10px 0}.stats div{border-left:2px solid var(--line);padding-left:10px}.stats dt{font-size:.78rem;color:var(--muted)}.stats dd{margin:0;font-size:1.35rem;font-weight:300}.stats dd.warn{color:var(--warn)}.stats dd.bad{color:var(--bad)}.stats dd.ok{color:var(--ok)}
label{display:block;font-weight:700;font-size:.85rem;margin-bottom:3px}input,textarea{width:100%;font:inherit;color:inherit;background:var(--card);border:1px solid var(--muted);border-radius:2px;padding:6px 8px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.foot{margin-top:24px;padding-top:12px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}
ul.clean{margin:6px 0 0;padding-left:18px}
@media (max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.side{border-right:0;border-bottom:1px solid var(--line);padding:10px 16px}.side ul{display:flex;flex-wrap:wrap;gap:4px}.side button{width:auto;border-left:0;border-bottom:3px solid transparent;padding:4px 8px}.side button[aria-current=true]{border-bottom-color:var(--accent)}.side-note{margin-top:8px}main{padding:16px}.crumb{display:none}}
|