.ipv-root{--ipv-bg:#f8f7f4;--ipv-surface:#fff;--ipv-surface-hover:#f0eee9;--ipv-surface-elevated:#fff;--ipv-border:#00000014;--ipv-border-hover:#00000026;--ipv-text:#1f2937;--ipv-text-muted:#6b7280;--ipv-text-dim:#9ca3af;--ipv-accent:#7c3aed;--ipv-accent-hover:#6d28d9;--ipv-accent-glow:#7c3aed26;--ipv-accent-subtle:#7c3aed0f;--ipv-accent-secondary:#2563eb;--ipv-accent-warm:#d97706;--ipv-accent-warm-glow:#d977061a;--ipv-success:#16a34a;--ipv-input-bg:#00000005;--ipv-input-border:#0000001a;--ipv-input-focus:#7c3aed4d;--ipv-card-bg:#ffffffd9;--ipv-filter-bg:#ffffffb3;--ipv-filter-shadow:0 1px 3px #0000000a;--ipv-code-bg:#00000008;--ipv-pill-bg:#00000008;--ipv-pill-bg-hover:#0000000f;--ipv-tag-bg:#7c3aed14;--ipv-tag-text:#7c3aed;--ipv-card-hover-shadow:0 4px 24px #7c3aed1f, 0 0 0 1px #7c3aed1a;--ipv-card-hover-border:#7c3aed40;--ipv-mobile-nav-bg:#f8f7f4eb;--ipv-mesh-1:#7c3aed0a;--ipv-mesh-2:#2563eb08;--ipv-mesh-3:#d9770605;--ipv-kbd-bg:#0000000a;--ipv-scrollbar-thumb:#c4b5fd;--ipv-image-gradient:linear-gradient(to top, #00000073, transparent)}[data-theme=dark] .ipv-root{--ipv-bg:#0c0c12;--ipv-surface:#151520;--ipv-surface-hover:#1e1e32;--ipv-surface-elevated:#1c1c2e;--ipv-border:#ffffff0f;--ipv-border-hover:#ffffff1f;--ipv-text:#e8e8f0;--ipv-text-muted:#9090a8;--ipv-text-dim:#5a5a72;--ipv-accent:#7c3aed;--ipv-accent-hover:#6d28d9;--ipv-accent-glow:#7c3aed40;--ipv-accent-subtle:#7c3aed1a;--ipv-accent-secondary:#2563eb;--ipv-accent-warm:#d97706;--ipv-accent-warm-glow:#d9770633;--ipv-success:#22c55e;--ipv-input-bg:#ffffff08;--ipv-input-border:#ffffff14;--ipv-input-focus:#7c3aed66;--ipv-card-bg:#15152099;--ipv-filter-bg:#151520b3;--ipv-filter-shadow:none;--ipv-code-bg:#0c0c1299;--ipv-pill-bg:#ffffff08;--ipv-pill-bg-hover:#ffffff0f;--ipv-tag-bg:#7c3aed1f;--ipv-tag-text:#a78bfa;--ipv-card-hover-shadow:0 4px 24px #7c3aed40, 0 0 0 1px #7c3aed26, inset 0 1px 0 #ffffff0d;--ipv-card-hover-border:#7c3aed4d;--ipv-mobile-nav-bg:#0c0c12eb;--ipv-mesh-1:#7c3aed14;--ipv-mesh-2:#2563eb0f;--ipv-mesh-3:#d977060a;--ipv-kbd-bg:#ffffff0a;--ipv-scrollbar-thumb:#5a5a72;--ipv-image-gradient:linear-gradient(to top, #000000bf, transparent)}@keyframes ipvMeshDrift{0%,to{background-position:0 0,100% 100%,50%}33%{background-position:30% 70%,70% 30%,20% 80%}66%{background-position:70% 20%,20% 80%,80% 30%}}.ipv-root{min-height:100vh;font-family:var(--font-sans);color:var(--ipv-text);background-color:var(--ipv-bg);background-image:radial-gradient(ellipse 80% 60% at 20% 10%, var(--ipv-mesh-1) 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 80% 90%, var(--ipv-mesh-2) 0%, transparent 60%), radial-gradient(ellipse 50% 50% at 50% 50%, var(--ipv-mesh-3) 0%, transparent 50%);scrollbar-width:thin;scrollbar-color:var(--ipv-accent) transparent;background-size:200% 200%,200% 200%,200% 200%;animation:25s ease-in-out infinite ipvMeshDrift;position:relative;overflow:auto}.ipv-root ::-webkit-scrollbar{width:6px;height:6px}.ipv-root ::-webkit-scrollbar-track{background:0 0}.ipv-root ::-webkit-scrollbar-thumb{background:var(--ipv-scrollbar-thumb);border-radius:3px}.ipv-root ::-webkit-scrollbar-thumb:hover{background:var(--ipv-accent)}.ipv-inner{gap:var(--space-5);padding:var(--space-5) var(--space-5) 6rem;flex-direction:column;margin:0 auto;display:flex}.ipv-inner--detail{max-width:var(--max-width-wide)}.ipv-filters{gap:var(--space-3);padding:var(--space-4);background:var(--ipv-filter-bg);backdrop-filter:blur(12px);border:1px solid var(--ipv-border);box-shadow:var(--ipv-filter-shadow);border-radius:16px;flex-direction:column;display:flex}.ipv-filters__row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ipv-filters__divider{background:var(--ipv-border);flex-shrink:0;width:1px;height:1.5rem}.ipv-toolbar{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ipv-toolbar__control{align-items:center;gap:var(--space-2);display:flex}.ipv-toolbar__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--ipv-text-muted);white-space:nowrap}.ipv-toolbar__select{padding:var(--space-1) var(--space-5) var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--ipv-text);background:var(--ipv-input-bg);border:1px solid var(--ipv-input-border);border-radius:var(--border-radius-full);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238888a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;transition:border-color .2s,box-shadow .2s;&:focus-visible{outline:2px solid var(--color-focus,#2563eb);outline-offset:2px;border-color:var(--ipv-accent);box-shadow:0 0 0 3px var(--ipv-input-focus)}& option{background:var(--ipv-surface);color:var(--ipv-text)}}.ipv-search{width:100%;position:relative}.ipv-search__icon{left:var(--space-3);width:16px;height:16px;color:var(--ipv-text-dim);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ipv-search__input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 24px);font-size:var(--text-base);font-family:var(--font-sans);color:var(--ipv-text);background:var(--ipv-input-bg);border:1px solid var(--ipv-input-border);box-sizing:border-box;border-radius:10px;transition:border-color .2s,box-shadow .2s;&::placeholder{color:var(--ipv-text-dim)}&:focus-visible{outline:2px solid var(--color-focus,#2563eb);outline-offset:2px;border-color:var(--ipv-accent);box-shadow:0 0 0 3px var(--ipv-input-focus), inset 0 0 12px #7c3aed0a}}.ipv-generator-filter{align-items:center;gap:var(--space-2);display:flex}.ipv-generator-filter__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--ipv-text-muted);white-space:nowrap}.ipv-generator-filter__select{padding:var(--space-1) var(--space-5) var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--ipv-text);background:var(--ipv-input-bg);border:1px solid var(--ipv-input-border);border-radius:var(--border-radius-full);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238888a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;transition:border-color .2s,box-shadow .2s;&:focus-visible{outline:2px solid var(--color-focus,#2563eb);outline-offset:2px;border-color:var(--ipv-accent);box-shadow:0 0 0 3px var(--ipv-input-focus)}& option{background:var(--ipv-surface);color:var(--ipv-text)}}.ipv-reference-pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--ipv-text-muted);background:var(--ipv-pill-bg);border:1px solid var(--ipv-border);border-radius:var(--border-radius-full);cursor:pointer;white-space:nowrap;transition:all .2s;display:inline-flex;&:hover{background:var(--ipv-pill-bg-hover);color:var(--ipv-text);border-color:var(--ipv-border-hover)}&:active{animation:.3s tagBounce}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}&.ipv-reference-pill--active{background:var(--ipv-accent);color:#fff;border-color:var(--ipv-accent);box-shadow:0 0 12px var(--ipv-accent-glow)}}.ipv-reference-pill__icon{flex-shrink:0;width:14px;height:14px}.ipv-tag-filter{gap:var(--space-2);flex-wrap:wrap;padding:0;display:flex}.ipv-tag-filter__pill{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--ipv-text-muted);background:var(--ipv-pill-bg);border:1px solid var(--ipv-border);border-radius:var(--border-radius-full);cursor:pointer;white-space:nowrap;transition:all .2s;&:hover{background:var(--ipv-pill-bg-hover);color:var(--ipv-text);border-color:var(--ipv-border-hover)}&:active{animation:.3s tagBounce}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}&.ipv-tag-filter__pill--active{background:var(--ipv-accent);color:#fff;border-color:var(--ipv-accent);box-shadow:0 0 12px var(--ipv-accent-glow)}}.ipv-results-bar{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.ipv-results-meta{font-size:var(--text-sm);color:var(--ipv-text-dim)}.ipv-results-showing{font-size:var(--text-xs);color:var(--ipv-text-dim);opacity:.7}.ipv-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.ipv-grid-empty{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);text-align:center;color:var(--ipv-text-dim);font-size:var(--text-base);flex-direction:column;display:flex}.ipv-grouped{gap:var(--space-5);flex-direction:column;display:flex}.ipv-group{gap:var(--space-3);flex-direction:column;display:flex}.ipv-group-header{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) 0;cursor:pointer;font-family:var(--font-sans);text-align:left;background:0 0;border:none;display:flex;&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px;border-radius:4px}}.ipv-group-chevron{color:var(--ipv-text-dim);flex-shrink:0;transition:transform .2s;display:inline-flex}.ipv-group-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--ipv-text)}.ipv-group-count{font-size:var(--text-sm);color:var(--ipv-text-dim)}@keyframes tagBounce{0%{transform:scale(1)}40%{transform:scale(.88)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ipv-card{border:1px solid var(--ipv-border);background:var(--ipv-card-bg);backdrop-filter:blur(8px);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0000000d);border-radius:14px;flex-direction:column;transition:box-shadow .4s,transform .3s,border-color .3s;animation:.4s both cardFadeIn;display:flex;overflow:hidden;&:hover{box-shadow:var(--ipv-card-hover-shadow);border-color:var(--ipv-card-hover-border);transform:translateY(-4px)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}}.ipv-card__image-wrap{aspect-ratio:1;background:var(--ipv-bg);position:relative;overflow:hidden}.ipv-card__new-badge{top:var(--space-2);left:var(--space-2);z-index:2;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;background:var(--ipv-accent);border-radius:var(--border-radius-full);position:absolute;box-shadow:0 1px 4px #0000004d}.ipv-card__image-wrap:after{content:"";background:var(--ipv-image-gradient);pointer-events:none;height:60%;position:absolute;bottom:0;left:0;right:0}.ipv-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block;.ipv-card:hover &{transform:scale(1.06)}}.ipv-card__image-placeholder{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:100%;color:var(--ipv-text-dim);font-size:var(--text-sm);flex-direction:column;display:flex}.ipv-card__overlay-title{padding:var(--space-3) var(--space-3) var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;z-index:1;line-height:var(--leading-tight);text-shadow:0 1px 4px #00000080;position:absolute;bottom:0;left:0;right:0}.ipv-card__body{padding:var(--space-2) var(--space-3) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.ipv-card__tags{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ipv-card__tag{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--ipv-tag-bg);color:var(--ipv-tag-text);border-radius:var(--border-radius-full)}.ipv-detail{gap:var(--space-5);flex-direction:column;display:flex}.ipv-detail__header{gap:var(--space-3);flex-direction:column;display:flex}.ipv-detail__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.ipv-detail__breadcrumb-link{align-items:center;gap:var(--space-1);color:var(--ipv-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);background:0 0;border:none;padding:0;transition:color .2s;display:inline-flex;&:hover{color:var(--ipv-accent)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px;border-radius:4px}}.ipv-detail__breadcrumb-sep{color:var(--ipv-text-dim)}.ipv-detail__breadcrumb-current{color:var(--ipv-text);font-weight:var(--font-medium)}.ipv-detail__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--ipv-text);line-height:var(--leading-tight);margin:0}.ipv-detail__tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ipv-detail__tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:var(--ipv-tag-bg);color:var(--ipv-tag-text);border-radius:var(--border-radius-full)}.ipv-detail__description{font-size:var(--text-base);color:var(--ipv-text-muted);line-height:var(--leading-relaxed);max-width:72ch;margin:0}.ipv-detail__template{gap:var(--space-3);flex-direction:column;display:flex}.ipv-detail__section-heading{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--ipv-text);margin:0}.ipv-detail__prompt-block{position:relative}.ipv-detail__pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--ipv-text);background:var(--ipv-code-bg);border:1px solid var(--ipv-border);border-left:3px solid var(--ipv-accent);padding:var(--space-4);padding-bottom:var(--space-7);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--ipv-text-dim) transparent;border-radius:10px;max-height:14rem;margin:0;overflow-y:auto}.ipv-detail__copy-anchor{bottom:var(--space-3);right:var(--space-3);position:absolute}.ipv-detail__pad-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.ipv-detail__pad-btn{padding:var(--space-2) var(--space-4);min-height:var(--touch-target-min);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:var(--font-semibold);color:var(--ipv-accent);background:var(--ipv-accent-subtle);border:1px solid var(--ipv-card-hover-border);cursor:pointer;border-radius:10px;transition:background .2s;&:hover:not(:disabled){background:var(--ipv-tag-bg)}&:disabled{opacity:.6;cursor:default}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}}.ipv-detail__pad-status{font-size:var(--text-sm);color:var(--ipv-text-muted);margin:0}.ipv-detail__pad-error{color:var(--color-error)}.ipv-detail__source{font-size:var(--text-sm);color:var(--ipv-text-muted);margin:0}.ipv-detail__source-link{color:var(--ipv-accent-secondary);text-underline-offset:2px;text-decoration:underline;&:hover{color:var(--ipv-accent)}}.ipv-detail__crosslink{border:1px dashed var(--ipv-border);background:var(--ipv-pill-bg);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:16px;padding:12px 16px;display:flex}.ipv-detail__crosslink-label{font-size:var(--text-xs,.75rem);text-transform:uppercase;letter-spacing:.05em;color:var(--ipv-text-muted);font-weight:600}.ipv-detail__crosslink-link{font-size:var(--text-sm,.875rem);color:var(--ipv-accent);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.ipv-detail__crosslink-link:hover{text-decoration:underline}.ipv-detail__crosslink-hint{font-size:var(--text-xs,.75rem);color:var(--ipv-text-muted)}.ipv-var-editor{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--ipv-border);flex-direction:column;display:flex}.ipv-var-editor__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ipv-var-editor__heading{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--ipv-text);margin:0}.ipv-var-editor__actions{gap:var(--space-2);display:flex}.ipv-var-editor__action-btn{padding:4px var(--space-2);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--ipv-text-dim);background:var(--ipv-pill-bg);border:1px solid var(--ipv-border);border-radius:var(--border-radius-full);cursor:pointer;align-items:center;gap:4px;transition:all .2s;display:inline-flex;&:hover:not(:disabled){background:var(--ipv-accent-subtle);color:var(--ipv-text);border-color:var(--ipv-card-hover-border)}&:disabled{opacity:.35;cursor:not-allowed}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}}.ipv-var-field{gap:var(--space-2);flex-direction:column;display:flex}.ipv-var-field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--ipv-text-muted)}.ipv-var-field__input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--ipv-text);background:var(--ipv-input-bg);border:1px solid var(--ipv-input-border);box-sizing:border-box;border-radius:10px;transition:border-color .2s,box-shadow .2s;&::placeholder{color:var(--ipv-text-dim)}&:focus-visible{outline:2px solid var(--color-focus,#2563eb);outline-offset:2px;border-color:var(--ipv-accent);box-shadow:0 0 0 3px var(--ipv-input-focus)}}.ipv-var-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.ipv-var-chip{padding:3px var(--space-2);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--ipv-text-dim);background:var(--ipv-pill-bg);border:1px solid var(--ipv-border);border-radius:var(--border-radius-full);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:24ch;transition:all .2s;display:inline-flex;overflow:hidden;&:hover{background:var(--ipv-accent-subtle);color:var(--ipv-text);border-color:var(--ipv-card-hover-border)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}}.ipv-var-chip__icon{color:var(--ipv-accent-warm);flex-shrink:0}.ipv-ratio{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--ipv-border);flex-direction:column;display:flex}.ipv-ratio__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--ipv-text-muted)}.ipv-ratio__optional{color:var(--ipv-text-dim);font-weight:400}.ipv-ratio__row{gap:var(--space-2);align-items:center;display:flex}.ipv-ratio__input{width:7rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--ipv-text);background:var(--ipv-input-bg);border:1px solid var(--ipv-input-border);border-radius:10px;transition:border-color .2s,box-shadow .2s;&::placeholder{color:var(--ipv-text-dim)}&:focus-visible{outline:2px solid var(--color-focus,#2563eb);outline-offset:2px;border-color:var(--ipv-accent);box-shadow:0 0 0 3px var(--ipv-input-focus)}}.ipv-ratio__clear{width:1.75rem;height:1.75rem;font-size:var(--text-base);color:var(--ipv-text-dim);background:var(--ipv-pill-bg);border:1px solid var(--ipv-border);border-radius:var(--border-radius-full);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;&:hover{background:var(--ipv-pill-bg-hover);color:var(--ipv-text)}}.ipv-ratio__toggle{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--ipv-text-muted);background:var(--ipv-pill-bg);border:1px solid var(--ipv-border);border-radius:var(--border-radius-full);cursor:pointer;white-space:nowrap;transition:all .2s;&:hover{background:var(--ipv-pill-bg-hover);color:var(--ipv-text);border-color:var(--ipv-border-hover)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}}.ipv-ratio__presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.ipv-ratio__preset{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);background:var(--ipv-pill-bg);border:1px solid var(--ipv-border);cursor:pointer;color:var(--ipv-text-muted);border-radius:10px;flex-direction:column;align-items:center;gap:2px;transition:all .2s;display:flex;&:hover{background:var(--ipv-pill-bg-hover);color:var(--ipv-text);border-color:var(--ipv-border-hover)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}&.ipv-ratio__preset--active{background:var(--ipv-accent);color:#fff;border-color:var(--ipv-accent);box-shadow:0 0 12px var(--ipv-accent-glow)}}.ipv-ratio__preset-value{font-size:var(--text-sm);font-weight:var(--font-semibold)}.ipv-ratio__preset-desc{font-size:var(--text-xs);opacity:.7}.ipv-ratio__preset:hover .ipv-ratio__preset-desc,.ipv-ratio__preset--active .ipv-ratio__preset-desc{opacity:1}@keyframes copyPulse{0%{box-shadow:0 0 0 0 var(--ipv-accent-glow)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.ipv-copy-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:var(--font-semibold);color:#fff;background:var(--ipv-accent);cursor:pointer;min-height:var(--touch-target-min);border:1px solid #ffffff1a;border-radius:10px;transition:background .2s,box-shadow .3s,transform .2s;display:inline-flex;&:hover{background:var(--ipv-accent-hover);box-shadow:0 4px 20px var(--ipv-accent-glow)}&:active{transform:scale(.97)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}&.ipv-copy-btn--copied{background:var(--ipv-success);cursor:default;border-color:#ffffff1a;animation:.6s ease-out copyPulse}}.ipv-reference-note{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--ipv-accent-subtle);border-left:3px solid var(--ipv-accent);border-radius:0 10px 10px 0;flex-direction:column;display:flex}.ipv-reference-note__message{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ipv-text);margin:0;display:flex}.ipv-reference-note__guide{font-size:var(--text-sm);color:var(--ipv-text-muted);line-height:var(--leading-relaxed);margin:0}.ipv-gallery{gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--ipv-border);flex-direction:column;display:flex}.ipv-gallery__heading{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--ipv-text);margin:0;display:flex}.ipv-gallery__count{font-weight:var(--font-normal);color:var(--ipv-text-dim);font-size:var(--text-sm)}.ipv-gallery__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.ipv-gallery__thumb-btn{align-items:center;gap:var(--space-2);background:var(--ipv-card-bg);border:1px solid var(--ipv-border);padding:var(--space-2);cursor:pointer;border-radius:12px;flex-direction:column;transition:box-shadow .3s,border-color .3s,transform .3s;display:flex;overflow:hidden;&:hover{box-shadow:0 4px 20px var(--ipv-accent-glow);border-color:var(--ipv-card-hover-border);transform:translateY(-2px)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}}.ipv-gallery__thumb{object-fit:cover;border-radius:8px;width:100%;transition:transform .3s;display:block;.ipv-gallery__thumb-btn:hover &{transform:scale(1.03)}}.ipv-gallery__label{font-size:var(--text-xs);color:var(--ipv-text-dim);text-align:center;line-height:var(--leading-tight);word-break:break-word}.ipv-gallery__desc{color:var(--ipv-text-dim);opacity:.7;text-align:center;font-size:.65rem;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.ipv-gallery__refs{gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--ipv-border);margin-bottom:var(--space-1);flex-direction:column;display:flex}.ipv-gallery__refs-note{font-size:var(--text-sm);color:var(--ipv-text-muted);line-height:var(--leading-relaxed);margin:0}.ipv-gallery__refs-grid{gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.ipv-gallery__ref-btn{align-items:center;gap:var(--space-2);background:var(--ipv-card-bg);border:1px solid var(--ipv-border);padding:var(--space-2);cursor:pointer;border-radius:12px;flex-direction:column;max-width:160px;transition:box-shadow .3s,border-color .3s,transform .3s;display:flex;&:hover{box-shadow:0 4px 20px var(--ipv-accent-glow);border-color:var(--ipv-card-hover-border);transform:translateY(-2px)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}}.ipv-gallery__ref-img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:140px;transition:transform .3s;display:block;.ipv-gallery__ref-btn:hover &{transform:scale(1.03)}}.ipv-gallery__ref-label{font-size:var(--text-xs);color:var(--ipv-text-dim);text-align:center;line-height:var(--leading-tight)}.ipv-lightbox{--_lb-bg:#000000eb;--_lb-fg:#fff;--_lb-fg-muted:#fffc;--_lb-btn-bg:#ffffff1a;--_lb-btn-bg-hover:#fff3;--_lb-btn-border:#ffffff26;z-index:1000;background:var(--_lb-bg);backdrop-filter:blur(12px);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ipv-lightbox__content{align-items:center;gap:var(--space-3);flex-direction:column;max-width:min(90vw,900px);max-height:90vh;display:flex;position:relative}.ipv-lightbox__image{object-fit:contain;border-radius:12px;max-width:100%;max-height:70vh;display:block;box-shadow:0 8px 40px #00000080}.ipv-lightbox__close{top:calc(-1 * var(--space-5));width:2.5rem;height:2.5rem;font-size:var(--text-lg);color:var(--_lb-fg);background:var(--_lb-btn-bg);border:1px solid var(--_lb-btn-border);border-radius:var(--border-radius-full);cursor:pointer;backdrop-filter:blur(4px);justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;right:0;&:hover{background:var(--_lb-btn-bg-hover)}&:focus-visible{outline:2px solid var(--_lb-fg);outline-offset:2px}}.ipv-lightbox__arrow{width:2.5rem;height:2.5rem;font-size:var(--text-xl);color:var(--_lb-fg);background:var(--_lb-btn-bg);border:1px solid var(--_lb-btn-border);border-radius:var(--border-radius-full);cursor:pointer;backdrop-filter:blur(4px);justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);&:hover{background:var(--_lb-btn-bg-hover)}&:focus-visible{outline:2px solid var(--_lb-fg);outline-offset:2px}&.ipv-lightbox__arrow--prev{left:calc(-1 * var(--space-7));&:hover{transform:translateY(-50%)translate(-2px)}}&.ipv-lightbox__arrow--next{right:calc(-1 * var(--space-7));&:hover{transform:translateY(-50%)translate(2px)}}}.ipv-lightbox__meta{gap:var(--space-3);padding:var(--space-2) var(--space-4);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;flex-wrap:wrap;justify-content:center;display:flex}.ipv-lightbox__meta-item{font-size:var(--text-sm);color:var(--_lb-fg-muted)}.ipv-lightbox__content--comparison{max-width:min(95vw,1200px)}.ipv-lightbox__comparison{align-items:center;gap:var(--space-3);max-height:70vh;display:flex}.ipv-lightbox__ref-side{align-items:center;gap:var(--space-2);flex-direction:column;flex:0 0 28%;display:flex}.ipv-lightbox__ref-image{object-fit:contain;opacity:.85;border-radius:10px;width:100%;max-height:55vh;display:block;box-shadow:0 4px 20px #0006}.ipv-lightbox__result-side{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.ipv-lightbox__result-side .ipv-lightbox__image{max-height:65vh}.ipv-lightbox__arrow-divider{color:#ffffff4d;flex-shrink:0;align-items:center;display:flex}.ipv-lightbox__comparison-label{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-medium)}@media (width<=639px){.ipv-lightbox__close{top:calc(-1 * var(--space-3));right:calc(-1 * var(--space-1));background:#0009;border:1px solid #ffffff4d;width:2rem;height:2rem}.ipv-lightbox__comparison{gap:var(--space-2);flex-direction:column}.ipv-lightbox__ref-side{gap:var(--space-2);flex-direction:row;flex:none}.ipv-lightbox__ref-image{opacity:.9;border-radius:6px;width:80px;max-height:60px}.ipv-lightbox__arrow-divider{display:none}.ipv-lightbox__result-side .ipv-lightbox__image{max-height:55vh}}.ipv-loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:40vh;display:flex}.ipv-loading__text{font-size:var(--text-sm);color:var(--ipv-text-muted);font-family:var(--font-sans);margin:0}.ipv-scroll-sentinel{padding:var(--space-6) 0 var(--space-4);justify-content:center;display:flex}.ipv-scroll-loader{align-items:center;gap:6px;display:flex}@keyframes ipvLoaderPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ipv-scroll-loader__dot{background:var(--ipv-accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite ipvLoaderPulse}.ipv-scroll-loader__dot:nth-child(2){animation-delay:.15s}.ipv-scroll-loader__dot:nth-child(3){animation-delay:.3s}@media (width<=639px){.ipv-inner{padding:var(--space-4) var(--space-3)}.ipv-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ipv-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ipv-lightbox__arrow{z-index:10;background:#0009;border:1px solid #ffffff4d;width:2.75rem;height:2.75rem;&.ipv-lightbox__arrow--prev{left:var(--space-3)}&.ipv-lightbox__arrow--next{right:var(--space-3)}}.ipv-detail__title{font-size:var(--text-xl)}.ipv-filters__row{flex-direction:column;align-items:stretch}.ipv-filters__divider{display:none}.ipv-generator-filter{flex-direction:column;align-items:flex-start}.ipv-generator-filter__select{width:100%}.ipv-toolbar{align-items:stretch;gap:var(--space-2);flex-direction:column}.ipv-toolbar__control{flex-direction:column;align-items:flex-start}.ipv-toolbar__select{width:100%}}@media (width>=640px) and (width<=1023px){.ipv-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.ipv-detail__breadcrumb-link svg,.ipv-copy-btn svg,.ipv-ratio__preset-btn svg{flex-shrink:0}.ipv-detail__top-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ipv-nav{align-items:center;gap:var(--space-2);display:flex}.ipv-nav__btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--ipv-surface);color:var(--ipv-text-muted);border:1px solid var(--ipv-border);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);border-radius:8px;transition:color .2s,background .2s,border-color .2s;display:inline-flex;&:hover:not(:disabled){color:var(--ipv-text);background:var(--ipv-surface-hover);border-color:var(--ipv-border-hover)}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px;border-radius:8px}&:disabled{opacity:.25;cursor:default}}.ipv-nav__btn--sm{padding:var(--space-1) var(--space-2);border-radius:6px}.ipv-nav__btn-label{display:inline}.ipv-nav__counter{font-size:var(--text-xs);color:var(--ipv-text-dim);font-variant-numeric:tabular-nums;text-align:center;min-width:3ch}.ipv-nav__counter-sep{margin:0 1px}.ipv-nav__kbd{font-family:var(--font-sans);color:var(--ipv-text-dim);background:var(--ipv-kbd-bg);border:1px solid var(--ipv-border);margin-left:var(--space-1);letter-spacing:.05em;border-radius:4px;padding:1px 6px;font-size:.625rem;line-height:1.4;display:inline-block}.ipv-nav--bottom{padding-top:var(--space-5);border-top:1px solid var(--ipv-border);justify-content:space-between}.ipv-nav-mobile{display:none}@media (width<=639px){.ipv-nav--inline,.ipv-nav--bottom .ipv-nav__btn-label{display:none}.ipv-nav--bottom .ipv-nav__btn{padding:var(--space-2)}.ipv-nav-mobile{z-index:50;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--ipv-mobile-nav-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--ipv-border);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.ipv-nav-mobile__btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--ipv-surface);color:var(--ipv-text);border:1px solid var(--ipv-border);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:10px;min-height:44px;transition:background .2s,border-color .2s;display:inline-flex;&:active:not(:disabled){background:var(--ipv-surface-hover)}&:disabled{opacity:.25;cursor:default}&:focus-visible{outline:2px solid var(--ipv-accent);outline-offset:2px}}.ipv-nav-mobile__counter{font-size:var(--text-xs);color:var(--ipv-text-dim);font-variant-numeric:tabular-nums}.ipv-detail{padding-bottom:80px}}