:root{--ug-ink:#17151a;--ug-claret:#0B7480;--ug-soft:#faf8f9;--ug-line:#e4dfe2;--ug-muted:#655f68;--ug-good:#edf4f0;--ug-info:#eef1f7}
*{box-sizing:border-box}.ug-shell{display:flex;min-height:calc(100vh - 64px)}.ug-main{flex:1;min-width:0;padding:26px 30px 70px;background:#faf9fa}.ug-wrap{max-width:1180px;margin:0 auto}.ug-hero,.ug-card{background:#fff;border:1px solid var(--ug-line);border-radius:4px}.ug-hero{padding:28px 30px;border-top:3px solid var(--ug-claret);margin-bottom:18px}.ug-kicker{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ug-claret);margin-bottom:8px}.ug-hero h1{margin:0 0 10px;font:700 34px/1.15 Georgia,serif}.ug-hero p{margin:0;max-width:90ch;font:15px/1.65 Georgia,serif;color:#45404a}.ug-start{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.ug-start a{display:block;padding:13px;border:1px solid var(--ug-line);border-radius:4px;background:#fff;color:#000;text-decoration:none;font-size:13px;line-height:1.4}.ug-start a b{display:block;color:var(--ug-claret);margin-bottom:4px}.ug-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;margin:18px 0}.ug-tools input{height:42px;border:1px solid #cfc8cd;border-radius:3px;padding:0 12px;font-size:14px}.ug-btn{height:42px;padding:0 14px;border:1px solid var(--ug-claret);border-radius:3px;background:var(--ug-claret);color:#fff;font-weight:750;cursor:pointer}.ug-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}.ug-toc{position:sticky;top:82px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;background:#fff;border:1px solid var(--ug-line);border-radius:4px;padding:12px}.ug-toc b{display:block;padding:8px 8px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ug-toc a{display:block;padding:7px 8px;border-radius:3px;color:#000;text-decoration:none;font-size:12.5px}.ug-toc a:hover{background:#F4F7F8}.ug-card{padding:21px 23px;margin-bottom:14px;scroll-margin-top:84px}.ug-card h2{margin:0 0 7px;font:700 21px/1.25 Georgia,serif}.ug-card .ug-purpose{margin:0 0 13px;color:#45404a;line-height:1.55}.ug-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ug-block{padding:12px;border:1px solid var(--ug-line);border-radius:3px;background:var(--ug-soft)}.ug-block h3{margin:0 0 7px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.ug-block ol,.ug-block ul{margin:0;padding-left:19px;font-size:13px;line-height:1.5}.ug-block li{margin:5px 0}.ug-output{margin-top:12px;padding:10px 12px;background:var(--ug-info);border-left:3px solid #61718a;font-size:12.5px;line-height:1.5}.ug-limit{margin-top:10px;padding:10px 12px;background:#EDF9FA;border-left:3px solid var(--ug-claret);font-size:12.5px;line-height:1.5}.ug-flow{padding:17px 18px;margin:0 0 18px;border:1px solid var(--ug-line);border-radius:4px;background:#fff;scroll-margin-top:84px}.ug-flow h2{margin:0 0 10px;font:700 21px Georgia,serif}.ug-flowline{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.ug-step{padding:7px 9px;border:1px solid #cfc8cd;border-radius:3px;background:#fff;font-size:12.5px;font-weight:700}.ug-arrow{color:var(--ug-claret);font-weight:900}.ug-hidden{display:none!important}.ug-footer{margin-top:22px;color:var(--ug-muted);font-size:12px;line-height:1.5}
html[data-theme="dark"] .ug-main{background:#151317;color:#fff}html[data-theme="dark"] .ug-hero,html[data-theme="dark"] .ug-card,html[data-theme="dark"] .ug-toc,html[data-theme="dark"] .ug-flow,html[data-theme="dark"] .ug-start a{background:#1e1b20;border-color:#3a353c;color:#fff}html[data-theme="dark"] .ug-hero p,html[data-theme="dark"] .ug-card .ug-purpose{color:#d2cbd1}html[data-theme="dark"] .ug-block{background:#272329;border-color:#3a353c}html[data-theme="dark"] .ug-toc a,html[data-theme="dark"] .ug-start a{color:#fff}html[data-theme="dark"] .ug-output{background:#232a35}html[data-theme="dark"] .ug-limit{background:#16343B}
@media(max-width:1050px){.ug-start{grid-template-columns:repeat(2,1fr)}.ug-layout{grid-template-columns:1fr}.ug-toc{position:static;max-height:none;display:flex;flex-wrap:wrap}.ug-toc b{width:100%}.ug-toc a{display:inline-block}}@media(max-width:900px){.ug-shell{display:block}.ug-main{padding:20px 15px 60px}}@media(max-width:650px){.ug-start,.ug-grid{grid-template-columns:1fr}.ug-tools{grid-template-columns:1fr}.ug-hero{padding:22px 18px}.ug-hero h1{font-size:28px}.ug-card{padding:17px}}