.cad-snapping{position:relative;font-size:12px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.cad-snapping summary{cursor:pointer;padding:9px;min-height:36px;list-style:none}.cad-snapping>div{position:absolute;top:calc(100% + 8px);left:0;width:190px;padding:12px;display:grid;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0002;z-index:3}.cad-snapping small{color:var(--muted)}@media(max-width:699px){.cad-snapping summary{min-height:44px;padding:13px 8px}}.canvas-wrap>.workspace-svg{top:0;height:calc(100% - 24px)}.coordinate-rulers{position:absolute;left:0;top:0;width:100%;height:calc(100% - 24px);pointer-events:none;overflow:hidden}.coordinate-rulers rect{fill:var(--panel)}.coordinate-rulers path{stroke:var(--muted);stroke-width:1}.coordinate-rulers text{fill:var(--muted);font:9px ui-monospace,monospace}.coordinate-grid path{stroke:var(--muted);stroke-width:1}.coordinate-grid .minor{opacity:.075}.coordinate-grid .major{opacity:.16}.coordinate-grid .origin{opacity:.32}.canvas-wrap>.canvas-tools{top:30px;right:12px;filter:drop-shadow(0 2px 5px #0002)}.material-width-band rect{fill:#f87171;opacity:.08}.material-width-band path{stroke:#f87171;stroke-width:2;fill:none}.material-width-outside{fill:var(--page);opacity:.55}.modal:has(.shape-library){width:min(880px,94vw)}.library-source{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.library-source label{flex:1;min-width:160px}.library-source select{width:100%;height:36px}.library-note{color:var(--muted);font-size:12px;line-height:1.5}.library-layout{display:flex;gap:20px;align-items:start}.library-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;grid-auto-rows:minmax(110px,auto);max-height:45vh;overflow:auto;padding:2px}.library-grid>p{grid-column:1/-1}.library-grid button{display:flex;flex-direction:column;align-items:center;min-width:0;padding:8px;gap:6px}.library-grid button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.library-grid svg{width:100%;height:72px}.library-grid span{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-detail{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.library-detail h3{margin:0;font-size:14px}.library-detail>svg{height:100px;width:100%}.library-detail small{color:var(--muted)}.library-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:599px){.library-source select{height:44px}.library-layout{flex-direction:column}.library-grid{width:100%;max-height:30vh}.library-detail{width:100%}.library-detail>svg{height:80px}.library-source button{width:100%}.library-footer{flex-wrap:wrap}}.library-detail button{white-space:normal}.library-grid button{-webkit-user-select:none;user-select:none}