.style-preview{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.style-preview-subject{flex-direction:column;gap:2px;font-size:14px;display:flex}.style-preview-subject span,.style-preview-head{color:var(--muted-foreground);font-size:13px}.style-preview-head{color:var(--foreground);font-weight:600}.style-preview-check{min-height:65px}.style-preview-make{background:var(--primary);min-height:44px;color:var(--primary-foreground);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;display:inline-flex}.style-preview-make:disabled{opacity:.5}.style-preview-secondary{border:1px solid var(--border);border-radius:999px;min-height:40px;font-size:14px}.style-preview-note{color:var(--muted-foreground);text-align:center;font-size:12px}.style-preview-error{color:var(--destructive);font-size:13px}.style-preview-wait{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 8px;display:flex}.style-preview-wait span{color:var(--muted-foreground);font-size:13px}.style-preview-hint{background:var(--muted);border-radius:12px;flex-direction:column;gap:8px;padding:12px;font-size:13px;display:flex}.style-preview-hint div{gap:8px;display:flex}.style-preview-hint button{border:1px solid var(--border);background:var(--background);border-radius:999px;min-height:36px;padding:0 14px}.style-preview-hint button:first-child{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.style-preview-grid{background:#fff;border-radius:12px;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden}.style-preview-grid img{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:auto;display:block}.style-preview-cells{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.style-preview-cell{border:2px solid #0000;border-radius:10px;transition:border-color .12s,box-shadow .12s;position:relative}.style-preview-cell:hover:not(:disabled),.style-preview-cell:focus-visible{border-color:color-mix(in oklab, var(--primary) 55%, transparent);outline:none}.style-preview-cell.is-on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.style-preview-cell:disabled{cursor:not-allowed;opacity:.45;background:var(--background)}.style-preview-cell-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:oklab(0% none none/.62);border-radius:999px;max-width:calc(100% - 8px);padding:1px 6px;font-size:10px;line-height:16px;position:absolute;bottom:4px;left:50%;overflow:hidden;transform:translate(-50%)}.style-preview-cell-tick{background:var(--primary);width:22px;height:22px;color:var(--primary-foreground);border-radius:999px;place-items:center;display:grid;position:absolute;top:4px;right:4px}@media (width>=640px){.style-preview-cell-name{font-size:11px}}