.preview-viewport.svelte-d5ll0i{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:grab;touch-action:none;width:100%;height:220px;position:relative;overflow:hidden}@media (width<=1024px){.preview-viewport.svelte-d5ll0i{height:clamp(220px,32dvh,360px)}}.preview-viewport.panning.svelte-d5ll0i{cursor:grabbing}.canvas-rect.svelte-d5ll0i{box-sizing:border-box;pointer-events:none;border:2px dashed var(--accent-color);background:repeating-conic-gradient(var(--checkerboard-light,#e0e0e0) 0% 25%, var(--checkerboard-dark,silver) 0% 50%);background-size:12px 12px;position:absolute}.preview-image.svelte-d5ll0i{box-sizing:border-box;z-index:1;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;position:absolute}.handle.svelte-d5ll0i{box-sizing:border-box;background:rgba(var(--selection-accent-rgb), .4);border:2px solid var(--accent-color);border-radius:var(--radius-sm);pointer-events:auto;z-index:2;width:14px;height:14px;transition:background .1s;position:absolute}.handle.svelte-d5ll0i:hover{background:rgba(var(--selection-accent-rgb), .75)}.description.svelte-1uy0yc2{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.4}.main-grid.svelte-1uy0yc2{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.section-label.svelte-1uy0yc2{color:var(--text-tertiary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:600;display:block}.panel.svelte-1uy0yc2{padding:var(--spacing-lg);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.size-borders-row.svelte-1uy0yc2{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.size-with-chain.svelte-1uy0yc2{align-items:stretch;display:flex}.fields-column.svelte-1uy0yc2{gap:var(--spacing-md);flex-direction:column;flex:1;min-width:0;display:flex}.chain-link.svelte-1uy0yc2{width:28px;padding-top:var(--spacing-xl);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chain-line.svelte-1uy0yc2{background:var(--border-color);flex:1;width:1px;min-height:6px}.borders-grid.svelte-1uy0yc2{gap:var(--spacing-md);direction:ltr;grid-template-columns:1fr 1fr;display:grid}[dir=rtl] .borders-grid.svelte-1uy0yc2>*{direction:rtl}.anchor-preview-row.svelte-1uy0yc2{gap:var(--spacing-lg);grid-template-columns:auto 1fr;display:grid}.preview-panel.svelte-1uy0yc2{flex-direction:column;display:flex}.anchor-grid.svelte-1uy0yc2{direction:ltr;grid-template-rows:repeat(3,28px);grid-template-columns:repeat(3,28px);gap:3px;width:fit-content;display:grid}.anchor-btn.svelte-1uy0yc2{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--panel-bg);cursor:pointer;width:28px;height:28px;padding:0;transition:all .15s;position:relative}.anchor-btn.svelte-1uy0yc2:after{content:"";border-radius:var(--radius-full);background:var(--text-tertiary);width:6px;height:6px;transition:all .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anchor-btn.svelte-1uy0yc2:hover{border-color:var(--accent-color);background:var(--button-bg-hover)}.anchor-btn.svelte-1uy0yc2:hover:after{background:var(--text-secondary);width:8px;height:8px}.anchor-btn.active.svelte-1uy0yc2{border-color:var(--accent-color);background:var(--accent-color)}.anchor-btn.active.svelte-1uy0yc2:after{background:var(--text-on-accent);width:10px;height:10px}.preview-dimensions.svelte-1uy0yc2{margin-top:var(--spacing-md);font-variant-numeric:tabular-nums;color:var(--text-primary);align-self:center;font-size:11px;font-weight:500}.preview-dimensions.positive.svelte-1uy0yc2{color:var(--success-color)}.preview-dimensions.negative.svelte-1uy0yc2{color:var(--warning-color)}.warning.svelte-1uy0yc2{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 12px;background:rgba(var(--warning-rgb), .08);border:1px solid rgba(var(--warning-rgb), .25);border-radius:var(--radius-sm);color:var(--text-primary);margin-bottom:12px;font-size:12px;display:flex}.warning-icon.svelte-1uy0yc2{flex-shrink:0;align-items:center;display:inline-flex}.warning-icon.svelte-1uy0yc2 svg{width:14px;height:14px;display:block}.action-buttons.svelte-1uy0yc2{gap:var(--spacing-md);margin-bottom:12px;display:flex}@media (width<=1024px){.size-borders-row.svelte-1uy0yc2,.anchor-preview-row.svelte-1uy0yc2{grid-template-columns:1fr}}