.ss-frame{background:var(--color-bone);border-radius:var(--radius-lg);width:100%;max-width:680px;box-shadow:0 25px 60px -12px color-mix(in srgb, var(--color-navy-deep) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-navy-deep) 6%, transparent);margin:0;position:relative;overflow:hidden}.ss-frame--browser{max-width:720px}.ss-frame-chrome{background:var(--color-fog-soft);border-bottom:1px solid var(--color-fog);align-items:center;gap:12px;padding:10px 14px;display:flex}.ss-frame-traffic{flex-shrink:0;gap:6px;display:flex}.ss-frame-dot{border-radius:var(--radius-full);width:10px;height:10px}.ss-frame-dot--red{background:var(--color-chili)}.ss-frame-dot--yellow{background:var(--color-saffron)}.ss-frame-dot--green{background:var(--color-sage)}.ss-frame-url{background:var(--color-bone);border-radius:var(--radius-full);font-size:12px;font-family:var(--font-family-mono);color:var(--color-muted-ink);text-align:center;flex:1;max-width:280px;margin:0 auto;padding:5px 14px}.ss-frame-spacer{flex-shrink:0;width:42px}.ss-frame--phone{background:var(--color-ink);max-width:300px;box-shadow:0 25px 60px -12px color-mix(in srgb, var(--color-navy-deep) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-navy-deep) 12%, transparent);border-radius:36px;padding:12px}.ss-frame--phone .ss-frame-screen{aspect-ratio:9/19.5;background:var(--color-bone);border-radius:24px;position:relative;overflow:hidden}.ss-frame-phone-notch{background:var(--color-ink);border-radius:var(--radius-full);z-index:2;width:72px;height:18px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.ss-frame-screen{background:var(--color-bone);position:relative}.ss-frame-screen img{width:100%;height:auto;display:block}.ss-frame-placeholder{background:repeating-linear-gradient(45deg, var(--color-fog-soft), var(--color-fog-soft) 12px, var(--color-bone-soft) 12px, var(--color-bone-soft) 24px);min-height:320px;color:var(--color-muted-ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.ss-frame--phone .ss-frame-placeholder{aspect-ratio:9/19.5;min-height:100%;padding:80px 16px}.ss-frame-placeholder-label{font-family:var(--font-family-sans);font-size:13px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-soft)}.ss-frame-placeholder-hint{font-family:var(--font-family-mono);color:var(--color-muted-ink);max-width:280px;font-size:11px;line-height:1.5}