:root{--bg:#f5f0e8;--card:#fffcf7;--ink:#30302e;--brown:#755640;--line:#d6cfc5;--terra:#dc7656;--muted:#6d6963}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,sans-serif}.shell{max-width:1100px;margin:auto;padding:24px 16px 56px}.top{background:var(--card);border-bottom:1px solid var(--line)}.nav{max-width:1100px;margin:auto;padding:12px 16px;display:flex;gap:14px;align-items:center}.brand{font-weight:800;color:var(--ink);text-decoration:none}.spacer{flex:1}button,.button{border:1px solid var(--line);border-radius:7px;padding:10px 14px;background:var(--card);color:var(--ink);font:inherit;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer}.primary{background:var(--brown);color:#fff;border-color:var(--brown)}.lang button{padding:5px 8px}.lang button.active{background:var(--brown);color:#fff}.stepper{display:flex;gap:6px;overflow:auto;padding:12px 0;margin-bottom:18px}.stepper span{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;color:var(--muted)}.stepper .active{background:var(--brown);border-color:var(--brown);color:#fff}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}.card h2,.panel h2{margin-top:0}.eyebrow,.status{font-size:12px;color:var(--brown);font-weight:800}.notice{border-left:4px solid var(--terra);padding:10px;background:#f8e8dd}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wide{grid-column:1/-1}label{font-weight:700;font-size:14px}label small{display:block;color:var(--muted);font-weight:400}input,select,textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#fffdf9}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.viewer{height:430px;position:relative;border:1px solid var(--line);border-radius:10px;background:#fffdf9;overflow:hidden}.viewer svg{width:100%;height:100%}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{border:1px solid var(--line);border-radius:7px;padding:9px}.metric small{display:block;color:var(--muted)}details{margin-top:10px}summary{color:var(--brown);font-weight:800;cursor:pointer}@media(max-width:650px){.cards,.grid,.metrics{grid-template-columns:1fr}.wide{grid-column:auto}.viewer{height:370px}.nav{gap:8px}.stepper{margin-left:-4px;margin-right:-4px}.table{font-size:12px}.shell{padding:16px 10px 38px}}