.system-editor {grid-column:1/-1;width:min(1260px,100%);margin:auto;padding:24px;min-width:0}
.system-editor-header,.system-editor-actions,.pitch-tools {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.system-editor-header h1 {font-size:1.5rem;flex:1}
.system-editor-grid {display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;align-items:start}
.system-editor-side {display:grid;gap:16px;padding:20px;border:1px solid var(--elevenx-border-soft);border-radius:16px;background:var(--elevenx-surface)}
.system-editor-side label,.system-editor-review label {display:grid;gap:8px}
.system-editor-tabs {display:flex;gap:8px;overflow:auto;max-width:100%;padding:12px 0;margin:12px 0}
.system-editor-tabs button {flex-shrink:0;min-height:44px}
.system-editor-tabs .elevenx-button[aria-pressed=true],.system-editor-tabs .elevenx-button[aria-pressed=true]:hover {background:var(--elevenx-primary);color:var(--elevenx-on-primary)}
.system-editor-review {padding:20px;border:1px solid var(--elevenx-border-soft);border-radius:16px;margin-top:20px;display:grid;gap:12px}
.system-editor-review[hidden] {display:none}
.pitch-editor {min-width:0;display:grid;gap:12px}
.pitch-tools .elevenx-field {max-width:240px}
.pitch-tools label {display:grid;gap:4px}
.pitch-status {margin:0;color:var(--elevenx-danger)}
.edit-pitch {position:relative;aspect-ratio:1.15;background:color-mix(in srgb,var(--elevenx-success) 14%,var(--elevenx-surface));border:2px solid var(--elevenx-border);border-radius:12px;isolation:isolate}
.edit-pitch-lines {position:absolute;inset:5%;border:1px solid var(--elevenx-border);pointer-events:none}
.edit-pitch-lines::before {content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--elevenx-border)}
.edit-pitch-lines::after {content:'';position:absolute;left:35%;top:35%;width:30%;height:30%;border:1px solid var(--elevenx-border);border-radius:50%}
.pitch-player {position:absolute;transform:translate(-50%,-50%);width:56px;min-height:48px;padding:4px;border:2px solid var(--elevenx-border);border-radius:12px;background:var(--elevenx-surface-raised);color:var(--elevenx-foreground);cursor:grab;touch-action:none;z-index:1}
.pitch-player strong {display:block;font-size:1.1rem}
.pitch-player-name {display:block;max-width:105px;width:max-content;position:absolute;left:50%;transform:translateX(-50%);font-size:12px;font-weight:600;background:var(--elevenx-surface);padding:2px 4px;border-radius:3px;overflow-wrap:anywhere;line-height:1.2}
.pitch-player.selected {border-color:var(--elevenx-primary);background:var(--elevenx-selection);z-index:2}
.pitch-player:focus-visible {outline:3px solid var(--elevenx-focus);outline-offset:4px}
.pitch-unplaced {display:flex;gap:12px;flex-wrap:wrap}
.pitch-player.unplaced {position:relative;transform:none;left:auto;top:auto;margin-bottom:30px}
.pitch-selection {display:grid;gap:12px;min-width:0}
.pitch-selection input[type=number] {max-width:100px}
.system-editor-side details {min-width:0}
.system-editor-side pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.system-editor-actions {margin:16px 0}
@media(max-width:760px){.system-editor{padding:12px}.system-editor-grid{grid-template-columns:1fr}.edit-pitch{aspect-ratio:.85}.pitch-player{width:44px;min-height:44px}.pitch-player-name{max-width:76px}.pitch-tools{gap:8px}.pitch-tools .elevenx-field{max-width:100%}.system-editor-header h1{flex-basis:100%}}

.system-editor[hidden] {display:none}
.system-editor-grid > * {min-width:0}

.system-editor {scroll-margin-top:72px}
.system-editor-header h1 {scroll-margin-top:80px}
.system-editor-actions label {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.system-editor-actions input[type=number] {width:100px}
.system-editor-side .system-editor-check {display:flex;align-items:center;gap:10px}
.system-editor-check input {width:18px;height:18px;flex-shrink:0}