.sv-card{--sv-lift-chip:0 1px 2px #0000000f;--sv-lift-rest:0 2px 12px #0000000f;--sv-lift-hover:0 4px 20px #0000001a}:is(.dark,[data-theme=dark]) .sv-card{--sv-lift-chip:0 1px 2px #00000073;--sv-lift-rest:0 2px 12px #00000080;--sv-lift-hover:0 6px 24px #000000a6}.sv-card{border:1px solid var(--line-color);border-radius:var(--radius-xl);background:var(--white-raw);content-visibility:auto;contain-intrinsic-size:auto 600px;margin:20px 0 24px;overflow:hidden}.sv-header{border-bottom:1px solid var(--line-color);background:var(--white-raw);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.sv-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sv-toggles{background:var(--surface-muted);border-radius:8px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.sv-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:.6875rem;font-weight:500;transition:all .15s;display:inline-flex}@media (pointer:coarse){.sv-toggle{min-height:44px;padding-inline:14px}}.sv-toggle:hover{color:var(--text-primary)}.sv-toggle:focus-visible{outline:2px solid var(--brand-primary-raw);outline-offset:2px}.sv-toggle.is-active{background:var(--white-raw);color:var(--text-primary);box-shadow:var(--sv-lift-chip)}.sv-toggle-icon{width:12px;height:12px;display:flex}.sv-toggle-icon svg{width:100%;height:100%}.sv-toggle-label{font-family:inherit}.sv-viewport{background:var(--surface-primary-tint);padding:20px;position:relative}.sv-panel{display:none}.sv-panel.is-active{animation:.2s sv-fade-in;display:block}@keyframes sv-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sv-frame{justify-content:center;display:flex}.sv-frame[data-sv-device=mobile] .sv-image-btn,.sv-frame[data-sv-device=mobile] .sv-placeholder{max-width:320px}.sv-frame[data-sv-device=tablet] .sv-image-btn,.sv-frame[data-sv-device=tablet] .sv-placeholder{max-width:560px}.sv-frame[data-sv-device=desktop] .sv-placeholder{aspect-ratio:1920/900}.sv-frame[data-sv-device=mobile] .sv-placeholder{aspect-ratio:390/844}.sv-frame[data-sv-device=tablet] .sv-placeholder{aspect-ratio:768/1024}.sv-image-btn{border:1px solid color-mix(in srgb, var(--line-color) 60%, transparent);background:var(--white-raw);cursor:zoom-in;width:100%;box-shadow:var(--sv-lift-rest);border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.sv-image-btn:hover .sv-zoom-hint{opacity:1}.sv-image-btn:hover{box-shadow:var(--sv-lift-hover)}.sv-image-btn:focus-visible{outline:2px solid var(--brand-primary-raw);outline-offset:3px}.sv-card .sv-image{object-fit:contain;border:0;border-radius:0;width:100%;height:auto;margin:0;transition:filter .15s;display:block}.sv-zoom-hint{opacity:0;background:#0000008c;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.sv-zoom-hint svg{color:#fff;width:14px;height:14px}.sv-placeholder{border:1.5px dashed color-mix(in srgb, var(--brand-primary-raw) 25%, transparent);background:repeating-linear-gradient(-45deg, transparent, transparent 8px, color-mix(in srgb, var(--brand-primary-raw) 4%, transparent) 8px, color-mix(in srgb, var(--brand-primary-raw) 4%, transparent) 16px);border-radius:8px;width:100%;min-height:160px}.sv-placeholder-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 20px;display:flex}.sv-placeholder-icon{background:color-mix(in srgb, var(--brand-primary-raw) 8%, transparent);width:40px;height:40px;color:var(--brand-primary-raw);opacity:.6;border-radius:10px;padding:10px}.sv-placeholder-icon svg{width:100%;height:100%}.sv-placeholder-label{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.sv-placeholder-file{color:var(--text-quaternary);background:color-mix(in srgb, var(--brand-primary-raw) 6%, transparent);border-radius:4px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:.625rem}.sv-lightbox{z-index:9999;backdrop-filter:blur(8px);cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.2s sv-lb-in;display:flex;position:fixed;inset:0}.sv-lightbox.is-closing{animation:.15s forwards sv-lb-out}@keyframes sv-lb-in{0%{opacity:0}to{opacity:1}}@keyframes sv-lb-out{0%{opacity:1}to{opacity:0}}.sv-lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;animation:.25s cubic-bezier(.16,1,.3,1) sv-lb-img-in;box-shadow:0 24px 64px #0006}@keyframes sv-lb-img-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sv-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.sv-lightbox-close:hover{background:#fff3}.sv-lightbox-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.sv-lightbox-close svg{width:22px;height:22px}@media (prefers-reduced-motion:reduce){.sv-panel.is-active,.sv-lightbox,.sv-lightbox.is-closing,.sv-lightbox img{animation:none!important}}