.config-panel{gap:20px;min-width:0;display:grid}.drawing-stage{position:relative}.drawing-tools svg{display:none}.config-visual .part-editor-heading{margin-bottom:14px}.config-visual .part-name-row{grid-template-columns:1fr;margin-top:18px}.config-dimension-panel{gap:12px;margin-top:14px}.config-dimension-panel .drawing-dimensions{margin-top:0}.config-dimension-panel>label{max-width:120px}.part-editor .thickness-options{align-items:end}.thickness-options label>span{color:var(--muted);font-size:10px}.shape-buttons button>span,.config-dock,.config-selection{display:none}.config-visual [data-part-drawing] text{font-size:16px}[data-resize] circle{stroke:#fff;stroke-width:3px;filter:drop-shadow(0 2px 3px #0b756235)}[data-resize] .resize-arrow{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.drawing-hint{align-items:start;gap:9px;font-size:11px;line-height:1.6;display:flex}.drawing-hint>span:first-child{color:var(--accent);flex-shrink:0;font-size:18px;line-height:1.3}.drawing-hint>span:last-child{font-size:inherit;margin:0}.drawing-hint strong{color:var(--accent);font-weight:650}.config-visual .editor-actions{margin-top:16px}.drawing-note{background:#e6ede6;padding:0 12px}.drawing-note summary{letter-spacing:0;padding:12px 0;font-size:11px;font-weight:500}.drawing-note summary span{font-size:17px}.drawing-note p{padding:0 0 12px;font-size:11px}.config-price-note{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px}.config-drawer:not([open]){display:none}.config-drawer{background:var(--background);width:100%;max-width:none;max-height:calc(100dvh - 76px);color:var(--foreground);border:0;border-radius:24px 24px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -16px 60px #183b3226}.config-drawer[open]{grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.config-drawer::backdrop{background:#1028217a}html:has(.config-drawer[open]){overflow:hidden}.config-drawer-heading{justify-content:space-between;align-items:center;gap:16px;padding:22px 18px 18px;display:flex}.config-drawer-heading:before{content:"";background:#ccd4ce;border-radius:4px;width:40px;height:4px;position:absolute;top:8px;left:calc(50% - 20px)}.config-drawer-heading span{color:var(--muted);font-size:10px}.config-drawer-heading h3{letter-spacing:-.03em;margin-top:4px;font-size:23px}.config-drawer-heading button{width:44px;height:44px;color:inherit;background:#e8eee8;border:0;border-radius:50%;flex-shrink:0;font-size:28px}.config-drawer-content{overscroll-behavior:contain;min-height:0;padding:0 18px 22px;overflow-y:auto}.config-drawer .config-panel{gap:22px;display:grid}.config-drawer .shape-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.config-drawer .shape-buttons button{align-content:center;gap:10px;min-height:96px;padding:12px 6px;font-size:11px;line-height:1.35}.config-drawer .shape-buttons button>span{display:block}.config-drawer .shape-buttons svg{width:30px;height:30px}.config-drawer .material-types small{font-size:10px}.config-drawer .material-types strong{font-size:14px}.config-drawer .config-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.config-drawer .config-swatches button{background:#fff;font-size:11px}.config-drawer .swatch{aspect-ratio:.9;object-fit:cover;border-radius:10px;width:100%}.config-drawer [data-set][aria-pressed=true]{position:relative}.config-drawer .config-swatches [aria-pressed=true]:after{content:"✓";background:var(--accent);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;display:grid;position:absolute;top:10px;left:10px}.config-drawer .edge-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.config-drawer .edge-checks label{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;font-size:13px}.config-drawer .part-specification{grid-template-columns:1fr}.config-drawer .config-dimension-panel{margin-top:0}.config-drawer .config-dimension-panel>label{max-width:none}.config-drawer-error:not(:empty){border-top:1px solid var(--line);margin:0;padding:12px 18px}.config-drawer .config-dock{box-shadow:none;display:block;position:static}@media (width<=760px){[data-compact-ready] .config-visual{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px}[data-compact-ready] .part-settings,[data-compact-ready] .config-visual>.config-panel{display:none}[data-compact-ready] .board-workspace{background:#edf2ed;border-radius:14px}[data-compact-ready] .drawing-label{margin-bottom:8px}[data-compact-ready] .config-visual [data-part-drawing]{max-height:210px}[data-compact-ready] .drawing-tools{gap:6px;margin:0;display:flex;position:absolute;top:8px;right:8px}[data-compact-ready] .drawing-tools button{border:1px solid var(--line);background:#ffffffeb;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;box-shadow:0 2px 6px #183b3210}[data-compact-ready] .drawing-tools svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}[data-compact-ready] .drawing-tools span{display:none}[data-compact-ready] .config-visual .part-name-row{margin-top:12px}[data-compact-ready] .part-name-row label{font-size:12px}[data-compact-ready] .drawing-tools button{min-height:40px;font-size:11px}[data-compact-ready] .drawing-hint{margin-top:6px;font-size:10px}[data-compact-ready] .config-selection{background:#edf3ee;border-radius:12px;margin-top:12px;padding:12px;display:block}.config-selection>p{justify-content:space-between;gap:12px;font-size:11px;display:flex}.config-selection>strong{letter-spacing:-.03em;margin-top:4px;font-size:24px;font-weight:650;display:block}.config-selection-tags{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11px;display:flex}[data-compact-ready] .drawing-result{border:0;margin-top:12px;padding:0}[data-compact-ready] .drawing-result>span{display:none}[data-compact-ready] .drawing-result [data-preview-result]{font-size:12px;font-weight:500}[data-compact-ready] .drawing-note{margin-top:12px}[data-compact-ready] .config-dock{z-index:19;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:var(--background);border-top:1px solid var(--line);display:block;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #183b3210}[data-compact-ready] .config-dock[hidden]{display:none}.config-dock-tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;max-width:600px;margin:auto;display:grid}.config-dock-tools button{min-width:0;min-height:58px;color:var(--foreground);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 2px;font-size:10px;line-height:1.3;display:flex}.config-dock-tools svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.config-dock-tools button:hover,.config-dock-tools [aria-expanded=true]{color:var(--accent);background:#e3eee5}[data-compact-ready] .config-drawer .config-dock{box-shadow:none;position:static}[data-compact-ready] .config-layout{gap:14px;padding-bottom:86px}[data-compact-ready] input:not([type=checkbox]),[data-compact-ready] select{font-size:16px}.config-drawer .drawing-dimensions{gap:10px}}@media (prefers-reduced-motion:no-preference){.config-drawer[open]{animation:.2s ease-out config-sheet-in}}@keyframes config-sheet-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}