.sl-preview{margin-top:36px;border:1px solid var(--line);border-radius:20px;background:#0a1017;overflow:hidden;text-align:left;scroll-margin-top:90px}.sl-heading{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.sl-heading h2{font-size:clamp(1.3rem,3vw,2rem)}.sl-badge{font-size:12px;color:var(--accent);white-space:nowrap}.sl-scene{position:relative;aspect-ratio:4/3;background:#080a0e}.sl-scene img,.sl-scene canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.sl-scene canvas{pointer-events:none}.sl-scene>span{position:absolute;bottom:16px;left:16px;background:#070b11d9;border:1px solid #ffffff24;border-radius:24px;padding:7px 14px;font-size:13px;color:#fff}.sl-controls{padding:24px;display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.sl-controls fieldset{border:0;min-width:0}.sl-controls legend,.sl-density>label{display:block;font-weight:600;margin-bottom:12px;color:#e9f1f8}.sl-options{display:flex;gap:8px;flex-wrap:wrap}.sl-options label{padding:10px 12px;background:#12202e;border-radius:9px;cursor:pointer;color:#e9f1f8;font-size:14px}.sl-options input{accent-color:#2fd4e6;margin-right:5px}.sl-density>label{display:flex;justify-content:space-between}.sl-density output{color:#2fd4e6;font-variant-numeric:tabular-nums;font-size:22px}.sl-density input{width:100%;accent-color:#2fd4e6;min-height:30px;cursor:pointer}.sl-range-labels{display:flex;justify-content:space-between;font-size:12px;color:#8fa2b3}.sl-actions{display:flex;gap:12px;flex-wrap:wrap;grid-column:1/-1}.sl-actions button{font:inherit;cursor:pointer}.sl-controls #sl-note,.sl-controls #sl-status{grid-column:1/-1;margin:0;font-size:12px;max-width:none;color:#8fa2b3}.sl-controls #sl-status:empty{display:none}#sl-share-url{grid-column:1/-1;width:100%;padding:12px;background:#12202e;color:#fff;border:1px solid #2fd4e6}.sl-preview :focus-visible{outline:2px solid #2fd4e6;outline-offset:4px}@media(max-width:600px){.sl-controls{grid-template-columns:1fr;padding:18px;gap:18px}.sl-heading{padding:18px}.sl-badge{display:none}.sl-actions>*{flex:1;text-align:center}.sl-scene>span{font-size:11px;bottom:10px;left:10px}.sl-preview{margin-top:24px}}