@layer wr.tools{.wrt-mcc-planview{gap:var(--wr-space-3);min-width:0;display:grid}.wrt-mcc-canvaswrap{aspect-ratio:10/11;border-radius:var(--wr-radius-md);border:1px solid var(--wr-border);background:color-mix(in oklab, var(--wr-bg-deep) 70%, transparent);isolation:isolate;width:100%;min-height:280px;max-height:min(72svh,760px);position:relative;overflow:hidden}.wrt-mcc-canvas{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.wrt-mcc-canvas:active{cursor:grabbing}.wrt-mcc-canvas:focus-visible{outline:3px solid var(--wr-focus);outline-offset:-3px}.wrt-mcc-nocanvas{padding:var(--wr-space-6);text-align:center;color:var(--wr-text-muted);font-size:var(--wr-text-sm);place-items:center;margin:0;display:grid;position:absolute;inset:0}.wrt-mcc-zoom{right:var(--wr-space-2);bottom:var(--wr-space-2);z-index:1;border-radius:var(--wr-radius-pill);background:var(--wr-surface-2);border:1px solid var(--wr-border-strong);box-shadow:var(--wr-shadow-md);gap:2px;padding:3px;display:flex;position:absolute}.wrt-mcc-zoom__btn{width:42px;height:42px;color:var(--wr-text);cursor:pointer;transition:background-color var(--wr-dur-fast) linear, transform var(--wr-dur-base) var(--wr-ease-bounce), opacity var(--wr-dur-fast) linear;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.wrt-mcc-zoom__btn:hover{background:var(--wr-surface-3)}.wrt-mcc-zoom__btn:active{transform:scale(.9)}.wrt-mcc-zoom__btn:disabled{opacity:.4;cursor:default;transform:none}.wrt-mcc-zoom__btn .wrt-icon{width:20px;height:20px}.wrt-mcc-readout{align-items:center;gap:var(--wr-space-2);border-radius:var(--wr-radius-md);background:var(--wr-surface-2);border:1px solid var(--wr-border);grid-template-columns:44px minmax(0,1fr) 44px auto;padding:4px;display:grid}.wrt-mcc-readout__btn{border-radius:var(--wr-radius-sm);width:44px;height:44px;color:var(--wr-text-muted);cursor:pointer;transition:color var(--wr-dur-fast) linear, background-color var(--wr-dur-fast) linear;background:0 0;border:0;place-items:center;display:grid}.wrt-mcc-readout__btn:hover:not(:disabled){color:var(--wr-text);background:var(--wr-surface-3)}.wrt-mcc-readout__btn:disabled{opacity:.35;cursor:default}.wrt-mcc-readout__body{align-items:baseline;column-gap:var(--wr-space-2);flex-wrap:wrap;row-gap:2px;min-width:0;padding:2px 0;display:flex}.wrt-mcc-readout__title{font:var(--wr-weight-black) var(--wr-text-sm)/1.2 var(--wr-font-display);color:var(--wr-accent);white-space:nowrap}.wrt-mcc-readout__runs{font:var(--wr-weight-semibold) var(--wr-text-sm)/1.3 var(--wr-font-body);color:var(--wr-text)}.wrt-mcc-readout__start{font-size:var(--wr-text-xs);color:var(--wr-text-subtle)}.wrt-mcc-readout__done{min-height:44px;padding:0 var(--wr-space-3);border-radius:var(--wr-radius-sm);border:1.5px solid var(--wr-border-strong);color:var(--wr-text);font:var(--wr-weight-bold) var(--wr-text-sm)/1 var(--wr-font-body);cursor:pointer;transition:background-color var(--wr-dur-base) var(--wr-ease-out), border-color var(--wr-dur-fast) linear, color var(--wr-dur-fast) linear;background:0 0;align-items:center;gap:6px;display:inline-flex}.wrt-mcc-readout__done .wrt-icon{width:18px;height:18px;color:var(--wr-text-subtle);transition:color var(--wr-dur-fast) linear}.wrt-mcc-readout__done:hover{border-color:var(--wr-text-subtle)}.wrt-mcc-readout__done.is-done{background:color-mix(in oklab, var(--wr-success) 18%, transparent);border-color:var(--wr-success)}.wrt-mcc-readout__done.is-done .wrt-icon{color:var(--wr-success);animation:wrt-pop var(--wr-dur-slow) var(--wr-ease-bounce)}.wrt-mcc-hint{gap:var(--wr-space-1) var(--wr-space-4);font-size:var(--wr-text-xs);color:var(--wr-text-subtle);flex-wrap:wrap;margin:0;display:flex}.wrt-mcc-hint__ghost{align-items:center;gap:6px;display:inline-flex}.wrt-mcc-hint__ghost i{background:color-mix(in oklab, var(--wr-text-subtle) 40%, transparent);border-radius:2px;width:12px;height:12px}.wrt-mcc-size__row{align-items:center;gap:var(--wr-space-2);grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.wrt-mcc-size__step{border-radius:var(--wr-radius-md);border:1.5px solid var(--wr-border-strong);background:var(--wr-bg-deep);width:44px;height:44px;color:var(--wr-text);cursor:pointer;transition:border-color var(--wr-dur-fast) linear, background-color var(--wr-dur-fast) linear, transform var(--wr-dur-base) var(--wr-ease-bounce);place-items:center;padding:0;display:grid}.wrt-mcc-size__step:hover:not(:disabled){border-color:var(--wr-text-subtle);background:var(--wr-surface-2)}.wrt-mcc-size__step:active:not(:disabled){transform:scale(.92)}.wrt-mcc-size__step:disabled{opacity:.4;cursor:default}.wrt-mcc-size__step .wrt-icon{width:18px;height:18px}.wrt-mcc-size__range{min-width:0;height:44px}.wrt-mcc-size__value{min-height:36px}.wrt-mcc-size__box{width:4ch;min-height:34px;font-size:var(--wr-text-md)}.wrt-mcc-main{gap:var(--wr-space-4);flex-direction:column;min-width:0;display:flex}.wrt-mcc-main [hidden],.wrt-mcc-viewseg>.wrt-field__head{display:none}.wrt-mcc-main>.wrt-mcc-stage{order:-1}@container wrt (width>=880px){.wrt-mcc-main{gap:var(--wr-space-5);grid-template:"controls stage""stats stage"1fr/minmax(300px,360px) minmax(0,1fr);align-items:start;display:grid}.wrt-mcc-main>.wrt-mcc-controls{grid-area:controls}.wrt-mcc-main>.wrt-mcc-stats{top:var(--wrt-sticky-top,88px);box-shadow:var(--wr-shadow-sm);grid-area:stats;position:sticky;bottom:auto}.wrt-mcc-main>.wrt-mcc-stage{order:0;grid-area:stage}}.wrt-mcc-stage{padding:var(--wr-space-3);gap:var(--wr-space-3)}@container wrt (width>=560px){.wrt-mcc-stage{padding:var(--wr-space-5);gap:var(--wr-space-4)}}.wrt-mcc-pane{gap:var(--wr-space-3);min-width:0;animation:wrt-rise var(--wr-dur-base) var(--wr-ease-out) both;display:grid}.wrt-mcc-pane[hidden]{display:none}.wrt-mcc-stats{bottom:max(var(--wr-space-2), env(safe-area-inset-bottom,0px));z-index:3;gap:var(--wr-space-2);padding:var(--wr-space-2);border-radius:var(--wr-radius-lg);background:color-mix(in oklab, var(--wr-surface) 90%, transparent);backdrop-filter:blur(14px);border:1px solid var(--wr-border-strong);box-shadow:var(--wr-shadow-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:sticky}.wrt-mcc-stats .wrt-stat{padding:var(--wr-space-2) var(--wr-space-3);gap:2px;min-width:0}.wrt-mcc-stats .wrt-stat__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wrt-mcc-stats .wrt-stat__value{font-size:var(--wr-text-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wrt-mcc-stats .wrt-stat__note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@container wrt (width>=420px){.wrt-mcc-stats .wrt-stat__value{font-size:var(--wr-text-xl)}}@container wrt (width>=880px){.wrt-mcc-stats .wrt-stat__value{font-size:var(--wr-text-lg)}}.wrt-mcc-actions{gap:var(--wr-space-2);flex-wrap:wrap;display:flex}.wrt-mcc-actions>.wr-btn{white-space:nowrap;flex:180px;min-height:44px}.wrt-mcc-nudge:empty{display:none}.wrt-mcc-legal{font-size:var(--wr-text-xs);color:var(--wr-text-subtle);margin:0;line-height:1.45}}
