.panelSelector{flex-flow:row;gap:6px;display:flex}.panelSelectorButton{border:1px solid var(--ui-border);background:var(--ui-surface);min-height:32px;color:var(--ui-text-muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.panelSelectorButton:hover{border-color:var(--ui-accent);color:var(--ui-ink-strong)}.panelSelectorButton[data-active=true]{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-text-invert)}.panelSelector .panelSelectorSelect{display:none}.panelSelectorEmpty{color:var(--ui-text-soft);font-family:var(--font-sans);font-size:12px}@media (max-width:720px){.panelSelectorButton{min-height:28px;padding:4px 10px;font-size:11px}}.blueprintHeader{background:var(--ui-surface);border:1px solid var(--ui-border);box-sizing:border-box;width:100%;box-shadow:var(--ui-shadow-xs);border-radius:12px;flex-direction:column;margin:8px 0 10px;padding:10px 14px;display:flex}.blueprintHeaderRow{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;align-items:center;gap:16px;width:100%;min-width:0;display:flex;overflow:auto visible}.blueprintHeaderCell{align-items:center;gap:12px;min-width:0;display:flex}.blueprintHeaderCell--product{flex:none;width:180px}.blueprintHeaderCell--design{flex-wrap:nowrap;flex:auto;justify-content:flex-start;min-width:0}.blueprintHeaderControl{flex-direction:column;flex:none;gap:3px;min-width:0;display:flex}.blueprintHeaderControlLabel{text-transform:uppercase;letter-spacing:.04em;color:var(--ui-text-soft);font-size:10px;font-weight:700;line-height:1}.blueprintHeaderControl--panel{min-width:0;overflow:hidden}.blueprintHeaderControl--panel .panelSelector{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow:auto visible}.blueprintHeaderSidedToggle{flex-direction:column;gap:4px;width:108px;display:flex}.blueprintHeaderTwoPanelTools{border-left:1px solid var(--ui-border);flex-direction:column;flex:none;justify-content:center;align-self:stretch;gap:4px;margin-left:8px;padding-left:12px;display:flex}.blueprintHeaderTwoPanelToolsButton{background:var(--ui-surface);border:1px solid var(--ui-border);min-width:84px;color:var(--ui-text);font-family:var(--font-sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.blueprintHeaderTwoPanelToolsButton:hover{background:var(--ui-accent-alt-soft);border-color:var(--ui-accent-alt);color:var(--ui-ink-strong)}.blueprintHeaderSidedToggleButton{border:1px solid var(--ui-border-strong);background:var(--ui-surface);min-width:0;color:var(--ui-text-muted);font-family:var(--font-sans);cursor:pointer;border-radius:8px;flex:none;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.2;transition:background .16s,border-color .16s,color .16s}.blueprintHeaderSidedToggleButton:hover{border-color:var(--ui-accent)}.blueprintHeaderSidedToggleButton[data-active=true]{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-text-invert)}@media (max-width:720px){.blueprintHeaderCell--product{width:140px}.blueprintHeaderSidedToggle{width:96px}}.twoPanelCopyTools{flex-direction:column;flex:none;justify-content:center;align-self:center;gap:4px;display:flex}.twoPanelCopyToolsButton{background:var(--ui-surface);border:1px solid var(--ui-border);min-width:84px;color:var(--ui-text);font-family:var(--font-sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.twoPanelCopyToolsButton:hover:not(:disabled){background:var(--ui-accent-alt-soft);border-color:var(--ui-accent-alt);color:var(--ui-ink-strong)}.twoPanelCopyToolsButton:disabled{opacity:.4;cursor:not-allowed}.twoPanelCopyToolsButton--twoLine{flex-direction:column;gap:1px;padding:6px 10px;line-height:1.2}.twoPanelCopyToolsButton--twoLine span{display:block}.generalToolbar{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-pill);box-shadow:var(--ui-shadow-sm);flex-direction:column;align-self:stretch;gap:2px;max-height:100%;padding:6px 5px;display:flex}.generalToolbarItem{position:relative}.generalToolbarBtn{width:36px;height:36px;color:var(--ui-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s,transform .15s,opacity .15s;display:inline-flex}.generalToolbarBtn img,.generalToolbarBtn>svg{width:18px;height:18px;color:var(--ui-ink-strong,#1a1a1f)}.generalToolbarBtn:hover:not(:disabled){background:var(--ui-surface-muted);border-color:var(--ui-border)}.generalToolbarBtn:active:not(:disabled){transform:scale(.95)}.generalToolbarBtn:disabled{opacity:.35;cursor:not-allowed}.generalToolbarBtn[data-active=true]{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-surface)}.generalToolbarBtn[data-active=true] img{filter:brightness(0)invert()}.generalToolbarBtn--danger{color:var(--ui-danger)}.generalToolbarBtn--danger:disabled{opacity:1;color:var(--ui-danger);cursor:not-allowed;background:0 0;border-color:#0000}.generalToolbarBtn--danger:disabled img{opacity:.45;filter:brightness(0)saturate()invert(33%)sepia(78%)saturate(2000%)hue-rotate(340deg)brightness(95%)contrast(95%)}.generalToolbarBtn--danger:not(:disabled){background:var(--ui-danger);border-color:var(--ui-danger);color:var(--ui-surface)}.generalToolbarBtn--danger:not(:disabled) img{filter:brightness(0)invert()}.generalToolbarBtn--danger:hover:not(:disabled){background:var(--ui-danger);border-color:var(--ui-ink-strong)}.generalToolbarGlyph{color:inherit;font-size:20px;line-height:1}.generalToolbarDivider{background:var(--ui-border);align-self:center;width:22px;height:1px;margin:4px auto}.generalToolbarFlyoutOverlay{z-index:80;background:0 0;position:fixed;inset:0}.generalToolbarFlyout{z-index:81;background:var(--ui-surface);border:1px solid var(--ui-border-strong);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--ui-shadow-lg);flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:0;left:calc(100% + 8px)}.generalToolbarFlyoutTitle{font-family:var(--font-display);color:var(--ui-ink-strong);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.generalToolbarFlyoutGrid{gap:4px;display:grid}.generalToolbarFlyoutGrid--align{grid-template-columns:repeat(3,1fr)}.generalToolbarFlyoutGrid--row{grid-template-columns:repeat(auto-fit,minmax(36px,1fr))}.generalToolbarFlyoutBtn{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--ui-text);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.generalToolbarFlyoutBtn img,.generalToolbarFlyoutBtn svg{width:18px;height:18px;color:var(--ui-ink-strong,#1a1a1f)}.generalToolbarFlyoutBtn:hover{background:var(--ui-accent-alt-soft);border-color:var(--ui-accent-alt)}@media (max-width:720px){.generalToolbar{flex-flow:wrap;justify-content:center;align-self:stretch}.generalToolbarBtn{width:32px;height:32px}.generalToolbarDivider{width:1px;height:22px;margin:auto 4px}.generalToolbarFlyout{top:calc(100% + 8px);left:0}}.imagePickerOverlay{z-index:var(--z-modal);background:#3b3b3b80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.imagePickerDialog{background:var(--ui-surface);border:1px solid var(--ui-border-strong);border-radius:var(--radius-md);width:min(480px,100%);max-height:70vh;box-shadow:var(--ui-shadow-lg);flex-direction:column;gap:8px;padding:16px;display:flex;position:relative}.imagePickerHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.imagePickerTitle{font-family:var(--font-display);color:var(--ui-ink-strong);letter-spacing:.02em;font-size:13px;font-weight:700}.imagePickerUploadBtn{border:1px solid var(--ui-border);border-radius:var(--radius-pill);color:var(--ui-text);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.imagePickerUploadBtn:hover{border-color:var(--ui-accent-alt);background:var(--ui-accent-alt-soft)}.imagePickerEmpty{color:var(--ui-text-muted);text-align:center;padding:16px 8px;font-size:13px}.imagePickerGrid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid;overflow-y:auto}.imagePickerThumb{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-sm);aspect-ratio:1;cursor:grab;justify-content:center;align-items:center;padding:4px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.imagePickerThumbBadge{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.06em;color:var(--ui-surface);pointer-events:none;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.2;position:absolute;bottom:2px;right:2px}.imagePickerThumbBadge--raster{background:var(--ui-text-muted)}.imagePickerThumbBadge--vector{background:var(--ui-accent-alt)}.imagePickerThumbBadge--pdf{background:var(--ui-danger)}.imagePickerThumb:active{cursor:grabbing}.imagePickerThumb:hover{border-color:var(--ui-accent-alt);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}.imagePickerThumb>img{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%}.colorWheelPanel{border:1px solid var(--ui-border);border-radius:var(--radius-md);background:var(--ui-surface);width:240px;box-shadow:var(--ui-shadow-lg);flex-direction:column;gap:12px;padding:12px;display:flex}.colorWheelCircle{aspect-ratio:1;cursor:crosshair;width:100%;box-shadow:0 0 0 1px var(--ui-border);touch-action:none;background:radial-gradient(circle,#fff 0%,#fff0 60%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;position:relative}.colorWheelThumb{left:var(--color-wheel-thumb-left,50%);top:var(--color-wheel-thumb-top,50%);width:12px;height:12px;box-shadow:0 0 0 1px var(--ui-border-strong);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.colorWheelSliders{flex-direction:column;gap:10px;display:flex}.colorWheelLabel{color:var(--ui-text);flex-direction:column;gap:4px;font-size:12px;display:flex}.colorWheelLabel input[type=range]{-webkit-appearance:none;appearance:none;background:var(--slider-bg,#d1d5db);border-radius:999px;outline:none;width:100%;height:8px}.colorWheelLabel input[type=range]::-webkit-slider-runnable-track{background:var(--slider-bg,#d1d5db);border-radius:999px;height:8px}.colorWheelLabel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ui-border-strong);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-4px;box-shadow:0 1px 2px #00000026}.colorWheelLabel input[type=range]::-moz-range-track{background:var(--slider-bg,#d1d5db);border-radius:999px;height:8px}.colorWheelLabel input[type=range]::-moz-range-thumb{border:2px solid var(--ui-border-strong);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #00000026}.colorWheelHexRow{align-items:center;gap:8px;display:flex}.colorWheelHexRow input[type=text]{border:1px solid var(--ui-border);border-radius:6px;flex:1;padding:6px 8px;font-family:monospace;font-size:13px}.colorWheelEyedropperBtn{cursor:pointer;width:32px;height:32px;color:var(--ui-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}.colorWheelEyedropperBtn:hover{background:var(--ui-surface-muted)}.colorSwatchRow{align-items:stretch;gap:10px;display:inline-flex}.colorSwatchRowSection{flex-direction:column;gap:4px;display:flex}.colorSwatchRowSectionLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-muted,#6b7280);font-size:9px;font-weight:800}.colorSwatchRowGrid{grid-template-rows:repeat(3,22px);grid-auto-columns:22px;grid-auto-flow:column;align-content:center;gap:4px;display:grid}.colorSwatchRowSection+.colorSwatchRowSection{border-left:1px solid var(--ui-border);padding-left:10px}.colorSwatchRowNone{border:1px solid var(--ui-border);background:linear-gradient(135deg, transparent 42%, var(--ui-danger) 42%, var(--ui-danger) 58%, transparent 58%), var(--ui-surface);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0;transition:border-color .15s,transform .15s}.colorSwatchRowNone:hover{border-color:var(--ui-border-strong);transform:scale(1.05)}.colorSwatchRowNone[data-active=true]{border-color:var(--ui-accent-alt);box-shadow:0 0 0 2px var(--ui-accent-alt-soft)}.colorSwatchRowSwatch{border:1px solid var(--ui-border);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s}.colorSwatchRowSwatch:hover{border-color:var(--ui-border-strong);transform:scale(1.05)}.colorSwatchRowSwatch[data-active=true]{border-color:var(--ui-accent-alt);box-shadow:0 0 0 2px var(--ui-accent-alt-soft)}.colorSwatchRowSwatch--recent{border-color:var(--ui-border)}.colorSwatchRowCustomWrap{width:22px;height:22px;display:inline-flex;position:relative}.colorSwatchRowCustom{border:1px solid var(--ui-border);cursor:pointer;background:radial-gradient(circle,#fff 0%,#fff0 55%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:22px;height:22px;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s}.colorSwatchRowCustom:hover{border-color:var(--ui-border-strong);transform:scale(1.05)}.colorSwatchRowCustom[data-active=true]{border-color:var(--ui-accent-alt);box-shadow:0 0 0 2px var(--ui-accent-alt-soft)}.colorSwatchRowWheelAnchor{z-index:200;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.colorSwatchRowEyedropper{cursor:pointer;width:22px;height:22px;color:var(--ui-text);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.colorSwatchRowEyedropper img,.colorSwatchRowEyedropper svg{width:18px;height:18px}.colorSwatchRowEyedropper:hover{background:var(--ui-surface-muted);border-color:var(--ui-border);transform:scale(1.05)}.drawingTools{background:var(--ui-surface);border:1px solid var(--ui-border);min-height:88px;font-family:var(--font-sans);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex;position:relative}.drawingToolsGroup{align-items:center;gap:4px;display:flex}.drawingToolsGroup--vertical{flex-direction:column;align-items:stretch;gap:2px}.drawingToolsNavRow{align-items:center;gap:2px;display:flex}.drawingToolsGroup--navHorizontal{flex-direction:row;align-items:center;gap:4px}.drawingToolsGroup--contextual{flex-wrap:wrap;flex:1;gap:6px;position:relative}.drawingToolsGroup--paintIndicator{border-left:1px solid var(--ui-border,#e5e7eb);border-right:1px solid var(--ui-border,#e5e7eb);flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:2px;padding:4px 8px;position:relative}.drawingToolsPaintIndicatorTitle{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-muted,#6b7280);margin-bottom:2px;font-size:9px;font-weight:800}.drawingToolsPaintSwatchWrap{border-radius:4px;flex-direction:row;align-items:center;gap:6px;padding:2px 4px;transition:background .12s;display:flex}.drawingToolsPaintSwatchWrap[data-active=true]{background:var(--ui-surface-alt,#eef0f4)}.drawingToolsPaintSwatchWrap[data-active=true] .drawingToolsPaintSwatchLabel{color:var(--ui-ink-strong,#1a1a1f);font-weight:800}.drawingToolsPaintSwatchWrap[data-active=true] .drawingToolsPaintSwatchChip{box-shadow:0 0 0 2px var(--ui-accent,#e6125c)}.drawingToolsPaintSwatchLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-muted,#6b7280);width:36px;font-size:9px;font-weight:700}.drawingToolsPaintSwatchRow{align-items:center;gap:4px;display:flex}.drawingToolsPaintSwatchChipButton{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:transform .1s;display:inline-flex}.drawingToolsPaintSwatchChipButton:hover{transform:scale(1.06)}.drawingToolsPaintSwatchChip{border:1px solid var(--ui-border,#d1d5db);background:#fff;border-radius:50%;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #0000000a}.drawingToolsPaintSwatchChip[data-empty=true]{background:#fff linear-gradient(135deg,#0000 calc(50% - 1px),#dc2626 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.drawingToolsPaintSwatchClear{border:1px solid var(--ui-border,#d1d5db);width:18px;height:18px;color:var(--ui-text-muted,#6b7280);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.drawingToolsPaintSwatchClear:hover{background:var(--ui-surface-alt,#f5f5f5);color:var(--ui-text,#1a1a1f)}.drawingToolsPaintSwatchClear[data-active=true]{background:var(--ui-text,#1a1a1f);color:#fff;border-color:var(--ui-text,#1a1a1f)}.drawingToolsSubsection{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.drawingToolsSubsection--actions{gap:4px}.drawingToolsSubsection--placeholder{color:var(--ui-text-muted)}.drawingToolsSubsection--text{border-left:2px solid var(--ui-border);grid-template-rows:repeat(3,22px);grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:4px 8px;margin-left:6px;padding-left:14px;display:grid}.drawingToolsSubsection--text>*{min-height:22px}.drawingToolsSubsection--text[data-disabled=true]{opacity:.45;pointer-events:none}.drawingToolsTextStyleRow{gap:2px;width:140px;display:flex}.drawingToolsTextSection{flex-direction:column;gap:4px;display:flex}.drawingToolsTextSectionLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-muted,#6b7280);margin-left:14px;font-size:9px;font-weight:800}.drawingToolsCurrentColumn{flex-direction:column;align-items:stretch;display:flex;position:relative}.drawingToolsLabel{background:var(--ui-accent-alt-soft);border:1px solid var(--ui-accent-alt);border-radius:var(--radius-pill);color:var(--ui-ink-strong);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;z-index:1;margin-top:4px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:100%;left:0}.drawingToolsBtn{width:32px;height:32px;color:var(--ui-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.drawingToolsBtn img{width:16px;height:16px}.drawingToolsBtn:hover:not(:disabled){background:var(--ui-surface-muted);border-color:var(--ui-border)}.drawingToolsBtn:disabled{opacity:.35;cursor:not-allowed}.drawingToolsBtn[data-active=true]{background:var(--ui-accent-alt-soft);border-color:var(--ui-accent-alt);color:var(--ui-ink-strong)}.drawingToolsBtn--danger:hover:not(:disabled){background:var(--ui-danger-soft);border-color:var(--ui-danger);color:var(--ui-danger)}.drawingToolsBtn--label{border:1px solid var(--ui-border);width:auto;padding:0 12px;font-size:12px;font-weight:600}.drawingToolsBtn--label:hover:not(:disabled){background:var(--ui-accent-alt-soft);border-color:var(--ui-accent-alt);color:var(--ui-ink-strong)}.drawingToolsDivider{background:var(--ui-border);width:1px;height:24px;margin:0 4px}.drawingToolsZoomPct{font-variant-numeric:tabular-nums;width:32px;height:32px;color:var(--ui-text);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}@media (max-width:720px){.drawingTools{gap:6px;min-height:0;padding:6px 8px}.drawingToolsLabel{text-align:center;flex-basis:100%;position:static}.drawingToolsBtn{width:28px;height:28px}.drawingToolsBtn img{width:14px;height:14px}}.textEditOverlay::selection{color:inherit;background:#3985fe73}.textEditOverlay::selection{color:inherit;background:#3985fe73}.textEditOverlay:focus{box-shadow:none}.dimensionCallout{pointer-events:none;color:var(--ui-ink-strong);position:absolute}.dimensionCalloutLine,.dimensionCalloutCap{background:var(--ui-ink-strong);position:absolute}.dimensionCalloutLabel{font-family:var(--font-sans);color:var(--ui-ink-strong);font-size:14px;font-weight:700;line-height:1;position:absolute}.dimensionCallout--height{--dimension-callout-gap:36px;width:28px;top:0;bottom:0;right:-28px}.dimensionCallout--height .dimensionCalloutLine{width:1px;right:13px}.dimensionCallout--height .dimensionCalloutLine--start{height:calc(50% - var(--dimension-callout-gap) / 2);top:0}.dimensionCallout--height .dimensionCalloutLine--end{height:calc(50% - var(--dimension-callout-gap) / 2);bottom:0}.dimensionCallout--height .dimensionCalloutCap{width:13px;height:1px;right:7px}.dimensionCalloutCap--top{top:0}.dimensionCalloutCap--bottom{bottom:0}.dimensionCallout--height .dimensionCalloutLabel{transform-origin:50%;white-space:nowrap;top:50%;right:13.5px;transform:translate(50%,-50%)rotate(-90deg)}.dimensionCallout--width{height:48px;bottom:-48px;left:0;right:0}.dimensionCallout--width .dimensionCalloutLine{height:1px;top:20px}.dimensionCallout--width .dimensionCalloutLine--start{width:50%;left:0}.dimensionCallout--width .dimensionCalloutLine--end{width:50%;right:0}.dimensionCallout--width .dimensionCalloutCap{width:1px;height:13px;top:14px}.dimensionCalloutCap--left{left:0}.dimensionCalloutCap--right{right:0}.dimensionCallout--width .dimensionCalloutLabel{white-space:nowrap;top:28px;left:50%;transform:translate(-50%)}@media (max-width:720px){.dimensionCallout--height{--dimension-callout-gap:28px;width:22px;right:-22px}.dimensionCallout--height .dimensionCalloutLine{right:10px}.dimensionCallout--height .dimensionCalloutCap{width:11px;right:5px}.dimensionCallout--height .dimensionCalloutLabel{right:10.5px}.dimensionCallout--width{height:36px;bottom:-36px}.dimensionCallout--width .dimensionCalloutLine{top:14px}.dimensionCallout--width .dimensionCalloutCap{height:13px;top:8px}.dimensionCallout--width .dimensionCalloutLabel{top:20px}.dimensionCalloutLabel{font-size:12px}}.designerView{flex-direction:column;flex:1;gap:0;width:100%;max-width:900px;min-height:0;margin:0 auto;padding:0 16px 16px 0;display:flex}.designerView>*{flex:none}.designerView[data-layout=two-tall]{max-width:1100px}.designerViewEmpty{color:#888;padding:16px;font-size:13px}.designerViewHeader{justify-content:space-between;align-items:center;display:flex}.designerViewHeaderTitle{color:#222;margin:0;font-size:18px;font-weight:600}.designerViewCanvasRow{flex:auto;align-items:stretch;gap:12px;min-height:0;margin-top:16px;display:flex;overflow:hidden}.designerViewPanelGrid{flex-flow:column wrap;flex:1;gap:12px;min-width:0;min-height:0;display:flex}.designerViewPanelGrid[data-pan-mode=true]{cursor:grab}.designerViewPanelGrid[data-pan-mode=true][data-panning=true]{cursor:grabbing}.designerViewPanelGrid[data-pan-mode=true] *{cursor:inherit!important}.designerView[data-layout=two-tall] .designerViewPanelGrid{flex-direction:row}.designerView[data-layout=two-wide] .designerViewPanelGrid{flex-direction:column}.designerViewPanelCell{box-sizing:border-box;background:0 0;border-radius:4px;flex-direction:column;flex:auto;min-width:0;min-height:0;padding-bottom:48px;padding-right:30px;display:flex}.designerViewPanelCell[data-blank=true]{pointer-events:none}.designerViewPanelCanvasWrap{flex:auto;min-width:0;min-height:0;display:flex;position:relative}.designerView[data-layout=two-tall] .designerViewPanelCell,.designerView[data-layout=two-wide] .designerViewPanelCell{background:#fff;flex:1 1 0;min-width:240px;padding:6px 30px 48px 6px}.designerViewPanelCellLabel{color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:400}.designerViewPanelCell[data-focused=true] .designerViewPanelCellLabel{color:var(--ui-ink-strong);font-weight:600}.designerViewSurfaceToggle{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:999px;align-items:center;gap:2px;margin-bottom:4px;padding:2px;display:inline-flex}.designerViewSurfaceToggleButton{min-height:22px;color:var(--ui-text-muted);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:2px 12px;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.designerViewSurfaceToggleButton:hover{color:var(--ui-ink-strong)}.designerViewSurfaceToggleButton[data-active=true]{background:var(--ui-ink-strong);color:var(--ui-surface)}.designerViewTwoPanelTools{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.designerViewTwoPanelToolsLabel{color:#666}.designerViewTwoPanelToolsButton{cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:3px;padding:4px 10px;font-size:12px}.designerViewTwoPanelToolsButton:hover{background:#fafafa;border-color:#888}@media (max-width:720px){.designerView,.designerView[data-layout=two-tall]{gap:12px;max-width:100%;padding:8px}.designerView[data-layout=two-tall] .designerViewPanelGrid{flex-direction:column}.designerViewTwoPanelTools{flex-wrap:wrap}.designerViewPanelCell{padding-bottom:36px;padding-right:22px}.designerView[data-layout=two-tall] .designerViewPanelCell,.designerView[data-layout=two-wide] .designerViewPanelCell{padding:6px 22px 36px 6px}}