.preview-samples{text-align:left;flex-direction:column;flex:1;gap:18px;min-height:0;padding:16px 17px 20px;display:flex;overflow:auto}.preview-samples-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.preview-samples-eyebrow{color:#317360;letter-spacing:.5px;background:#e7f3ed;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.preview-samples-head h2{color:#1b2c24;letter-spacing:-.4px;margin:9px 0 0;font-size:17px}.preview-samples-lede{color:#718079;margin:7px 0 0;font-size:12px;line-height:1.75}.preview-samples-badge{color:#7b8982;white-space:nowrap;background:#fbfcfa;border:1px solid #e0e8e3;border-radius:20px;flex:none;padding:4px 10px;font-size:10px}.preview-samples-block{flex-direction:column;gap:10px;display:flex}.preview-samples-block>header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.preview-samples h3{color:#33443c;margin:0;font-size:12.5px;font-weight:650}.preview-samples-block>header small{color:#8a9590;font-size:10.5px}.preview-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.preview-slot{background:#fbfcfa;border:1px solid #e3e9e5;border-radius:13px;flex-direction:column;gap:6px;margin:0;padding:9px;display:flex;box-shadow:0 4px 12px #173a2f08}.preview-slot-art{color:#6f8b7f;background:#eef3f0;border-radius:9px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.preview-slot-art img{object-fit:cover;width:100%;height:100%;display:block}.preview-slot-art.audio{background:linear-gradient(140deg,#eaf5ef,#dcece4)}.preview-slot b{color:#22302a;margin-top:auto;font-size:11.5px;font-weight:650}.preview-slot span{color:#7b8982;font-size:10.5px;line-height:1.55}.preview-wave{align-items:center;gap:3px;height:40px;display:flex}.preview-wave i{background:#4f9c82;border-radius:3px;width:3px;display:block}.preview-compare{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.preview-compare-arrow{color:#317360;background:#e7f3ed;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.preview-frame,.preview-result{flex-direction:column;gap:7px;margin:0;display:flex}.preview-frame-art,.preview-result-art{background:#eef3f0;border:1px solid #e3e9e5;border-radius:12px;width:100%;position:relative;overflow:hidden}.preview-frame-art img,.preview-result-art img,.preview-result-art video,.preview-frame-art video{object-fit:cover;width:100%;height:100%;display:block}.preview-media-badge{color:#f4fbf7;background:#173a2fbf;border-radius:999px;padding:2px 8px;font-size:10px;line-height:1.6;position:absolute;bottom:8px;right:8px}.preview-frame figcaption,.preview-result figcaption{flex-direction:column;gap:2px;display:flex}.preview-frame figcaption b,.preview-result figcaption b{color:#22302a;font-size:11.5px;font-weight:650}.preview-frame figcaption span,.preview-result figcaption span{color:#7b8982;font-size:10.5px;line-height:1.5}.preview-frame[data-tone=after] .preview-frame-art{border-color:#b8dfcf}.preview-frame[data-tone=after] figcaption b{color:#17604d}.preview-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.preview-steps li{background:#fbfcfa;border:1px solid #e3e9e5;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 11px;display:flex}.preview-steps b{color:#317360;background:#e7f3ed;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:10.5px;display:grid}.preview-steps span{color:#52645b;font-size:11px;line-height:1.55}.preview-result-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.preview-samples-note{color:#5d6a63;background:#f4f6f5;border-radius:12px;margin:0;padding:10px 12px;font-size:11px;line-height:1.7}.preview-samples-hint{color:#8a9590;margin:0;font-size:10.5px;line-height:1.6}.tb-panel.preview .tb-preview-empty.has-samples{text-align:left;color:inherit;font-size:inherit;place-items:normal;padding:0;display:block;overflow:auto}.tb-panel.preview .tb-preview-empty.has-samples .preview-samples{padding:14px}.preview-samples.compact{gap:14px;padding:0}.preview-samples.compact .preview-frame{max-width:300px}@media (max-width:900px){.preview-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.preview-samples{gap:15px;padding:13px}.preview-compare{grid-template-columns:minmax(0,1fr)}.preview-compare-arrow{justify-self:center;transform:rotate(90deg)}.preview-steps{grid-template-columns:minmax(0,1fr)}.preview-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}