/* SVG & PNG to 3D page (reuses the .e3-* styles from emoji-3d.css) */
.s3-upload{display:flex;flex-direction:column;gap:8px;padding:14px;border:2px dashed var(--border);border-radius:16px;background:var(--bg);text-align:center}
.s3-upload .btn{justify-content:center;font-size:15px;padding:12px}
.s3-upload small{color:var(--text-muted);font-size:12.5px;line-height:1.45}
.s3-upload small b{color:var(--text)}
.s3-row{display:flex;gap:8px}
.s3-row .btn{flex:1;justify-content:center;font-size:13px;padding:8px}
#s3.s3-drag .e3-view{outline:3px dashed var(--primary);outline-offset:-10px}
#s3.s3-drag .s3-upload{border-color:var(--primary);background:rgba(99,102,241,.08)}
.s3-code-box textarea{width:100%;min-height:120px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:10px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;background:var(--bg-card);color:var(--text);box-sizing:border-box}
.s3-code-box .btn{margin-top:6px;justify-content:center;width:100%}
.s3-code-box[hidden]{display:none}
.s3-samples{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.s3-samples::before{content:"Try:";color:var(--text-muted);font-size:13px;align-self:center;margin-right:2px}
.s3-sample{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}
.s3-sample:hover{border-color:var(--primary)}
.s3-kind{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--primary);color:#fff;border-radius:6px;padding:2px 6px;margin-right:4px;vertical-align:1px}
.s3-tips{display:flex;flex-direction:column;gap:6px}
.s3-tip{font-size:13px;line-height:1.45;color:var(--text);background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.35);border-radius:12px;padding:8px 11px}
.e3-chip.s3-off{opacity:.45}