*{margin:0;padding:0;box-sizing:border-box}:root{--cmd-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .08);--cmd-shadow-inset: inset 0 0 0 1px rgba(217, 57, 7, .1)}html,body{width:100%;height:100%;overflow:hidden;background:#fdfdfd;font-family:IBM Plex Mono,monospace;font-size:16px;color:#1d1d1d}#app{position:fixed;inset:0}canvas{display:block;background:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.block-selected{outline:2px dotted #1D1D1D;outline-offset:2px}.cmd-palette{position:fixed;left:50%;transform:translate(-50%);bottom:32px;height:32px;line-height:28px;padding:0 12px;border-radius:16px;border:2px solid #D17A7A;background:#fff;box-shadow:var(--cmd-shadow),var(--cmd-shadow-inset);color:#d17a7a;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:800;cursor:pointer;z-index:2000;-webkit-user-select:none;user-select:none}.cmd-palette.is-touch:not(.is-expanded):before,.cmd-palette.is-touch-device:not(.is-expanded):before{content:"";position:absolute;inset:-8px;border-radius:16px;pointer-events:auto;background:transparent}.cmd-palette.is-expanded{min-height:160px;padding:0;height:auto;line-height:normal;color:#1d1d1d;background:transparent;border:none;box-shadow:none;max-height:calc(100vh - 64px);display:flex;flex-direction:column;gap:12px;--runner-min-height: 120px }.cmd-palette.is-expanded.is-minimized{min-height:auto;gap:8px}.cmd-palette.is-minimized .cmd-wheel{display:none}.cmd-palette{--cmd-row-height: 32px;--cmd-pane-padding: 12px 16px;--cmd-wheel-indent: 16px}.cmd-wheel{flex:1 1 auto;max-height:min(480px,calc(100vh - 64px - var(--runner-min-height) - 12px));overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;padding:0;border-radius:16px;border:2px solid #D17A7A;background:#fff;box-shadow:var(--cmd-shadow),var(--cmd-shadow-inset);scroll-padding:calc(var(--cmd-row-height) / 2);min-height:clamp(164px,45vh,320px);position:relative}.cmd-wheel-list{display:flex;flex-direction:column;gap:2px;padding-left:0}.cmd-wheel-label{box-sizing:border-box;top:0;z-index:1;padding:12px 0 12px var(--cmd-wheel-indent);font-size:16px;font-weight:600;font-family:IBM Plex Mono,monospace;color:#1d1d1d;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;position:sticky}.cmd-wheel-label:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:#fff}.cmd-wheel-item.is-placeholder{color:#9ca3af;font-style:italic}.cmd-wheel-item{box-sizing:border-box;min-height:var(--cmd-row-height);display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0 16px 0 calc(var(--cmd-wheel-indent) + 8px);font-size:16px;color:#6b7280;text-align:left;scroll-snap-align:center;scroll-snap-stop:always;transition:color 80ms linear,background-color 80ms linear;border-radius:16px}.cmd-wheel-item:before{content:"go/";visibility:hidden;margin-right:4px;font-family:IBM Plex Mono,monospace;font-weight:400}.cmd-wheel-item.is-disabled{opacity:.45;cursor:default}.cmd-wheel-item.is-selected{font-weight:600;color:#1d1d1d;background:#9c9c9c33}.cmd-wheel-empty{min-height:var(--cmd-row-height);display:flex;align-items:center;justify-content:center;color:#9ca3af}.cmd-runner{display:flex;flex-direction:column;gap:8px;padding:var(--cmd-pane-padding);border-radius:16px;border:2px solid #D17A7A;background:#fff;box-shadow:var(--cmd-shadow),var(--cmd-shadow-inset);flex:0 0 auto;max-height:280px;min-height:160px;position:relative}.cmd-runner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}@media(max-width:700px){.cmd-palette.is-expanded{max-height:80vh}.cmd-wheel{max-height:calc(80vh - 180px)}}.cmd-runner-prompt{align-self:flex-start;display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0;padding:0 0 0 2px;border:none;background:transparent;color:#d17a7a;font-family:IBM Plex Mono,monospace;font-size:16px;line-height:32px;white-space:normal;cursor:pointer;transition:color .1s linear;outline:none}.cmd-runner-prompt:disabled{cursor:default;opacity:1}.cmd-runner-prompt.is-armed{color:#d17a7a}.cmd-runner-prompt:hover:not(:disabled),.cmd-runner-prompt:focus-visible{color:#b75e5e;text-decoration-thickness:3px}.cmd-runner-command{white-space:nowrap;font-weight:600;text-decoration:none}.cmd-runner-step{display:inline-flex;flex-wrap:wrap;align-items:baseline;text-decoration:none}.cmd-runner-step-text{text-decoration:none;white-space:nowrap;margin-right:8px}.cmd-runner-step-text[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto}.cmd-runner-tokens{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px;flex:1 1 auto;min-width:0}.cmd-runner-feedback{color:#6b7280;font-family:IBM Plex Mono,monospace;font-size:16px;line-height:32px;margin-left:8px;white-space:normal}.cmd-runner-feedback.is-success{color:#d17a7a}.cmd-runner-feedback.is-error{color:#dc2626}.cmd-runner-command.is-static{text-decoration:none}.cmd-runner-command:empty{display:none}.cmd-runner-action-prefix{color:#d17a7a;font-family:IBM Plex Mono,monospace;font-size:16px;line-height:32px}.cmd-runner-action{display:inline-flex;align-items:center;padding:0;border:none;margin:0;background:transparent;color:#d17a7a;font-family:IBM Plex Mono,monospace;font-size:16px;line-height:32px;cursor:pointer;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.cmd-runner-token-active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.cmd-runner-action.is-bold{font-weight:700}.cmd-runner-action:focus-visible{outline:2px solid rgba(209,122,122,.4);border-radius:4px}.cmd-runner-description{font-size:16px;color:#6b7280;line-height:32px;padding-left:18px;display:flex;flex-direction:column;gap:4px}.cmd-runner-copy-wrap{padding-left:calc(var(--cmd-wheel-indent) + 16px)}.cmd-wheel-close,.cmd-runner-close{flex:0 0 auto;width:32px;height:32px;border:none;background:transparent;border-radius:16px;box-shadow:none;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:4px;right:4px}.cmd-wheel-close:before,.cmd-runner-close:before{content:"";position:absolute;inset:4px;border-radius:12px;background:#fff;box-shadow:var(--cmd-shadow);pointer-events:none}.cmd-wheel-close{right:4px}.cmd-wheel-close svg,.cmd-runner-close svg{width:24px;height:24px;transform:rotate(45deg)}.cmd-runner-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.cmd-runner-name{font-style:italic}.cmd-runner-dash{color:#9ca3af;margin:0 4px}.cmd-runner-copy{color:#6b7280}.cmd-runner-copy.is-result{font-family:IBM Plex Mono,monospace}.cmd-runner-copy.is-success{color:#d17a7a}.cmd-runner-copy.is-error{color:#dc2626}.cmd-palette.is-expanded.is-touch{left:50%;transform:translate(-50%);min-width:min(352px,calc(100vw - 32px));width:min(704px,calc(100vw - 64px))}.cmd-palette.is-expanded.is-desktop{left:50%;transform:translate(-50%);width:clamp(352px,calc((100vw / 2.618) - 48px),704px)}.grid-layered{--grid: 16px;--grid-color: #E0E0E0;--scale: 1;--tx: 0px;--ty: 0px;--step: calc(var(--grid) * 2 * var(--scale));--dot-size: clamp(.4px, calc(1.2px * var(--scale)), 2.8px);background-image:radial-gradient(circle at var(--dot-size) var(--dot-size),var(--grid-color) var(--dot-size),transparent var(--dot-size));background-size:var(--step) var(--step);background-position:calc(var(--tx) - var(--dot-size)) calc(var(--ty) - var(--dot-size));background-repeat:repeat;will-change:background-position,background-size}
