.gallery-overlay[data-v-16d672c2]{position:fixed;inset:0;background-color:#000000d1;backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn-16d672c2 .15s ease-out}@keyframes fadeIn-16d672c2{0%{opacity:0}to{opacity:1}}.gallery-modal[data-v-16d672c2]{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg, 12px);width:100%;max-width:1020px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000a6;overflow:hidden}.gallery-header[data-v-16d672c2]{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background-color:var(--surface)}.header-left[data-v-16d672c2]{display:flex;align-items:center;gap:var(--space-3)}.gallery-title[data-v-16d672c2]{margin:0;font-size:var(--text-md);font-weight:700;color:var(--text);letter-spacing:-.02em}.gallery-count-badge[data-v-16d672c2]{font-size:11px;font-weight:600;padding:1px 8px;border-radius:var(--r-full, 9999px);background-color:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);font-variant-numeric:tabular-nums}.search-box[data-v-16d672c2]{position:relative;display:flex;align-items:center;width:280px}@media(max-width:640px){.search-box[data-v-16d672c2]{display:none}}.search-icon[data-v-16d672c2]{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input[data-v-16d672c2]{width:100%;padding:7px 30px 7px 34px;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full, 9999px);font-size:var(--text-xs);color:var(--text);outline:none;transition:all var(--dur-fast)}.search-input[data-v-16d672c2]:focus{background-color:var(--surface);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.search-clear-btn[data-v-16d672c2]{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all var(--dur-fast)}.search-clear-btn[data-v-16d672c2]:hover{color:var(--text);background-color:var(--surface-3)}.gallery-close-btn[data-v-16d672c2]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--r-md);transition:all var(--dur-fast)}.gallery-close-btn[data-v-16d672c2]:hover{color:var(--text);background-color:var(--surface-2);border-color:var(--border)}.gallery-toolbar[data-v-16d672c2]{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background-color:var(--surface);display:flex;flex-direction:column;gap:var(--space-3)}.toolbar-row[data-v-16d672c2]{display:flex;align-items:center}.segmented-control[data-v-16d672c2]{display:inline-flex;align-items:center;background-color:var(--surface-2);padding:3px;border-radius:var(--r-md);border:1px solid var(--border);gap:2px}.segmented-btn[data-v-16d672c2]{font-size:var(--text-xs);font-weight:500;padding:5px 14px;border:none;background:transparent;color:var(--text-muted);border-radius:calc(var(--r-md) - 2px);cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap}.segmented-btn[data-v-16d672c2]:hover{color:var(--text)}.segmented-btn.active[data-v-16d672c2]{background-color:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.categories-row[data-v-16d672c2]{display:flex;align-items:center;gap:var(--space-3)}.niche-label[data-v-16d672c2]{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.niche-icon[data-v-16d672c2]{color:var(--text-muted)}.niche-chips-container[data-v-16d672c2]{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:2px 0}.niche-chips-container[data-v-16d672c2]::-webkit-scrollbar{display:none}.chip-btn[data-v-16d672c2]{font-size:var(--text-xs);padding:4px 12px;background-color:transparent;border:1px solid var(--border);border-radius:var(--r-full, 9999px);color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease);font-weight:500;white-space:nowrap}.chip-btn[data-v-16d672c2]:hover{color:var(--text);background-color:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.chip-btn.active[data-v-16d672c2]{background-color:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.gallery-body[data-v-16d672c2]{padding:var(--space-6);overflow-y:auto;flex:1}.asset-grid[data-v-16d672c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--space-6, 24px)}@media(max-width:640px){.asset-grid[data-v-16d672c2]{grid-template-columns:1fr;gap:var(--space-4, 16px)}}.asset-card[data-v-16d672c2]{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-md, 8px);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;padding:0;text-align:left;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.asset-card[data-v-16d672c2]:hover,.asset-card[data-v-16d672c2]:focus-visible{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 28px -6px #00000040;outline:none}.asset-canvas[data-v-16d672c2]{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#0b0c10;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-3);box-sizing:border-box;border-bottom:1px solid var(--border)}.asset-card.aspect-4-3 .asset-canvas[data-v-16d672c2]{aspect-ratio:4 / 3}.asset-card.aspect-1-1 .asset-canvas[data-v-16d672c2]{aspect-ratio:1 / 1}.asset-img[data-v-16d672c2]{width:100%;height:100%;object-fit:contain;display:block;transition:transform var(--dur-fast) var(--ease)}.asset-card:hover .asset-img[data-v-16d672c2]{transform:scale(1.03)}.asset-hover-pill[data-v-16d672c2]{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-full, 9999px);background-color:var(--accent);color:var(--accent-contrast);opacity:0;transform:translateY(-4px);transition:all var(--dur-fast) var(--ease);box-shadow:0 3px 10px #0006;pointer-events:none}.asset-card:hover .asset-hover-pill[data-v-16d672c2],.asset-card:focus-visible .asset-hover-pill[data-v-16d672c2]{opacity:1;transform:translateY(0)}.asset-card-footer[data-v-16d672c2]{padding:var(--space-3) var(--space-4);background-color:var(--surface);display:flex;flex-direction:column;gap:3px}.asset-card-title[data-v-16d672c2]{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text);line-height:var(--lh-tight, 1.3);letter-spacing:-.01em;word-break:break-word}.asset-card-meta[data-v-16d672c2]{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.meta-tag[data-v-16d672c2]{color:var(--text-muted);font-weight:500}.meta-bullet[data-v-16d672c2]{color:var(--border-hover, #a1a1aa);font-size:10px}.meta-slot[data-v-16d672c2]{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.gallery-empty[data-v-16d672c2]{text-align:center;padding:var(--space-12) var(--space-4)}.empty-title[data-v-16d672c2]{font-size:var(--text-base);font-weight:700;color:var(--text);margin:0 0 var(--space-1) 0}.empty-desc[data-v-16d672c2]{font-size:var(--text-sm);color:var(--text-muted);max-width:360px;margin:0 auto var(--space-4) auto}.empty-reset-btn[data-v-16d672c2]{font-size:var(--text-xs);font-weight:600;padding:6px 14px;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full, 9999px);color:var(--text);cursor:pointer;transition:all var(--dur-fast)}.empty-reset-btn[data-v-16d672c2]:hover{border-color:var(--accent);color:var(--accent)}.curated-templates-section[data-v-596f2c74]{display:flex;flex-direction:column;gap:var(--space-2)}.templates-header[data-v-596f2c74]{display:flex;align-items:center;justify-content:space-between}.header-left[data-v-596f2c74]{display:flex;align-items:center;gap:5px}.header-icon[data-v-596f2c74]{color:var(--accent)}.header-title[data-v-596f2c74]{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.header-hint[data-v-596f2c74]{font-size:11px;color:var(--text-muted)}.templates-track[data-v-596f2c74]{display:flex;gap:var(--space-2);overflow-x:scroll;scrollbar-gutter:stable;min-height:124px;padding:4px 2px 6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.templates-track[data-v-596f2c74]::-webkit-scrollbar{height:4px}.templates-track[data-v-596f2c74]::-webkit-scrollbar-track{background:transparent}.templates-track[data-v-596f2c74]::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:var(--r-full)}.templates-track.scroll-snap[data-v-596f2c74]{scroll-snap-type:x mandatory}.template-card[data-v-596f2c74]{display:flex;flex-direction:column;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:4px;cursor:pointer;text-align:left;scroll-snap-align:start;position:relative;transition:all var(--dur-fast) var(--ease)}.template-card[data-v-596f2c74]:hover{border-color:var(--border-hover, #a1a1aa);transform:translateY(-2px);box-shadow:var(--shadow-xs)}.template-card.selected[data-v-596f2c74]{border-color:var(--accent);background-color:var(--surface);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm)}.thumbnail-wrap[data-v-596f2c74]{width:100%;position:relative;background-color:var(--surface-2);border-radius:calc(var(--r-md) - 2px);overflow:hidden;border:1px solid var(--border);background-clip:padding-box}.thumbnail-img[data-v-596f2c74]{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-normal) var(--ease)}.template-card:hover .thumbnail-img[data-v-596f2c74]{transform:scale(1.03)}.selected-badge[data-v-596f2c74]{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:var(--r-full, 9999px);background-color:var(--accent);color:var(--accent-contrast, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0006}.card-meta[data-v-596f2c74]{display:flex;flex-direction:column;gap:2px;padding:6px 2px 2px}.card-name[data-v-596f2c74]{font-size:11px;font-weight:600;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card.selected .card-name[data-v-596f2c74]{color:var(--accent)}.card-tag[data-v-596f2c74]{font-size:9px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.tab-panel[data-v-e5be8a21]{display:flex;flex-direction:column;gap:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-md, 8px);padding:var(--space-4)}.panel-header[data-v-e5be8a21]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.panel-hint[data-v-e5be8a21]{font-size:var(--text-xs);color:var(--text-muted)}.control-group[data-v-e5be8a21]{display:flex;flex-direction:column;gap:var(--space-2)}.control-heading[data-v-e5be8a21]{font-size:var(--text-xs);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.blueprint-grid[data-v-e5be8a21]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}@media(max-width:480px){.blueprint-grid[data-v-e5be8a21]{grid-template-columns:repeat(2,minmax(0,1fr))}}.blueprint-card[data-v-e5be8a21]{display:flex;flex-direction:column;align-items:center;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 6px 8px;cursor:pointer;transition:all var(--dur-fast) var(--ease);text-align:center}.blueprint-card[data-v-e5be8a21]:hover{border-color:var(--accent);background-color:var(--surface);transform:translateY(-1px)}.blueprint-card.selected[data-v-e5be8a21]{border-color:var(--accent);background-color:var(--surface);box-shadow:0 0 0 1px var(--accent)}.blueprint-thumb[data-v-e5be8a21]{width:100%;aspect-ratio:80 / 48;margin-bottom:6px;border-radius:var(--r-xs);overflow:hidden;display:flex;align-items:center;justify-content:center}.blueprint-svg[data-v-e5be8a21]{width:100%;height:100%;display:block}.blueprint-info[data-v-e5be8a21]{display:flex;justify-content:center;align-items:center;padding:2px 0}.blueprint-name[data-v-e5be8a21]{font-size:12px;font-weight:600;color:var(--text);line-height:1.3;text-align:center}.tab-panel[data-v-7a6ef337]{display:flex;flex-direction:column;gap:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-md, 8px);padding:var(--space-4)}.form-field[data-v-7a6ef337]{display:flex;flex-direction:column;gap:var(--space-1)}.field-label-row[data-v-7a6ef337]{display:flex;align-items:center;justify-content:space-between}.field-label[data-v-7a6ef337]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text)}.field-counter[data-v-7a6ef337]{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.field-input[data-v-7a6ef337],.field-select[data-v-7a6ef337]{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);transition:border-color var(--dur-fast) var(--ease)}.field-textarea[data-v-7a6ef337]{resize:vertical;min-height:60px}.field-input[data-v-7a6ef337]:focus,.field-select[data-v-7a6ef337]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--focus)}.field-input-error[data-v-7a6ef337]{border-color:var(--error)}.field-error-text[data-v-7a6ef337]{font-size:var(--text-xs);color:var(--error)}.field-hint-text[data-v-7a6ef337]{font-size:var(--text-xs);color:var(--text-muted)}.field-disabled .field-input[data-v-7a6ef337],.field-disabled .field-textarea[data-v-7a6ef337],.field-disabled .field-select[data-v-7a6ef337]{opacity:.55;cursor:not-allowed;background-color:var(--surface-2)}.field-disabled .field-label[data-v-7a6ef337]{color:var(--text-muted)}.field-row-split[data-v-7a6ef337]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.segmented-control[data-v-7a6ef337]{display:flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background-color:var(--bg)}.seg-btn[data-v-7a6ef337]{flex:1;padding:6px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);background:transparent;color:var(--text-muted);border:none;cursor:pointer;text-align:center;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.seg-btn.active[data-v-7a6ef337]{background-color:var(--surface-2);color:var(--accent)}.align-seg-btn[data-v-7a6ef337]{display:inline-flex;align-items:center;justify-content:center;gap:6px}.field-icon-muted[data-v-7a6ef337]{color:var(--text-muted)}.media-slot-item[data-v-4df07ec2]{display:flex;flex-direction:column;gap:6px;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.media-slot-item[data-v-4df07ec2]:last-child{border-bottom:none}.field-label-row[data-v-4df07ec2]{display:flex;align-items:center;justify-content:space-between}.field-label[data-v-4df07ec2]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text)}.inline-code[data-v-4df07ec2]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent)}.slot-role-badge[data-v-4df07ec2]{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--accent)}.unified-media-bar[data-v-4df07ec2]{display:flex;align-items:center;position:relative;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:3px 4px 3px 10px;min-height:38px;gap:8px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.unified-media-bar[data-v-4df07ec2]:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bar-icon[data-v-4df07ec2]{font-size:13px;opacity:.6;user-select:none;flex-shrink:0;display:flex;align-items:center}.bar-input[data-v-4df07ec2]{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:var(--text-xs);font-family:var(--font-sans);padding:4px 0}.bar-input[data-v-4df07ec2]::placeholder{color:var(--text-muted);opacity:.8}.bar-action-btn[data-v-4df07ec2]{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;border-radius:var(--r-xs);border:1px solid transparent;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--dur-fast)}.browse-btn[data-v-4df07ec2]{background-color:var(--surface);border-color:var(--border);color:var(--text)}.browse-btn[data-v-4df07ec2]:hover{border-color:var(--accent);color:var(--accent)}.apply-btn[data-v-4df07ec2]{background-color:var(--accent);border-color:var(--accent);color:var(--accent-contrast, #ffffff);font-weight:700;animation:fadeIn-4df07ec2 .15s ease-out}.apply-btn[data-v-4df07ec2]:hover{filter:brightness(1.1)}.media-chip-card[data-v-4df07ec2]{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background-color:var(--surface);border:1px solid var(--border-accent);box-shadow:var(--shadow-xs);border-radius:var(--r-sm);gap:var(--space-2);min-height:48px;animation:fadeIn-4df07ec2 .15s ease-out}.media-chip-main[data-v-4df07ec2]{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.media-chip-preview[data-v-4df07ec2]{width:34px;height:34px;border-radius:var(--r-xs);background-color:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-preview[data-v-4df07ec2]{border-radius:var(--r-full, 9999px)}.chip-img[data-v-4df07ec2]{width:100%;height:100%;object-fit:cover}.chip-empty-icon[data-v-4df07ec2]{display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.8}.media-chip-info[data-v-4df07ec2]{display:flex;flex-direction:column;min-width:0}.chip-name[data-v-4df07ec2]{font-size:var(--text-xs);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-sub[data-v-4df07ec2]{font-size:10px;color:var(--text-muted);text-transform:capitalize}.media-chip-actions[data-v-4df07ec2]{display:flex;align-items:center;gap:4px;flex-shrink:0}.chip-action-btn[data-v-4df07ec2]{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;padding:4px 8px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;transition:all var(--dur-fast)}.chip-action-btn[data-v-4df07ec2]:hover{border-color:var(--accent);color:var(--accent)}.chip-action-btn.active[data-v-4df07ec2]{background-color:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.chip-action-btn.gallery-btn[data-v-4df07ec2],.chip-action-btn.edit-url-btn[data-v-4df07ec2]{background-color:var(--surface);border-color:var(--border);color:var(--text)}.chip-action-btn.gallery-btn[data-v-4df07ec2]:hover,.chip-action-btn.edit-url-btn[data-v-4df07ec2]:hover{border-color:var(--accent);color:var(--accent)}.chip-action-btn.clear-btn[data-v-4df07ec2]{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;color:var(--text-muted)}.chip-action-btn.clear-btn[data-v-4df07ec2]:hover{color:var(--error)}.subparams-grid[data-v-4df07ec2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);margin-top:4px;animation:fadeIn-4df07ec2 .15s ease-out}.form-field[data-v-4df07ec2]{display:flex;flex-direction:column;gap:2px}.field-select[data-v-4df07ec2]{width:100%;padding:4px 6px;font-size:11px;color:var(--text);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--r-xs)}@keyframes fadeIn-4df07ec2{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.tab-panel[data-v-3d1acabc]{display:flex;flex-direction:column;gap:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-4);box-shadow:var(--shadow-xs)}.form-field[data-v-3d1acabc]{display:flex;flex-direction:column;gap:var(--space-1)}.field-label-row[data-v-3d1acabc]{display:flex;align-items:center;justify-content:space-between}.field-label[data-v-3d1acabc]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text)}.field-counter[data-v-3d1acabc]{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.size-aspect-hint[data-v-3d1acabc],.theme-hint[data-v-3d1acabc]{font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.size-cards-grid[data-v-3d1acabc]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.size-card-btn[data-v-3d1acabc]{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background-color:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.size-card-btn[data-v-3d1acabc]:hover{border-color:var(--text-muted)}.size-card-btn.active[data-v-3d1acabc]{background-color:var(--surface-2);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.size-card-header[data-v-3d1acabc]{display:flex;align-items:center;gap:6px}.size-card-btn .size-icon[data-v-3d1acabc]{color:var(--text-muted);flex-shrink:0}.size-card-btn.active .size-icon[data-v-3d1acabc]{color:var(--accent)}.size-card-name[data-v-3d1acabc]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text);flex:1}.size-card-ratio[data-v-3d1acabc]{font-size:9.5px;font-family:var(--font-mono);font-weight:500;padding:1px 5px;border-radius:var(--r-pill);background-color:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.size-card-btn.active .size-card-ratio[data-v-3d1acabc]{background-color:var(--accent-subtle);border-color:var(--border-accent);color:var(--accent)}.size-card-dims[data-v-3d1acabc]{font-size:10.5px;font-family:var(--font-mono);color:var(--text-muted);padding-left:22px}.platform-support-row[data-v-3d1acabc]{display:flex;flex-direction:column;gap:6px;margin-top:4px}.platform-label[data-v-3d1acabc]{font-size:9.5px;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.platform-badges[data-v-3d1acabc]{display:flex;flex-wrap:wrap;gap:6px}.platform-badge[data-v-3d1acabc]{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;padding:2px 7px;border-radius:var(--r-pill);background-color:var(--surface);border:1px solid var(--border);color:var(--text);line-height:1.4;transition:border-color var(--dur-fast) var(--ease)}.platform-badge svg[data-v-3d1acabc]{color:var(--accent);flex-shrink:0}.theme-seg-btn[data-v-3d1acabc],.mode-seg-btn[data-v-3d1acabc]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px var(--space-2)}.theme-seg-btn .seg-icon[data-v-3d1acabc],.mode-seg-btn svg[data-v-3d1acabc]{flex-shrink:0}.field-icon-muted[data-v-3d1acabc]{color:var(--text-muted)}.field-row-split[data-v-3d1acabc]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.segmented-control[data-v-3d1acabc]{display:flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background-color:var(--bg)}.seg-btn[data-v-3d1acabc]{flex:1;padding:6px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);background:transparent;color:var(--text-muted);border:none;cursor:pointer;text-align:center;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.seg-btn.active[data-v-3d1acabc]{background-color:var(--surface-2);color:var(--accent)}.style-stack[data-v-3d1acabc]{display:flex;flex-direction:column;gap:var(--space-3)}.swatches-bar[data-v-3d1acabc]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.color-swatch-btn[data-v-3d1acabc]{width:26px;height:26px;border-radius:var(--r-full, 9999px);border:2px solid var(--border);cursor:pointer;padding:0;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.color-swatch-btn[data-v-3d1acabc]:hover{transform:scale(1.12);border-color:var(--text-muted)}.color-swatch-btn[data-v-3d1acabc]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--focus)}.color-swatch-btn.active[data-v-3d1acabc]{transform:scale(1.12);border-color:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.custom-color-chip[data-v-3d1acabc]{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.custom-color-chip .field-color-text[data-v-3d1acabc]{width:80px;padding:4px 6px;font-size:11px}.color-picker-input[data-v-3d1acabc]{display:flex;align-items:center;gap:var(--space-2)}.color-swatch-picker[data-v-3d1acabc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;background:transparent;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.color-swatch-picker[data-v-3d1acabc]:hover{border-color:var(--text-muted);transform:scale(1.05)}.color-swatch-picker[data-v-3d1acabc]::-webkit-color-swatch-wrapper{padding:2px}.color-swatch-picker[data-v-3d1acabc]::-webkit-color-swatch{border-radius:var(--r-xs);border:none}.field-input[data-v-3d1acabc]{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm)}.field-color-text[data-v-3d1acabc]{font-family:var(--font-mono)}.field-range[data-v-3d1acabc]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background-color:var(--surface-2);border-radius:var(--r-pill);outline:none;accent-color:var(--accent);cursor:pointer}.field-range[data-v-3d1acabc]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.field-range[data-v-3d1acabc]:hover::-webkit-slider-thumb{transform:scale(1.15)}.field-range[data-v-3d1acabc]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.field-range[data-v-3d1acabc]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.field-range[data-v-3d1acabc]:hover::-moz-range-thumb{transform:scale(1.15)}.field-range[data-v-3d1acabc]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.tab-panel[data-v-cf81c378]{display:flex;flex-direction:column;gap:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-md, 8px);padding:var(--space-4)}.form-field[data-v-cf81c378]{display:flex;flex-direction:column;gap:var(--space-1)}.field-label-row[data-v-cf81c378]{display:flex;align-items:center;justify-content:space-between}.field-label[data-v-cf81c378]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text)}.field-icon-muted[data-v-cf81c378]{color:var(--text-muted)}.field-input[data-v-cf81c378]{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm)}.field-hint-text[data-v-cf81c378]{font-size:var(--text-xs);color:var(--text-muted)}.preview-card[data-v-196d2531]{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.preview-header[data-v-196d2531]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--surface-2);border-bottom:1px solid var(--border);gap:var(--space-3);flex-wrap:wrap}.preview-header-left[data-v-196d2531]{display:flex;align-items:center;gap:var(--space-2)}.preview-title[data-v-196d2531]{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text);display:inline-flex;align-items:center}.title-mobile[data-v-196d2531],.text-mobile[data-v-196d2531]{display:none}.title-desktop[data-v-196d2531],.text-desktop[data-v-196d2531]{display:inline}@media(max-width:639px){.title-desktop[data-v-196d2531],.text-desktop[data-v-196d2531]{display:none}.title-mobile[data-v-196d2531],.text-mobile[data-v-196d2531]{display:inline}}.status-dot[data-v-196d2531]{width:8px;height:8px;border-radius:var(--r-pill)}.dot-loading[data-v-196d2531]{background-color:var(--warning);animation:pulse-196d2531 1s infinite alternate}.dot-success[data-v-196d2531]{background-color:var(--success)}.dot-error[data-v-196d2531]{background-color:var(--error)}@keyframes pulse-196d2531{0%{opacity:.4}to{opacity:1}}.preview-toolbar[data-v-196d2531]{display:inline-flex;align-items:center;gap:var(--space-2)}.toolbar-btn[data-v-196d2531]{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.toolbar-btn[data-v-196d2531]:hover:not(:disabled){background-color:var(--surface-2);border-color:var(--accent)}.toolbar-btn[data-v-196d2531]:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn-primary[data-v-196d2531]{background-color:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.toolbar-btn-primary[data-v-196d2531]:hover:not(:disabled){opacity:.92;background-color:var(--accent)}.text-success[data-v-196d2531]{color:var(--success)}.image-stage[data-v-196d2531]{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#090a0f}.stage-loader-backdrop[data-v-196d2531]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.stage-loader-badge[data-v-196d2531]{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#0f172ac7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-full, 9999px);color:#fff;font-size:var(--text-xs);font-weight:600;box-shadow:0 10px 25px -5px #00000080;animation:fadeIn-196d2531 .15s ease-out}@keyframes fadeIn-196d2531{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spin[data-v-196d2531]{animation:spin-196d2531 .8s linear infinite}@keyframes spin-196d2531{to{transform:rotate(360deg)}}.preview-img[data-v-196d2531]{width:100%;height:100%;object-fit:cover;display:block}.preview-img.preview-dimmed[data-v-196d2531]{opacity:.4;filter:grayscale(40%)}.stale-preview-container[data-v-196d2531]{position:relative;width:100%;height:100%}.stale-label[data-v-196d2531]{position:absolute;top:var(--space-2);right:var(--space-2);padding:2px 8px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-xs);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--warning)}.stage-placeholder[data-v-196d2531]{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm)}.preview-error-alert[data-v-196d2531]{padding:var(--space-3) var(--space-4);background-color:var(--error-bg);border-top:1px solid var(--error);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs)}.error-content[data-v-196d2531]{display:flex;flex-direction:column;gap:2px}.error-code[data-v-196d2531]{color:var(--error);font-family:var(--font-mono)}.error-message[data-v-196d2531]{color:var(--text);margin:0}.error-ray[data-v-196d2531]{color:var(--text-muted);font-family:var(--font-mono)}.retry-btn[data-v-196d2531]{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;color:var(--text);flex-shrink:0;transition:all var(--dur-fast) var(--ease)}.retry-btn[data-v-196d2531]:hover{background-color:var(--surface-2);border-color:var(--text-muted)}.retry-countdown[data-v-196d2531]{font-size:var(--text-xs);color:var(--warning);font-family:var(--font-mono)}.preview-meta-bar[data-v-196d2531]{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-4);background-color:var(--surface-2);border-top:1px solid var(--border);font-size:var(--text-xs);flex-wrap:wrap;gap:var(--space-2)}.meta-left[data-v-196d2531]{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.telemetry-pill[data-v-196d2531]{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);font-size:11px;font-family:var(--font-mono);color:var(--text);line-height:1.2}.telemetry-icon[data-v-196d2531]{color:var(--text-muted);flex-shrink:0}.telemetry-val[data-v-196d2531]{font-weight:600;color:var(--text)}.telemetry-sub[data-v-196d2531]{color:var(--text-muted);font-size:10px}.latency-pill[data-v-196d2531]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.latency-pill .telemetry-icon[data-v-196d2531]{color:var(--accent)}.meta-right[data-v-196d2531]{display:flex;align-items:center}.cache-pill[data-v-196d2531]{font-weight:700;border-radius:var(--r-full, 9999px);padding:2px 9px}.cache-hit[data-v-196d2531]{background-color:var(--success-bg);color:var(--success);border-color:var(--success)}.cache-hit .telemetry-val[data-v-196d2531],.cache-hit .telemetry-sub[data-v-196d2531]{color:var(--success)}.cache-miss[data-v-196d2531]{background-color:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.cache-miss .telemetry-val[data-v-196d2531],.cache-miss .telemetry-sub[data-v-196d2531]{color:var(--warning)}.cache-bypass[data-v-196d2531]{background-color:var(--surface-3);color:var(--text-muted);border-color:var(--border)}.direct-url-drawer[data-v-196d2531]{padding:var(--space-3) var(--space-4);background-color:color-mix(in srgb,var(--surface-2) 65%,var(--surface));border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:var(--space-2)}.url-label-row[data-v-196d2531]{display:flex;align-items:center;justify-content:space-between}.url-label[data-v-196d2531]{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.url-actions[data-v-196d2531]{display:flex;align-items:center;gap:6px}.url-action-btn[data-v-196d2531]{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:26px;padding:0 8px;font-family:var(--font-sans);font-size:11px;font-weight:500;line-height:1;color:var(--text-muted);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);text-decoration:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all var(--dur-fast) var(--ease)}.url-action-btn[data-v-196d2531]:hover{color:var(--text);border-color:var(--border-hover, #a1a1aa);background-color:var(--surface-2)}.url-action-btn.copied-state[data-v-196d2531]{color:var(--success);border-color:var(--success);background-color:var(--success-bg)}.url-input-wrap[data-v-196d2531]{width:100%}.url-input[data-v-196d2531]{width:100%;font-family:var(--font-mono);font-size:var(--text-xs);padding:6px 10px;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;box-sizing:border-box;transition:border-color var(--dur-fast)}.url-textarea[data-v-196d2531]{resize:vertical;line-height:1.5;min-height:68px;word-break:break-all;white-space:pre-wrap}.url-input[data-v-196d2531]:focus{border-color:var(--accent);background-color:var(--surface)}.snippet-export-container[data-v-10cc3d9d]{display:flex;flex-direction:column;gap:var(--space-4)}.snippets-container[data-v-10cc3d9d]{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs)}.snippets-header[data-v-10cc3d9d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.snippets-title[data-v-10cc3d9d]{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin:0}.validation-warning-badge[data-v-10cc3d9d]{font-size:var(--text-xs);color:var(--warning);font-family:var(--font-mono)}.snippet-block[data-v-10cc3d9d]{display:flex;flex-direction:column;background-color:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.snippet-toolbar[data-v-10cc3d9d]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background-color:var(--surface-2);border-bottom:1px solid var(--border)}.snippet-lang[data-v-10cc3d9d]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.snippet-pre[data-v-10cc3d9d]{margin:0;padding:var(--space-3);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--text)}.playground-layout[data-v-b53910b0]{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) 0 var(--space-16) 0;width:100%}.notice-banner[data-v-b53910b0]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--text)}.notice-dismiss[data-v-b53910b0]{background:transparent;border:none;font-size:var(--text-lg);line-height:1;color:var(--text-muted);cursor:pointer;padding:0 var(--space-1)}.playground-grid[data-v-b53910b0]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:start}@media(min-width:1024px){.playground-grid[data-v-b53910b0]{grid-template-columns:minmax(380px,440px) 1fr;gap:var(--space-8)}.playground-output[data-v-b53910b0]{position:sticky;top:calc(64px + var(--space-4))}}.playground-snippets-section[data-v-b53910b0]{width:100%;margin-top:var(--space-4)}.playground-controls[data-v-b53910b0]{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.playground-nav-tabs[data-v-b53910b0]{display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:4px;gap:4px;box-shadow:var(--shadow-xs)}.nav-tab-btn[data-v-b53910b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px 8px;min-height:58px;background:transparent;border:none;border-radius:calc(var(--r-md) - 2px);color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease);position:relative}.nav-tab-btn[data-v-b53910b0]:hover{color:var(--text);background-color:color-mix(in srgb,var(--surface) 40%,transparent)}.nav-tab-btn:hover .tab-icon[data-v-b53910b0],.nav-tab-btn:hover .tab-label[data-v-b53910b0]{transform:translateY(-1px)}.nav-tab-btn.active[data-v-b53910b0]{background-color:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--border-accent)}.tab-icon[data-v-b53910b0]{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease)}.tab-label[data-v-b53910b0]{font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.1;transition:transform var(--dur-fast) var(--ease)}.tab-count-badge[data-v-b53910b0]{position:absolute;top:4px;right:calc(50% - 22px);display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background-color:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:700;line-height:1;box-shadow:0 0 0 1.5px var(--surface-2)}.nav-tab-btn.active .tab-count-badge[data-v-b53910b0]{box-shadow:0 0 0 1.5px var(--surface)}.playground-output[data-v-b53910b0]{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}