.settings-file-preview-card{gap:.55rem;width:100%;display:grid}.settings-file-preview-card-pdf,.settings-file-preview-card-video,.settings-file-preview-card-audio,.settings-file-preview-card-zip,.settings-file-preview-card-json{margin-bottom:.25rem}.settings-file-preview-card+.template-cards-box-shell{margin-top:.5rem}.settings-file-preview-card-media{--settings-file-preview-swipe-x:0px;border:1px solid var(--wa-border);cursor:pointer;touch-action:pan-y;appearance:none;width:100%;text-align:inherit;background:#0b0e12;border-radius:8px;padding:0;overflow:hidden}.settings-file-preview-card-media[data-swipe-phase=snap-back] .settings-file-preview-card-track,.settings-file-preview-card-media[data-swipe-phase=settle-next] .settings-file-preview-card-track,.settings-file-preview-card-media[data-swipe-phase=settle-previous] .settings-file-preview-card-track{transition:transform .17s}.settings-file-preview-card-media[data-swipe-phase=settle-next] .settings-file-preview-card-track{transform:translate(-66.6667%)}.settings-file-preview-card-media[data-swipe-phase=settle-previous] .settings-file-preview-card-track{transform:translate(0)}.settings-file-preview-card-media:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px}.settings-file-preview-card-stage{width:100%;position:relative}.settings-file-preview-card-image{-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:auto;display:block}.settings-file-preview-card-video-player{border:1px solid var(--wa-border);background:#0b0e12;border-radius:8px;width:100%;max-height:min(26rem,72vh);display:block}.settings-file-preview-card-audio-player{width:100%;display:block}.settings-file-preview-card-message{color:var(--wa-muted)}.settings-file-preview-zip-list{border:1px solid var(--wa-border);background:color-mix(in srgb, var(--wa-surface) 96%, #000);border-radius:8px;gap:.35rem;max-height:min(22rem,58vh);padding:.55rem;display:grid;overflow:auto}.settings-file-preview-zip-entry{background:color-mix(in srgb, var(--wa-surface) 92%, var(--wa-border));border-radius:6px;grid-template-columns:4.4rem minmax(0,1fr);align-items:baseline;gap:.5rem;min-width:0;padding:.4rem .45rem;display:grid}.settings-file-preview-zip-entry-type{color:var(--wa-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.settings-file-preview-json-toolbar-row{justify-self:start;align-items:center;gap:.35rem;min-width:0;display:flex}.settings-file-preview-json-toolbar{border:1px solid var(--wa-border);background:color-mix(in srgb, var(--wa-surface) 96%, #000);border-radius:8px;align-items:center;gap:.2rem;padding:.18rem;display:inline-flex}.settings-file-preview-json-mode{appearance:none;min-width:3.15rem;min-height:1.85rem;color:var(--wa-muted);font:inherit;letter-spacing:0;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 .58rem;font-size:.78rem;font-weight:800}.settings-file-preview-json-mode-active{background:var(--wa-accent);color:#fff}.settings-file-preview-json-mode:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px}.settings-file-preview-json-copy-box{border:1px solid var(--wa-border);background:color-mix(in srgb, var(--wa-surface) 96%, #000);border-radius:8px;align-items:center;padding:.18rem;display:inline-flex}.settings-file-preview-json-copy-button{appearance:none;width:2rem;height:1.85rem;color:var(--wa-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:inline-grid}.settings-file-preview-json-copy-button:hover,.settings-file-preview-json-copy-button:focus-visible{background:color-mix(in srgb, var(--wa-accent) 16%, transparent);color:var(--wa-text)}.settings-file-preview-json-copy-button:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px}.settings-file-preview-json-copy-button svg{width:1rem;height:1rem}.settings-file-preview-json-content{border:1px solid var(--wa-border);color:#e5edf7;white-space:pre;background:#0b0e12;border-radius:8px;width:100%;max-height:min(24rem,62vh);margin:0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.45;overflow:auto}.settings-file-preview-json-token-key{color:#93c5fd}.settings-file-preview-json-token-string{color:#86efac}.settings-file-preview-json-token-number{color:#fbbf24}.settings-file-preview-json-token-boolean{color:#c4b5fd}.settings-file-preview-json-token-null{color:#fca5a5}.settings-file-preview-json-token-punctuation{color:#94a3b8}.settings-file-preview-card-track{width:300%;transform:translateX(calc(-33.3333% + var(--settings-file-preview-swipe-x)));will-change:transform;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-file-preview-card-image-placeholder{background:#0b0e12;min-width:0;display:block}.settings-file-preview-page-control{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.settings-file-preview-page-control .template-circle-empty-button{color:#f8fafc;background:#0b0e12b8;border-color:#f8fafc61}.settings-file-preview-page-control .template-circle-empty-button:hover:not(:disabled){background:#0b0e12d1;border-color:#f8fafcb8}.settings-file-preview-page-control-previous{left:.75rem}.settings-file-preview-page-control-next{right:.75rem}.settings-file-page-dots{justify-content:center;align-items:center;gap:.34rem;max-width:calc(100% - 1.5rem);line-height:0;display:inline-flex}.settings-file-preview-card-stage>.settings-file-page-dots{z-index:1;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.settings-file-page-dot{appearance:none;background:#f8fafc94;border:0;border-radius:999px;flex:none;width:.42rem;height:.42rem;padding:0;display:block}button.settings-file-page-dot{cursor:pointer}.settings-file-page-dot-active{background:#fff;transform:scale(1.18)}.settings-file-page-dot:focus-visible{outline-offset:2px;outline:2px solid #fff}.settings-file-preview-card-status{color:var(--wa-danger)}.settings-file-thumbnails-card{width:100%}.settings-file-thumbnails-row{scrollbar-width:thin;scroll-snap-type:x proximity;overflow-anchor:none;touch-action:pan-x;gap:.55rem;width:100%;padding:.1rem 0 .35rem;display:flex;overflow:auto hidden}.settings-file-thumbnails-row-reordering{scroll-snap-type:none}.settings-file-thumbnail-item{--settings-file-thumbnail-slot:5.55rem;scroll-snap-align:start;will-change:transform;flex:none;width:5rem;height:5rem;transition:transform .17s}.settings-file-thumbnails-row-reordering .settings-file-thumbnail-item-shift-left{transform:translateX(calc(-1 * var(--settings-file-thumbnail-slot)))}.settings-file-thumbnails-row-reordering .settings-file-thumbnail-item-shift-right{transform:translateX(var(--settings-file-thumbnail-slot))}.settings-file-thumbnail-button{border:1px solid var(--wa-border);cursor:pointer;touch-action:pan-x;appearance:none;background:#0b0e12;border-radius:8px;width:100%;height:100%;padding:0;transition:border-color .17s,box-shadow .17s,transform .17s;position:relative;overflow:hidden}.settings-file-thumbnail-button:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px}.settings-file-thumbnail-button-active{border-color:var(--wa-accent);box-shadow:0 0 0 2px #34d39947}.settings-file-thumbnail-button-reordering{transform:translate(var(--settings-file-thumbnail-drag-x,0), var(--settings-file-thumbnail-drag-y,-.55rem)) scale(1.06);border-color:color-mix(in srgb, var(--wa-accent) 72%, var(--wa-border));cursor:grabbing;pointer-events:none;z-index:2;transition:border-color .17s,box-shadow .17s;box-shadow:0 .5rem 1.1rem #0f172a3d}.settings-file-thumbnail-button-drop-target{border-color:var(--wa-accent);box-shadow:inset 0 0 0 2px #34d39970}.settings-file-thumbnail-add-button{color:var(--wa-accent);background:linear-gradient(135deg,#34d39929,#38bdf824),#0f172a;border-style:dashed;place-items:center;display:grid}.settings-file-thumbnail-add-button:hover{border-color:color-mix(in srgb, var(--wa-accent) 68%, var(--wa-border));box-shadow:0 0 0 2px #34d3992e}.settings-file-thumbnail-add-icon{color:#bbf7d0;pointer-events:none;background:#0f172ab8;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:2rem;font-weight:400;line-height:1;display:grid}.settings-file-thumbnail-image{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.settings-file-thumbnail-page{color:#f8fafc;pointer-events:none;background:#0b0e12c7;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;font-size:.72rem;font-weight:700;line-height:1;display:grid;position:absolute;bottom:.25rem;right:.25rem}