.ds224-lab{margin-top:18px}.ds224-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.ds224-tabs,.ds224-actions{display:flex;flex-wrap:wrap;gap:8px}.ds224-tabs button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 12px;font-weight:760}.ds224-tabs button.active{outline:2px solid var(--ink)}.ds224-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;margin-top:12px}.ds224-stage,.ds224-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:12px}.ds224-screen{min-height:300px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;place-items:center;text-align:center;padding:14px}.ds224-digit{font:900 clamp(4rem,15vw,7.5rem)/1 system-ui}.ds224-answer{font:850 1.15rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;min-height:44px}.ds224-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.ds224-pad button{min-height:44px}.ds224-side{display:grid;gap:10px}.ds224-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.ds224-metrics>div{background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:9px}.ds224-metrics small{display:block;color:var(--muted);font-size:.7rem}.ds224-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ds224-row label{display:grid;gap:4px;font-size:.8rem;color:var(--muted)}.ds224-row input,.ds224-row select,.ds224-backup{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:8px;background:var(--card);color:var(--ink)}.ds224-profile{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.ds224-profile>div{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--soft);font-size:.78rem}.ds224-review{display:grid;gap:6px;max-height:330px;overflow:auto}.ds224-review>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;border-bottom:1px solid var(--line);padding:7px 0;font-size:.82rem}.ds224-status{padding:10px 12px;border-radius:12px;background:var(--soft);min-height:44px;line-height:1.45}.ds224-large .ds224-pad button{min-height:54px;font-size:1.05rem}.ds224-high .ds224-stage,.ds224-high .ds224-card{outline:2px solid var(--ink)}.ds224-reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:860px){.ds224-grid{grid-template-columns:1fr}.ds224-side{grid-template-columns:1fr 1fr}.ds224-metrics{grid-template-columns:repeat(2,1fr)}.ds224-profile,.ds224-row{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ds224-side,.ds224-profile,.ds224-row{grid-template-columns:1fr}.ds224-tabs button{padding:8px 9px;font-size:.84rem}.ds224-screen{min-height:240px}.ds224-pad{gap:5px}.ds224-pad button{min-height:40px}}