.live-rotor-weight{display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:center;margin-left:auto;padding:4px 9px;border:1px solid var(--cad-line,var(--line));border-radius:5px;background:var(--cad-panel,var(--paper));color:var(--cad-ink,var(--ink));min-width:180px}
.live-rotor-weight>span{font:8px Arial;letter-spacing:.7px;color:var(--cad-muted,var(--muted))}.live-rotor-weight strong{font:600 13px monospace;text-align:right;font-variant-numeric:tabular-nums}.live-rotor-weight small{grid-column:1/-1;font:9px Arial;color:var(--cad-muted,var(--muted));margin-top:3px}
.drawing-bottom{flex-wrap:wrap}.finish-colors:not([hidden])+.live-rotor-weight{margin-left:10px}
.cad-tool-window select,.cad-tool-window input[type=text],#text-value,.cad-shape-filters input{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--cad-line);border-radius:4px;background:var(--cad-bg);color:var(--cad-ink);padding:8px;font:12px Arial;margin-top:5px}
.cad-creative-tool{width:350px;height:560px;max-height:calc(100% - 75px)}.cad-tool-window [hidden]{display:none!important}
#text-preview{width:100%;height:112px;background:var(--cad-bg);border:1px solid var(--cad-line);border-radius:5px;padding:12px;box-sizing:border-box}#text-preview path{fill:var(--cad-ink)}
#text-path-options{display:grid;gap:8px}#text-path-options small{font:10px Arial;color:var(--cad-muted)}.cad-text-mirrors{display:grid;gap:6px}
.cad-shape-library{width:720px;height:560px;max-width:calc(100% - 24px);max-height:calc(100% - 70px)}.cad-shape-layout{display:grid;grid-template-columns:minmax(210px,1fr) 215px;min-height:0;flex:1;overflow:hidden}.cad-shape-browse{padding:12px;overflow:auto}.cad-shape-filters{display:grid;grid-template-columns:1fr;gap:5px;position:sticky;top:-12px;background:var(--cad-panel);z-index:1;padding-bottom:10px}.cad-shape-detail{border-left:1px solid var(--cad-line);padding:14px;display:flex;flex-direction:column;gap:10px;overflow:auto}.cad-shape-detail>strong{font:600 15px Arial;color:var(--cad-ink)}.cad-shape-detail>small{color:var(--cad-muted);font:10px Arial}.cad-shape-detail .pro-fields{grid-template-columns:1fr!important}
.cad-shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}.cad-shape-grid button{position:relative;padding:9px;border:2px solid var(--cad-line);background:var(--cad-bg);border-radius:6px;color:var(--cad-ink);cursor:pointer;min-width:0;display:grid;gap:7px}.cad-shape-grid button:hover{border-color:var(--cad-muted)}.cad-shape-grid button[aria-pressed=true]{border-color:var(--cad-accent);background:color-mix(in srgb,var(--cad-accent) 13%,var(--cad-bg))}.cad-shape-grid svg{width:100%;height:82px;display:block}.cad-shape-grid path,#shape-selection-preview path{fill:var(--cad-ink)}.cad-shape-grid span{font:11px/1.3 Arial;text-align:center;min-height:28px}.cad-shape-grid b{position:absolute;top:4px;right:6px;color:var(--cad-accent);visibility:hidden}.cad-shape-grid button[aria-pressed=true] b{visibility:visible}#shape-selection-preview{height:152px;flex-shrink:0;width:100%;padding:8px;box-sizing:border-box;border:1px solid var(--cad-line);border-radius:6px;background:var(--cad-bg)}#shape-result-count{font:10px Arial;color:var(--cad-muted)}
.cad-tool-window .cad-note{margin:6px 0;line-height:1.5}.cad-tool-window button:focus-visible{outline:2px solid var(--cad-accent);outline-offset:2px}
@media(max-width:700px){.cad-shape-layout{grid-template-columns:1fr 155px}.cad-shape-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.cad-shape-detail{padding:10px}#shape-selection-preview{height:105px}.live-rotor-weight{min-width:145px}.live-rotor-weight strong{font-size:11px}}
