/* Increment 1: primary commands, focus/motion, card depth, opening editor.
   No dashboard/shell/layout migration in this increment. */
.btn.primary{background:var(--mm-gold);border-color:var(--mm-gold);color:var(--mm-on-gold)}
.btn{transition:background var(--mm-motion),box-shadow var(--mm-motion),transform var(--mm-motion)}
.btn:focus-visible,summary:focus-visible{outline:2px solid var(--mm-gold);outline-offset:3px}
.card{box-shadow:var(--mm-shadow)}
@media(hover:hover){.btn:not(:disabled):hover{box-shadow:var(--mm-shadow-hover);transform:translateY(-1px)}}
.btn:not(:disabled):active{transform:translateY(0)}
.opening-editor{
  color-scheme:light;
  --bg:var(--mm-workspace);--surface:var(--mm-surface);--surface-2:var(--mm-soft);
  --text:var(--mm-text);--muted:var(--mm-muted);--line:var(--mm-border);
  --brand:var(--mm-gold);--brand-2:var(--mm-tech);
  background:var(--mm-surface);color:var(--mm-text);border:1px solid var(--mm-border);
  border-radius:var(--mm-radius);padding:var(--mm-space-4);margin:var(--mm-space-4) 0;
  box-shadow:var(--mm-shadow);font-size:16px;line-height:1.7;
}
.opening-editor[data-color-mode=dark]{color-scheme:dark}
.opening-editor .editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.opening-editor .editor-heading h3{font-size:20px;margin:0;color:var(--mm-text)}
.opening-editor label.field>span{font-size:14px;color:var(--mm-muted)}
.opening-editor input,.opening-editor select,.opening-editor textarea{border-radius:8px;min-height:44px;font-size:16px;background:var(--mm-surface);color:var(--mm-text)}
.opening-editor :is(input,select,textarea):focus-visible{outline:2px solid var(--mm-tech);outline-offset:2px}
.opening-editor .opening-library{gap:12px}
.opening-editor .opening-choice{border-color:var(--mm-border);padding:10px;font-size:14px;font-weight:600}
.opening-editor .opening-choice[aria-pressed=true]{outline:2px solid var(--mm-tech);outline-offset:1px}
.opening-editor .opening-choice svg,.opening-editor .opening-preview{background:var(--mm-canvas)}
.opening-editor .opening-preview{max-width:100%;border:1px solid var(--mm-border);border-radius:10px;overflow:hidden}
.opening-editor .opening-preview svg{max-height:450px;min-height:260px}
.opening-editor svg>g:first-of-type{fill:var(--mm-glass);stroke:var(--mm-tech)}
.opening-editor svg>g:last-of-type{fill:var(--mm-tech)}
.opening-editor .small{font-size:13px}
.opening-editor .facade-controls{padding:16px;background:var(--mm-soft);border:1px solid var(--mm-border);border-radius:8px;margin:12px 0}
.opening-editor .facade-controls h4{margin:0 0 12px;font-size:17px}
.opening-editor .drawing-error{color:var(--mm-danger);font-size:14px;min-height:0;margin:8px 0}
.opening-editor .drawing-error:empty{display:none}
.opening-editor [aria-invalid=true]{border-color:var(--mm-danger);outline-color:var(--mm-danger)}
@media(max-width:480px){.opening-editor{padding:12px}.opening-editor .row{flex-wrap:wrap}.opening-editor .row>label{flex-basis:140px}.opening-editor .editor-heading h3{font-size:18px}.opening-editor .opening-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:not(:disabled):hover,.btn:active{transform:none}}