@media (width<=1079px){.preview-panel{--mini-preview-size:6.5rem;--mini-dimensions-height:3rem}.preview-panel[data-mini-preview-state=mini]:after,.preview-panel[data-mini-preview-state=overlay]:after,.preview-panel[data-mini-preview-state=recheck]:after{content:"";min-height:clamp(22rem,56vw,34rem);display:block}.preview-panel[data-mini-preview-state=mini] .preview-canvas{left:var(--space-4);bottom:calc(var(--space-4) + var(--mini-dimensions-height) + var(--space-2) + env(safe-area-inset-bottom,0px));width:var(--mini-preview-size);height:var(--mini-preview-size);border-radius:var(--border-radius-lg);z-index:40;cursor:pointer;min-height:0;transition:transform .2s,opacity .2s;position:fixed;box-shadow:0 12px 28px #1c123447}.preview-panel[data-mini-preview-state=mini] .preview-canvas:hover,.preview-panel[data-mini-preview-state=mini] .preview-canvas:focus-visible{transform:scale(1.05)}.preview-panel[data-mini-preview-state=mini] .preview-canvas:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.preview-panel[data-mini-preview-state=mini] .dimension-label{display:none}.preview-panel[data-mini-preview-state=mini] .preview-mini-dimensions{display:flex}}.preview-mini-dimensions{left:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));width:var(--mini-preview-size,6.5rem);height:var(--mini-dimensions-height,3rem);padding:var(--space-1) var(--space-2);box-sizing:border-box;border-radius:var(--border-radius-md);color:var(--color-bg-white);font-size:.65rem;font-weight:var(--font-weight-bold);z-index:40;background:#181321d9;flex-direction:column;justify-content:center;gap:2px;margin:0;line-height:1.3;display:none;position:fixed}.preview-overlay{border-radius:var(--border-radius-lg);background:0 0;border:none;width:min(90vw,32rem);height:min(70vh,32rem);padding:0;position:relative;overflow:hidden}.preview-overlay::backdrop{background:#181321b8}.preview-overlay .preview-canvas{width:100%;height:100%;min-height:0}.preview-overlay__close{top:var(--space-3);right:var(--space-3);z-index:1;background:var(--color-bg-white);min-width:44px;min-height:44px;color:var(--color-brand-purple-dark);font-size:var(--text-lg);cursor:pointer;border:none;border-radius:999px;position:absolute}.preview-overlay__close:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.preview-canvas{transition:none}}.preview-recheck-slot{min-height:clamp(22rem,56vw,34rem)}@media (width>=1080px){.preview-recheck{display:none}}.tool-panel[data-accordion-section]>summary{cursor:pointer;align-items:center;gap:var(--space-2);min-height:44px;list-style:none;display:flex}.tool-panel[data-accordion-section]>summary::marker{display:none}.tool-panel[data-accordion-section]>summary::-webkit-details-marker{display:none}.tool-panel[data-accordion-section]>summary:after{content:"▾";margin-left:auto;transition:transform .15s}.tool-panel[data-accordion-section][open]>summary:after{transform:rotate(180deg)}.tool-panel[data-accordion-section]>summary:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tool-panel[data-accordion-section]>summary:after{transition:none}}@media (width>=1080px){.tool-panel[data-accordion-section]:not([open])>:not(summary){display:block}.tool-panel[data-accordion-section]>summary{pointer-events:none;cursor:default}.tool-panel[data-accordion-section]>summary:after{display:none}}