.ao8-draw{--draw-ink:#183047;--draw-muted:#526779;--draw-border:#cbd5df;--draw-surface:#f7f9fc;--draw-warn:#8c4211;color:var(--draw-ink);font:inherit;line-height:1.6;min-width:0;container-type:inline-size}
.ao8-draw h2,.ao8-draw h3,.ao8-draw h4{margin:0 0 12px;line-height:1.4}.ao8-draw h2{font-size:22px}.ao8-draw h3{font-size:18px}.ao8-draw h4{font-size:16px}.ao8-draw p{margin:8px 0;overflow-wrap:anywhere}.ao8-draw .draw-muted{color:var(--draw-muted)}
.ao8-draw .draw-toolbar,.ao8-draw .draw-actions{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}.ao8-draw label{display:grid;gap:6px;font-size:14px;font-weight:600;min-width:0}.ao8-draw input,.ao8-draw select{box-sizing:border-box;min-height:44px;max-width:100%;width:220px;background:#fff;color:var(--draw-ink);border:1px solid var(--draw-border);border-radius:8px;padding:10px 12px;font:inherit}.ao8-draw button{cursor:pointer;min-height:44px;border-radius:8px;border:1px solid var(--draw-border);background:#fff;color:#184f8a;padding:9px 14px;font:inherit;transition:background .15s}.ao8-draw button:hover:not(:disabled){background:#eef5ff}.ao8-draw button:disabled{cursor:default;opacity:.55}.ao8-draw :is(button,input,select,pre):focus-visible{outline:3px solid #266dc4;outline-offset:3px}
.ao8-draw .draw-status{background:#eef3f9;border-radius:8px;padding:12px 16px;min-height:24px}.ao8-draw .draw-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.ao8-draw .draw-section{min-width:0;border:1px solid var(--draw-border);border-radius:12px;padding:18px;background:#fff}.ao8-draw .draw-item{padding:14px 0;border-top:1px solid #dde4ec}.ao8-draw .draw-warning{color:var(--draw-warn);background:#fff5e7;border-radius:6px;padding:8px 12px}.ao8-draw .draw-meta{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:6px 14px;margin:12px 0}.ao8-draw dt{color:var(--draw-muted)}.ao8-draw dd{margin:0;overflow-wrap:anywhere}.ao8-draw .draw-raw{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:480px;overflow:auto;background:var(--draw-surface);border:1px solid var(--draw-border);border-radius:8px;padding:16px;font:13px/1.6 ui-monospace,Consolas,monospace}.ao8-draw [hidden]{display:none!important}
@container(max-width:760px){.ao8-draw .draw-grid{grid-template-columns:1fr}.ao8-draw .draw-meta{grid-template-columns:1fr;gap:2px}.ao8-draw dd{margin-bottom:8px}.ao8-draw .draw-toolbar label{flex:1 1 180px}.ao8-draw input,.ao8-draw select{width:100%}}
@media(prefers-reduced-motion:reduce){.ao8-draw button{transition:none}}