/* Scoped editor styling preserves shared main-site navigation metrics. */
:root{--line:#e5e5e7;--muted:#6e6e73;--blue:#0071e3}
body{-webkit-font-smoothing:antialiased;background:#f5f5f7}
.site-unified-header{padding:0!important}
.site-unified-header .nav-container{position:relative}
.site-unified-header .lang-switcher__menu{z-index:9050;color:#1d1d1f}
.site-unified-header .lang-switcher__option{font-size:14px;min-height:44px;font-weight:400;border:0;border-radius:6px;box-shadow:none;background:transparent;padding:10px 12px}
.site-unified-header .lang-switcher__option:hover{background:#f5f5f7}
.tool-context{max-width:none;padding-inline:max(24px,calc((100% - 1416px)/2));min-height:56px;background:rgba(255,255,255,.92)}
.tool-context strong{font-size:17px;font-weight:600;letter-spacing:-.02em}
.tool-context a{font-size:12px}
.workbench-editor main{padding:24px;max-width:1464px}
.workbench-editor main button{font-size:13px;font-weight:400;line-height:1.3;min-height:36px;padding:8px 12px;border-color:#d2d2d7;border-radius:8px;box-shadow:0 1px 1px #00000004;transition:background-color 160ms ease,border-color 160ms ease}
.workbench-editor main button:not(:disabled):hover{background:#f5f5f7;border-color:#b9b9bf}
.workbench-editor main button.primary{background:#0071e3;border-color:#0071e3;color:white}
.workbench-editor main button.primary:not(:disabled):hover{background:#0077ed;border-color:#0077ed}
.workbench-editor .opening{gap:20px;padding:0;margin-bottom:16px;align-items:center}
.workbench-editor .opening>div:first-child{min-width:180px}
.workbench-editor .opening label{display:block;font-size:11px;margin:0 0 2px;color:#6e6e73}
.workbench-editor #editor-name{font-size:23px;font-weight:500;letter-spacing:-.025em;padding:3px 0;border-bottom-color:transparent;width:260px;max-width:100%}
.workbench-editor #editor-name:hover{border-bottom-color:#d2d2d7}
.workbench-editor #save-state{font-size:11px;margin-top:3px}
.workbench-editor .actions{gap:6px}
.workbench-editor #editor-status{font-size:12px;padding:10px 12px;background:#eef5fc;border-color:#dbe9f8;border-radius:8px;margin-bottom:8px}
.migration-note{font-size:11px;color:#6e6e73;line-height:1.6;margin:0 0 14px}
.migration-note summary{width:fit-content;cursor:pointer;padding:4px 0}
.migration-note p{padding:6px 0;max-width:90ch}
.workbench-editor .design-tabs{display:flex;width:fit-content;gap:2px;padding:3px;margin:12px 0;background:#e8e8ed;border-radius:9px}
.workbench-editor .design-tabs button{min-height:30px;min-width:98px;border:0;background:transparent;box-shadow:none;border-radius:6px;color:#515154}
.workbench-editor .design-tabs button[aria-pressed=true]{background:white;color:#1d1d1f;box-shadow:0 1px 4px #00000012}
.workbench-editor .editor-workspace{grid-template-columns:176px minmax(360px,1fr) 232px;border-radius:12px;min-height:600px}
.workbench-editor .library,.workbench-editor .editor-inspector{padding:16px;background:#fff}
.workbench-editor .editor-workspace h2{font-size:13px;font-weight:600;margin-bottom:12px}
.workbench-editor #palette{gap:4px}
.workbench-editor #palette button{border-color:transparent;background:transparent;text-align:left;padding:8px;box-shadow:none}
.workbench-editor #palette button:hover{background:#f5f5f7;border-color:#e5e5e7}
.workbench-editor .editor-toolbar{padding:10px;gap:8px;background:#fafafa}
.workbench-editor .editor-toolbar button{padding:7px 10px;min-height:34px}
.workbench-editor .editor-toolbar button[aria-pressed=true]{color:#0066cc;background:#e8f2fc;border-color:#c2ddf6}
.workbench-editor #schematic-editor{min-height:460px;background:#fdfdfe}
.workbench-editor #canvas-help{font-size:18px;fill:#86868b}
.workbench-editor .drawing-footer,.workbench-editor .key-help{font-size:10px;color:#6e6e73}
.workbench-editor :is(.library,.editor-inspector) .muted{font-size:11px;line-height:1.6}
.workbench-editor .editor-inspector input,.workbench-editor .editor-inspector select{font-size:13px;min-height:34px;border-radius:6px}
@media(min-width:1181px){.workbench-editor .editor-workspace{height:clamp(560px,calc(100dvh - 260px),760px)}.workbench-editor .library,.workbench-editor .editor-inspector{overflow:auto}.workbench-editor #schematic-editor{height:0;min-height:360px}}
@media(max-width:1180px){.workbench-editor .editor-workspace{grid-template-columns:168px minmax(320px,1fr)}.workbench-editor .opening{flex-wrap:wrap}.workbench-editor .opening .actions{justify-content:flex-start}}
@media(max-width:700px){.workbench-editor main{padding:16px 12px}.tool-context{padding-inline:16px}.tool-context strong{font-size:14px}.workbench-editor .opening{gap:12px}.workbench-editor .opening .actions{width:100%}.workbench-editor main button{min-height:44px}.workbench-editor .editor-workspace{display:flex}.workbench-editor .library{padding:12px}.workbench-editor .editor-toolbar button{min-height:44px}.workbench-editor .design-tabs button{min-height:38px}.workbench-editor #schematic-editor{min-height:360px}}
@media(prefers-reduced-motion:reduce){.workbench-editor *, .site-unified-header *{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.workbench-editor .opening{align-items:stretch}.workbench-editor .library{max-height:168px;overflow:auto;overscroll-behavior:contain}.workbench-editor .library h2{position:sticky;top:-12px;background:white;padding-block:8px;z-index:1}}