@layer wr.tools{.wrt-sim-make{transition:border-color var(--wr-dur-base) var(--wr-ease-out), box-shadow var(--wr-dur-base) var(--wr-ease-out);container:wrt-sim-make/inline-size}.wrt-sim-make.is-drag{border-color:var(--wr-primary);box-shadow:var(--wr-glow-primary)}.wrt-sim-mode .wrt-field__head{display:none}.wrt-sim-mode .wrt-seg__face{min-height:44px}.wrt-sim-stagebox{justify-items:center;min-width:0;display:grid}.wrt-sim-view{aspect-ratio:1;border-radius:var(--wr-radius-lg);background:var(--wr-bg-deep);border:1px solid var(--wr-border);width:100%;max-width:440px;box-shadow:var(--wr-shadow-md);position:relative;overflow:hidden}.wrt-sim-view__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.wrt-sim-view.is-crop .wrt-sim-view__canvas{touch-action:none;cursor:grab}.wrt-sim-view.is-dragging .wrt-sim-view__canvas{cursor:grabbing}.wrt-sim-view__canvas:focus-visible{outline:3px solid var(--wr-focus);outline-offset:-3px;border-radius:inherit}.wrt-sim-drop{justify-items:center;gap:var(--wr-space-2);width:100%;padding:var(--wr-space-5) var(--wr-space-4) var(--wr-space-4);border:2px dashed var(--wr-border-strong);border-radius:var(--wr-radius-lg);background:radial-gradient(80% 60% at 50% 0%, color-mix(in oklab, var(--wr-brand-aurora) 10%, transparent), transparent 70%), var(--wr-bg-deep);text-align:center;transition:border-color var(--wr-dur-base) var(--wr-ease-out), transform var(--wr-dur-base) var(--wr-ease-bounce);display:grid;position:relative}.is-drag .wrt-sim-drop{border-color:var(--wr-primary);transform:scale(1.01)}.wrt-sim-stagebox.is-busy .wrt-sim-drop{opacity:.75}.wrt-sim-drop__tosk{width:112px;height:auto;margin-bottom:-6px}.wrt-sim-drop__title{font:var(--wr-weight-black) var(--wr-text-lg)/1.2 var(--wr-font-display);color:var(--wr-text);margin:0}.wrt-sim-drop__text{margin:0 0 var(--wr-space-1);color:var(--wr-text-muted)}.wrt-sim-drop .wrt-hint{margin:0}.wrt-sim-drop__status:empty{display:none}.wrt-sim-drop .wrt-quiet-btn{margin-top:var(--wr-space-1);min-height:44px}.wrt-sim-drop>.wr-btn{min-height:44px}.wrt-sim-tools{gap:var(--wr-space-3);min-width:0;display:grid}.wrt-sim-tools .wrt-hint,.wrt-sim-tools .wrt-note{margin:0}.wrt-sim-tools__btns{gap:var(--wr-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container wrt-sim-make (width>=500px){.wrt-sim-tools__btns{grid-template-columns:repeat(4,minmax(0,1fr))}}.wrt-sim-tools__btns .wr-btn{min-height:44px;padding-inline:var(--wr-space-2);justify-content:center}.wrt-sim-zoom__value{min-width:4ch;padding:2px var(--wr-space-2);border-radius:var(--wr-radius-sm);background:var(--wr-surface-2);border:1px solid var(--wr-border);font:var(--wr-weight-bold) var(--wr-text-sm)/1.4 var(--wr-font-mono);color:var(--wr-text);text-align:right}.wrt-sim-scratch{gap:var(--wr-space-4);min-width:0;display:grid}.wrt-sim-scratch>.wrt-fieldset{padding-top:var(--wr-space-4);border-top:1px solid var(--wr-border)}.wrt-sim-presetbox{gap:var(--wr-space-2);min-width:0;display:grid}.wrt-sim-presetbox .wrt-legend{margin:0}.wrt-sim-presets{gap:var(--wr-space-2);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:76px;grid-auto-flow:column;margin:-4px;padding:4px;display:grid;overflow-x:auto}@container wrt-sim-make (width>=480px){.wrt-sim-presets{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}}.wrt-sim-preset{padding:var(--wr-space-2) 4px;border-radius:var(--wr-radius-md);border:1px solid var(--wr-border);background:var(--wr-surface-2);color:var(--wr-text-muted);font:var(--wr-weight-bold) var(--wr-text-xs)/1.2 var(--wr-font-body);cursor:pointer;scroll-snap-align:start;min-width:0;transition:border-color var(--wr-dur-fast) var(--wr-ease-out), transform var(--wr-dur-fast) var(--wr-ease-out), color var(--wr-dur-fast);justify-items:center;gap:6px;display:grid}.wrt-sim-preset:hover{border-color:var(--wr-border-strong);color:var(--wr-text);transform:translateY(-2px)}.wrt-sim-preset:active{transform:scale(.96)}.wrt-sim-preset:focus-visible{outline:3px solid var(--wr-focus);outline-offset:2px}.wrt-sim-preset.is-picked{border-color:var(--wr-primary);color:var(--wr-text);animation:wrt-bump var(--wr-dur-slow) var(--wr-ease-bounce)}.wrt-sim-preset__thumb{border-radius:var(--wr-radius-sm);width:48px;height:48px;display:block}.wrt-sim-preset span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.wrt-sim-fontnote{margin:calc(var(--wr-space-2) * -1) 0 0}.wrt-sim-pair{gap:var(--wr-space-4);align-items:end;display:grid}@container wrt-sim-make (width>=360px){.wrt-sim-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.wrt-sim-shapes{gap:var(--wr-space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@container wrt-sim-make (width>=440px){.wrt-sim-shapes{grid-template-columns:repeat(7,minmax(0,1fr))}}.wrt-sim-shape{cursor:pointer;min-width:0;display:flex;position:relative}.wrt-sim-shape__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.wrt-sim-shape__face{border-radius:var(--wr-radius-md);border:1px solid var(--wr-border);background:var(--wr-bg-deep);min-height:64px;color:var(--wr-text-muted);font:var(--wr-weight-bold) var(--wr-text-xs)/1.1 var(--wr-font-body);transition:border-color var(--wr-dur-fast) var(--wr-ease-out), color var(--wr-dur-fast), transform var(--wr-dur-fast) var(--wr-ease-out);flex:1;align-content:center;justify-items:center;gap:4px;padding:6px 2px;display:grid}.wrt-sim-shape__face>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.wrt-sim-shape__svg{fill:currentColor;width:26px;height:26px}.wrt-sim-shape__svg .is-none{fill:none;stroke:currentColor;stroke-width:2px}.wrt-sim-shape:hover .wrt-sim-shape__face{color:var(--wr-text);border-color:var(--wr-border-strong)}.wrt-sim-shape:active .wrt-sim-shape__face{transform:scale(.95)}.wrt-sim-shape__input:checked+.wrt-sim-shape__face{border-color:var(--wr-primary);color:var(--wr-primary-ink);background:color-mix(in oklab, var(--wr-primary) 12%, var(--wr-bg-deep));box-shadow:inset 0 0 0 1px var(--wr-primary)}.wrt-sim-shape__input:focus-visible+.wrt-sim-shape__face{outline:3px solid var(--wr-focus);outline-offset:2px}.wrt-sim-stage{container:wrt-sim-stage/inline-size}.wrt-sim-stage__head{justify-content:space-between;align-items:center;gap:var(--wr-space-3);flex-wrap:wrap;display:flex}.wrt-sim-result{gap:var(--wr-space-4);padding:var(--wr-space-4);border-radius:var(--wr-radius-lg);background:color-mix(in oklab, var(--wr-surface) 80%, transparent);border:1px solid var(--wr-border);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.wrt-sim-actual{justify-items:center;gap:6px;margin:0;display:grid}.wrt-sim-actual__frame{border-radius:var(--wr-radius-md);background:repeating-conic-gradient(var(--wr-surface-2) 0 25%, var(--wr-surface-3) 0 50%) 0 0 / 16px 16px;border:1px solid var(--wr-border);place-items:center;width:80px;height:80px;display:grid}.wrt-sim-actual__canvas{width:64px;height:64px;image-rendering:pixelated;display:block}.wrt-sim-actual figcaption{font:var(--wr-weight-bold) var(--wr-text-xs)/1.2 var(--wr-font-body);color:var(--wr-text-subtle)}.wrt-sim-actual.is-pop .wrt-sim-actual__frame{animation:wrt-sim-pop var(--wr-dur-slower) var(--wr-ease-bounce)}.wrt-sim-result__body{gap:var(--wr-space-2);justify-items:start;min-width:0;display:grid}.wrt-sim-dl{max-width:100%;min-height:44px}.wrt-sim-dl span{text-overflow:ellipsis;overflow:hidden}.wrt-sim-dl:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.wrt-sim-file{font:var(--wr-weight-medium) var(--wr-text-xs)/1.4 var(--wr-font-mono);color:var(--wr-text-muted);overflow-wrap:anywhere;margin:0}.wrt-sim-file.is-msg{font-family:var(--wr-font-body);font-size:var(--wr-text-sm)}.wrt-sim-done{font-size:var(--wr-text-sm);color:var(--wr-success);margin:0}.wrt-sim-done:empty,.wrt-sim-nudge:empty{display:none}@container wrt-sim-stage (width<=380px){.wrt-sim-result{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.wrt-sim-result__body{justify-items:stretch}.wrt-sim-dl{justify-content:center}}.wrt-sim-where{gap:var(--wr-space-2);min-width:0;display:grid}.wrt-sim-where .wrt-legend{margin:0}.wrt-sim-where__grid{gap:var(--wr-space-4);display:grid}@container wrt-sim-stage (width>=560px){.wrt-sim-where__grid{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start}}.wrt-sim-tree{padding:var(--wr-space-3) var(--wr-space-4);border-radius:var(--wr-radius-md);background:var(--wr-bg-deep);border:1px solid var(--wr-border);font:var(--wr-weight-medium) var(--wr-text-sm)/1.7 var(--wr-font-mono);color:var(--wr-text);gap:2px;display:grid}.wrt-sim-tree__row{align-items:center;gap:var(--wr-space-2);white-space:pre;min-width:0;display:flex}.wrt-sim-tree__row .wrt-icon{width:16px;height:16px;color:var(--wr-primary-ink)}.wrt-sim-tree__row.is-root{font-weight:var(--wr-weight-bold)}.wrt-sim-tree__row.is-dim{color:var(--wr-text-subtle)}.wrt-sim-tree__row.is-new{color:var(--wr-primary-ink);font-weight:var(--wr-weight-bold)}.wrt-sim-tree .wr-badge{font-size:10px}.wrt-sim-steps{counter-reset:wrt-sim-step;gap:var(--wr-space-2);margin:0;padding:0;list-style:none;display:grid}.wrt-sim-steps li{counter-increment:wrt-sim-step;min-height:24px;font-size:var(--wr-text-sm);color:var(--wr-text-muted);padding-left:34px;line-height:1.5;position:relative}.wrt-sim-steps li:before{content:counter(wrt-sim-step);background:var(--wr-surface-3);width:24px;height:24px;color:var(--wr-text);font:var(--wr-weight-black) var(--wr-text-xs)/1 var(--wr-font-display);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.wrt-sim-steps strong{color:var(--wr-text)}.wrt-sim-steps code{font:var(--wr-weight-semibold) .92em/1 var(--wr-font-mono);color:var(--wr-text);overflow-wrap:anywhere}.wrt-sim-disclaimer{padding-top:var(--wr-space-3);border-top:1px solid var(--wr-border);font-size:var(--wr-text-xs);color:var(--wr-text-subtle);margin:0;line-height:1.5}@keyframes wrt-sim-pop{0%{transform:scale(1)}35%{box-shadow:var(--wr-glow-treasure);transform:scale(1.14)rotate(-3deg)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.wrt-sim-actual.is-pop .wrt-sim-actual__frame,.wrt-sim-preset.is-picked{animation:none}.wrt-sim-preset:hover,.is-drag .wrt-sim-drop{transform:none}}}