.sketch-line-style{padding:8px 0 12px;border-bottom:1px solid var(--ui-line,#d8e2e3);margin-bottom:10px}.sketch-line-style[hidden]{display:none!important}.sketch-line-style h3{font-size:11px;margin:0 0 7px}.sketch-line-style-buttons{display:flex;gap:6px}.sketch-line-style-buttons button{flex:1;padding:7px;border:1px solid var(--ui-line,#cbd8d9);border-radius:6px;background:var(--ui-surface,#fff);color:var(--ui-ink,#263943)}.sketch-line-style-buttons button[aria-pressed=true]{background:var(--ui-accent-soft,#deeee5);border-color:var(--ui-accent,#437c69)}.sketch-line-style p{font:11px/1.5 system-ui;color:var(--ui-muted,#617b80);margin:8px 0 0}
.sketchBezierPreview{fill:none!important;stroke:#2383ca!important;stroke-width:2!important;stroke-dasharray:7 4!important;pointer-events:none}.sketchBezierHandleGuide{fill:none;stroke:#9670b7;stroke-width:1;stroke-dasharray:2 3;pointer-events:none}
html[data-icon-colors=category] .rail-category-button .action-icon,html[data-icon-colors=category] .railQuickTools .action-icon{color:var(--category-color,#527e90)!important}
html[data-icon-colors=category] .iconRail .railGroup .action-icon{color:var(--group-color,#527e90)!important}
html[data-icon-colors=category] .iconRail .railGroup .railMaskedIcon{background:var(--group-color,#527e90)!important}
html[data-icon-colors=category] .rail-category-button .railMaskedIcon,html[data-icon-colors=category] .railQuickTools .railMaskedIcon{background:var(--category-color,#527e90)!important;mask:var(--rail-icon-image) center/21px 21px no-repeat}
html[data-theme=dark][data-icon-colors=category] .iconRail .railGroup .action-icon{color:color-mix(in srgb,var(--group-color,#527e90) 65%,white)!important}
html[data-theme=dark][data-icon-colors=category] .rail-category-button .action-icon,html[data-theme=dark][data-icon-colors=category] .railQuickTools .action-icon{color:color-mix(in srgb,var(--category-color,#527e90) 65%,white)!important}
html .toolRail .rail-shapes-entry{order:-2;flex:none;margin-bottom:5px;padding-bottom:6px;border-bottom:1px solid var(--ui-line,#d8e2e3)}
html .toolRail .rail-shapes-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:48px;min-height:48px;width:100%;padding:4px 0;font-size:9px;color:var(--ui-ink,#263943)}
html .rail-shapes-button .action-icon{display:flex;width:24px;height:24px;color:inherit}html[data-icon-colors=category] .rail-shapes-button .action-icon{color:#2986a3}html .rail-shapes-button svg{width:24px;height:24px}
html .rail-shapes-button[aria-expanded=true]{background:var(--ui-accent-soft,#deeee5)}
.shapes-flyout{position:fixed;z-index:180;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding:14px;background:var(--ui-surface,#fff);color:var(--ui-ink,#263943);border:1px solid var(--ui-line,#cfdbdc);border-radius:12px;box-shadow:0 6px 24px #152e3426;overflow:auto;overscroll-behavior:contain}
.shapes-flyout[hidden],#buildTab[hidden]{display:none!important}.shapes-flyout-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.shapes-flyout h2{font:650 16px system-ui;margin:0}.shapes-flyout-close{width:28px;height:28px;padding:0;font-size:22px;border:0;background:transparent;color:inherit;cursor:pointer}.shapes-flyout #shapeSearch{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--ui-line,#cfdbdc);border-radius:7px;background:var(--ui-chrome,#f5f8f9);color:inherit;flex:none}
.shape-category-tabs{display:flex;gap:5px;flex-wrap:wrap}.shape-category-tabs button{border:1px solid var(--ui-line,#cfdbdc);border-radius:6px;padding:6px 8px;font:11px system-ui;background:transparent;color:inherit}.shape-category-tabs button[aria-pressed=true]{background:var(--ui-accent-soft,#deeee5);border-color:var(--ui-accent,#437c69)}
.shapes-flyout .shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:none;max-height:none;width:100%;margin:0;overflow:visible}.shapes-flyout .shapes button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;padding:8px 4px;border:1px solid var(--ui-line,#d8e2e3);border-radius:8px;background:var(--ui-chrome,#f5f8f9);color:inherit;cursor:pointer}.shapes-flyout .shapes button:hover{background:var(--ui-accent-soft,#deeee5)}.shapes-flyout .shapes button[hidden]{display:none!important}.shapes-flyout .shapes canvas{width:100%;height:auto;aspect-ratio:144/112;object-fit:contain}.shapes-flyout .shapes b{font:600 11px/1.3 system-ui;text-align:center}.shapes-flyout .shapes small{font:10px/1.3 system-ui;color:var(--ui-muted,#617b80);text-align:center}.shapes-flyout #shapeSearchEmpty{font-size:12px}.shapes-flyout #shapeSearchEmpty[hidden]{display:none}
@media(max-width:400px){.shapes-flyout .shapes{grid-template-columns:repeat(2,minmax(0,1fr))}}

.sketch-type-choices{display:flex;gap:6px;align-items:center;margin:8px 0}.sketch-type-choices button{flex:1;min-height:32px}.sketch-type-choices button[aria-pressed="true"]{background:var(--accent,#287ace);color:#fff;border-color:var(--accent,#287ace)}

.sketchSettings label[hidden]{display:none!important}

/* The Shapes flyout lives outside editorDock: keep fallback and live preview exclusive. */
.shapes-flyout .shapeFallback{width:100%;max-width:78px;aspect-ratio:1.28;height:auto;margin:0 0 6px;color:var(--ui-muted,#5c8177)}
.shapes-flyout button:has(canvas.shape[width]) .shapeFallback{display:none}