.designer{--designer-export-background:#465862;--designer-stone-light:oklch(91% .017 80);--designer-stone-white:oklch(97% .003 90);--designer-stone-gray:oklch(69% .008 250);--designer-stone-dark:oklch(22% .008 255);--designer-stone-natural:oklch(77% .037 78);--designer-stone-turkish:oklch(88% .012 95);--designer-stone-red:oklch(36% .095 27);--designer-gold:oklch(55% .09 82);--designer-gold-light:oklch(80% .12 85);--designer-shadow:color-mix(in oklab, var(--foreground) 12%, transparent);--designer-flower:oklch(40% .07 140);--designer-ink:var(--foreground);--designer-flame:var(--accent);padding-block:10px}.designer-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.designer-workspace{height:min(720px,var(--designer-available-height,65dvh));grid-template-rows:minmax(0,1fr) 20px;grid-template-columns:76px minmax(0,1fr);gap:8px;min-height:160px;display:grid}.designer-workspace.designer-editing{grid-template-columns:76px minmax(0,1fr) 290px}.designer-tool-rail{grid-area:1/1;grid-template-rows:repeat(8,minmax(0,1fr));gap:5px;min-height:0;display:grid}.designer-tool{background:var(--card);min-height:0;color:var(--primary-deep);flex-direction:column;gap:2px;padding:4px}.designer-tool span{white-space:normal;font-size:11px;line-height:1.15}.designer-tool[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.designer-preview-section{grid-area:1/2;grid-template-rows:minmax(0,1fr) 48px;min-width:0;min-height:0;display:grid;overflow:hidden}.designer-preview{background:var(--designer-export-background);height:100%;min-height:0}.designer-save-actions{justify-content:center;align-items:center;gap:6px;padding:3px;display:flex}.designer-save-actions button{min-height:36px;padding-inline:8px;font-size:12px}.designer-edit-panel{background:var(--card);border:1px solid var(--border);border-radius:8px;grid-area:1/3;grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0;display:grid}.designer-panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-inline:10px;display:flex}.designer-panel-heading h2{font-size:16px;font-weight:700}.designer-panel-content{overscroll-behavior:contain;flex-direction:column;gap:16px;padding:12px;display:flex;overflow-y:auto}.designer-panel-content fieldset{flex-shrink:0;min-width:0}.designer-panel-content>div{flex-shrink:0}.designer-panel-content fieldset button{min-height:40px;padding:6px;font-size:13px}.designer-panel-content legend,.designer-panel-content label{margin-bottom:8px;font-size:14px}.designer-notice{grid-area:2/2/auto/-1;margin:0;overflow:hidden}.designer-three-view{width:100%;height:100%;position:relative}.designer-three-canvas{width:100%;height:100%}.designer-three-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.designer-three-canvas canvas:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.designer-view-controls{gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.designer-view-controls button{background:var(--card);width:36px;height:36px}.designer-scene-status{text-align:center;color:var(--foreground);place-content:center;padding:20px;display:grid;position:absolute;inset:0}.design-stone{--stone:var(--designer-stone-light);--ink:var(--foreground);width:100%;height:100%}.design-stone-marble{--stone:var(--designer-stone-white)}.design-stone-gray{--stone:var(--designer-stone-gray)}.design-stone-black{--stone:var(--designer-stone-dark);--ink:var(--designer-stone-white)}.design-stone-natural{--stone:var(--designer-stone-natural)}.design-stone-face{fill:var(--stone)}.design-stone-side{fill:color-mix(in oklab, var(--stone) 75%, var(--foreground))}.design-edge{stroke:color-mix(in oklab, var(--stone) 65%, var(--foreground));stroke-width:1.5px}.design-lettering{fill:var(--ink);color:var(--ink)}g.design-lettering[fill=none]{fill:none}.design-gold-text{--ink:var(--designer-gold)}.design-stone-black.design-gold-text{--ink:var(--designer-gold-light)}.design-shadow{fill:var(--designer-shadow)}.design-pebble-bed{fill:color-mix(in oklab, var(--stone) 60%, var(--foreground))}.design-pebble{stroke:color-mix(in oklab, var(--stone) 70%, var(--foreground));stroke-width:1px}.design-pebble-0{fill:var(--designer-stone-white)}.design-pebble-1{fill:var(--designer-stone-gray)}.design-pebble-2{fill:var(--designer-stone-natural)}.design-accessory{fill:color-mix(in oklab, var(--stone) 60%, var(--foreground));stroke:var(--stone);stroke-width:1.5px}.design-glass{fill:var(--designer-stone-dark)}.design-flame{fill:var(--accent)}.design-flower{color:var(--designer-flower)}.designer-swatch{border:1px solid var(--border);border-radius:3px;flex-shrink:0;width:24px;height:28px}.designer-swatch-hebron{background:var(--designer-stone-light)}.designer-swatch-marble{background:var(--designer-stone-white)}.designer-swatch-turkish{background:var(--designer-stone-turkish)}.designer-swatch-red{background:var(--designer-stone-red)}.designer-swatch-gray{background:var(--designer-stone-gray)}.designer-swatch-black{background:var(--designer-stone-dark)}.designer-swatch-natural{background:var(--designer-stone-natural)}@media (width<=1000px){.designer-workspace.designer-editing{grid-template-columns:62px minmax(0,1fr) 240px}.designer-workspace{grid-template-columns:62px minmax(0,1fr)}.designer-tool{padding:2px}}@media (width<=600px){.designer-heading h1{font-size:20px}.designer-workspace,.designer-workspace.designer-editing{grid-template-rows:minmax(150px,1fr) 100px 190px 18px;grid-template-columns:minmax(0,1fr)}.designer-workspace:not(.designer-editing){height:max(268px,calc(min(720px,var(--designer-available-height,65dvh)) - 190px));grid-template-rows:minmax(150px,1fr) 100px 18px}.designer-workspace:not(.designer-editing) .designer-notice{grid-row:3}.designer-preview-section{grid-area:1/1;grid-template-rows:minmax(0,1fr) 42px}.designer-edit-panel{grid-area:3/1;grid-template-rows:34px minmax(0,1fr)}.designer-tool-rail{grid-area:2/1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.designer-editing .designer-tool-rail{grid-row:2}.designer-notice{grid-area:4/1;font-size:11px}.designer-editing .designer-notice{grid-row:4}.designer-panel-content{gap:10px;padding:8px}.designer-panel-content fieldset button{min-height:34px;font-size:12px}.designer-panel-content textarea{min-height:60px}.designer-panel-content fieldset>div{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-save-actions button{padding-inline:5px;font-size:11px}}@media (height<=550px) and (width>=601px){.designer-workspace,.designer-workspace.designer-editing{grid-template-columns:105px minmax(0,1fr)}.designer-workspace.designer-editing{grid-template-columns:105px minmax(0,1fr) 230px}.designer-tool-rail{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.designer-tool span{font-size:10px}.designer-heading{margin-bottom:5px}.designer-heading h1{font-size:18px}.designer-panel-content{padding:8px}.designer-panel-content fieldset button{min-height:32px;font-size:12px}}