.scd{z-index:1000;background:#1f1a248c;place-items:center;padding:16px;animation:.18s scd-fade;display:grid;position:fixed;inset:0}.scd__panel{background:var(--surface,#fff);width:min(560px,100%);max-height:calc(100dvh - 32px);color:var(--text-primary);border-radius:22px;padding:20px;animation:.22s cubic-bezier(.2,.8,.2,1) scd-rise;overflow-y:auto;box-shadow:0 30px 60px -20px #1f1a2473}.scd__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.scd__head h2{margin:0;font-size:19px}.scd__x{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.scd__x:hover{background:var(--surface-hover);color:var(--text-primary)}.scd__formats{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.scd__chip{border:1px solid var(--border-color);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.scd__chip:hover{color:var(--text-primary);border-color:var(--pink-mid,#f29cbf)}.scd__chip.is-on{background:var(--pink-soft,#fdeef4);border-color:var(--pink-deep,#a83a6b);color:var(--pink-deep,#a83a6b)}.scd__preview{background:var(--surface-hover);border-radius:16px;place-items:center;min-height:220px;padding:12px;display:grid}.scd__preview img{border-radius:10px;max-width:100%;max-height:52dvh;display:block;box-shadow:0 12px 30px -16px #78285073}.scd__note{color:var(--text-secondary);margin:12px 0 0;font-size:13.5px}.scd__actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}@media (width<=480px){.scd__actions .btn{flex:100%;justify-content:center}}@keyframes scd-fade{0%{opacity:0}}@keyframes scd-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (prefers-reduced-motion:reduce){.scd,.scd__panel{animation:none}}