.editor-shell{--editor-panel: var(--panel);--editor-panel-border: var(--line);--editor-panel-shadow: transparent;--editor-ink: var(--ink);--editor-muted: var(--muted);--editor-stage: var(--canvas);display:grid;min-height:calc(100svh - 48px);grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:8px;align-items:stretch;padding:8px}.editor-panel{background:var(--editor-panel);border:1px solid var(--editor-panel-border);border-radius:0;box-shadow:none;color:var(--editor-ink);display:grid;gap:1rem;padding:1.5rem}.editor-eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--editor-muted)}.editor-panel h1{margin:0;font-size:clamp(1.9rem,4vw,2.5rem);line-height:.95}.editor-copy,.editor-hint{margin:0;color:var(--editor-muted);line-height:1.5}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.75rem}.editor-tool{min-width:92px}.editor-fen-panel{display:grid;gap:.65rem}.editor-fen-panel label{color:var(--editor-muted);font-size:.78rem;font-weight:800}.editor-fen-panel textarea{width:100%;min-width:0;resize:vertical;border:1px solid var(--line);border-radius:2px;background:var(--card);color:var(--editor-ink);font:.78rem/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;padding:.65rem}.editor-fen-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.editor-fen-actions a,.editor-fen-actions button,.editor-fen-panel>button{display:inline-grid;min-height:38px;place-items:center;border:1px solid var(--line);border-radius:2px;background:var(--card);color:var(--editor-ink);cursor:pointer;font:inherit;font-weight:700;text-align:center;text-decoration:none}.editor-fen-message{margin:0;color:var(--editor-muted);font-size:.82rem;font-weight:700}.editor-fen-message.error{color:#a32727}.editor-color-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}.editor-color-swatch{aspect-ratio:1;border:1px solid var(--swatch-border, var(--ink));border-radius:2px;box-shadow:none;cursor:pointer}.editor-color-swatch:hover,.editor-color-swatch:focus-visible{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.editor-color-swatch:active{transform:translateY(1px)}.editor-color-swatch.active{border-color:var(--swatch-border, var(--ink));box-shadow:0 0 0 2px var(--ink)}.editor-color-swatch[data-color=white]{background:#fff}.editor-color-swatch[data-color=ash]{background:#c7c9c8}.editor-color-swatch[data-color=slate]{background:#586e75}.editor-color-swatch[data-color=black]{background:#121212}.editor-color-swatch[data-color=pink]{background:#ffafd2}.editor-color-swatch[data-color=red]{background:#dc050c}.editor-color-swatch[data-color=orange]{background:#f4a736}.editor-color-swatch[data-color=yellow]{background:#f7f056}.editor-color-swatch[data-color=green]{background:#4eb265}.editor-color-swatch[data-color=cyan]{background:#7bafde}.editor-color-swatch[data-color=navy]{background:#1965b0}.editor-color-swatch[data-color=violet]{background:#882e72}.editor-piece-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.editor-piece-card{border:1px solid var(--line);border-radius:2px;background:var(--card);color:var(--editor-ink);cursor:grab;display:grid;gap:.55rem;justify-items:center;padding:.85rem;transition:none}.editor-piece-card:hover,.editor-piece-card:focus-visible{border-color:var(--ink);box-shadow:none;transform:none}.editor-piece-card:active{box-shadow:inset 0 1px 2px #1c1b1a2e;transform:translateY(1px)}.editor-piece-card.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.editor-piece-preview.piece{position:static;top:auto;left:auto;width:56px;height:56px;background-position:center;background-repeat:no-repeat;background-size:contain;display:block}.editor-piece-label{font-size:.95rem;font-weight:600}.editor-stage{background:var(--editor-stage);border:1px solid var(--line);border-radius:0;display:grid;place-items:center;min-height:640px;padding:8px;position:relative;overflow:hidden}.editor-board-frame{width:min(100%,calc(100svh - var(--osc-header-height, 48px) - 34px));min-width:280px;min-height:280px;aspect-ratio:1;position:relative}.editor-piece-ghost.piece{width:56px;height:56px;position:fixed;top:0;left:0;pointer-events:none;z-index:30;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 10px 18px #00000030)}@media(max-width:960px){.editor-shell{grid-template-columns:1fr}.editor-stage{min-height:unset}.editor-board-frame{width:min(100%,calc(100svw - 34px))}}