@layer components{.draw-stage{align-items:center;gap:var(--space-3);min-width:0;padding-top:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:clip}.draw-caption{max-width:100%;min-height:calc(var(--text-xl) * var(--leading-title-cjk));font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-title-cjk);text-align:center;overflow-wrap:anywhere}.draw-caption__kicker{color:var(--color-indigo);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-stamp);text-transform:uppercase}:lang(ko) .draw-caption__kicker,:lang(ja) .draw-caption__kicker,:lang(zh-Hant) .draw-caption__kicker{letter-spacing:0}.draw-note{max-width:44ch;font-size:var(--text-sm);color:var(--color-text-2);text-align:center}.draw-note--warn{color:var(--color-danger);font-weight:var(--weight-semibold)}.draw-actions{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.draw-actions .btn{white-space:normal}.draw-stamp{right:calc(var(--space-4) * -1);top:calc(var(--space-4) * -1);z-index:3;width:var(--stamp-size);height:var(--stamp-size);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-stamp);box-shadow:inset 0 0 0 2px var(--color-accent), inset 0 0 0 calc(var(--space-1) + 1px) color-mix(in srgb, var(--color-on-accent) 70%, transparent);pointer-events:none;animation:draw-stamp-in var(--dur-4) var(--ease-overshoot) var(--dur-4) both;place-items:center;display:grid;position:absolute;transform:rotate(-14deg)}.draw-stamp.is-instant{opacity:.94;animation:none}@keyframes draw-stamp-in{0%{opacity:0;transform:rotate(-14deg)scale(2.1)}60%{opacity:1;transform:rotate(-14deg)scale(.92)}to{opacity:.94;transform:rotate(-14deg)scale(1)}}@keyframes draw-fade{0%{opacity:0}}@keyframes draw-rise{0%{opacity:0;transform:translateY(var(--space-2))}}@keyframes draw-unfold{0%{opacity:0;transform:rotateX(-88deg) translateY(calc(var(--space-4) * -1))}30%{opacity:1}to{opacity:1;transform:none}}.draw-side{gap:var(--space-3);min-width:0;padding:var(--space-4);background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);align-content:start;display:grid}.draw-side__head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.draw-side__title{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold);flex-wrap:wrap;display:inline-flex}.draw-side__count{font-size:var(--text-sm);color:var(--color-text-3)}.draw-hint,.draw-counts{font-size:var(--text-sm);color:var(--color-text-2)}.draw-counts strong{color:var(--color-text)}.draw-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.draw-row .btn{white-space:normal}.draw-textarea{min-height:calc(var(--target-min) * 4);font-size:var(--text-md)}.draw-fields{gap:var(--space-2);min-width:0;padding:var(--space-3) 0 0;border:0;border-top:var(--border-w) dashed var(--color-border);margin:0;display:grid}.draw-fields legend{float:left;width:100%;margin-bottom:var(--space-2);padding:0}.draw-cells{gap:var(--space-1);clear:both;grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));padding:0;list-style:none;display:grid}.draw-cells li{align-items:center;gap:var(--space-1);grid-template-columns:auto minmax(0,1fr);display:grid}.draw-cells__num{min-width:var(--space-5);color:var(--color-text-3);font-size:var(--text-xs);text-align:right}.draw-cells .input{width:100%;min-height:var(--target-s);padding:0 var(--space-2);font-size:var(--text-sm)}@media (pointer:coarse){.draw-cells .input{min-height:var(--target-min)}}.draw-stepper{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.draw-stepper .draw-side__title{margin-right:auto}.draw-stepper__value{width:calc(var(--space-8) + var(--space-2));min-height:var(--target-s);text-align:center}.draw-results{gap:var(--space-3);min-width:0;padding:var(--space-4);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.draw-results h2{align-items:center;gap:var(--space-2);font-size:var(--text-lg);flex-wrap:wrap;display:inline-flex}.draw-results h2 svg{width:var(--icon-m);height:var(--icon-m);color:var(--color-accent)}.draw-table{width:100%;max-width:var(--measure);border-collapse:collapse;font-size:var(--text-sm)}.draw-table :is(th,td){padding:var(--space-2) var(--space-3);border-bottom:var(--border-w) dashed var(--color-border);text-align:left;overflow-wrap:anywhere}.draw-table thead th{color:var(--color-text-2);font-weight:var(--weight-medium);border-bottom:var(--border-w) solid var(--color-text)}.draw-table tbody th{font-weight:var(--weight-semibold)}.draw-table tbody tr{animation:draw-rise var(--dur-3) var(--ease-out) both}.draw-id{font-size:var(--text-xs);color:var(--color-text-2)}.draw-id .num{font-family:var(--font-mono);color:var(--color-text)}.draw-history{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-w) dashed var(--color-border);display:grid}.draw-stage.is-present{z-index:var(--z-dialog);padding:var(--space-7) var(--space-4) var(--space-4);background-color:var(--color-bg);background-image:var(--paper-grain);justify-content:center;position:fixed;inset:0;overflow:auto}.draw-stage.is-present .draw-caption{font-size:var(--text-3xl);min-height:calc(var(--text-3xl) * var(--leading-title-cjk))}@media (prefers-reduced-motion:reduce){.draw-stamp{opacity:.94;animation:none}.draw-table tbody tr{animation:none}}}