.share-card-studio{color:#3d2416;background:#fff8e8;border:1px solid #e6c889;border-radius:16px;margin:20px 0;padding:20px}.share-card-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-card-toolbar h3{font:600 22px/1.3 var(--heavy);margin:7px 0 15px}.share-card-format{font:9px var(--mono);color:#7a6248;white-space:nowrap}.share-card-tabs{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.share-card-tabs button{color:#593b23;background:0 0;border:1px solid #d6b67d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-size:11px;font-weight:700;display:inline-flex}.share-card-tabs button[aria-pressed=true]{color:#3d2416;background:#fffdf2;border-color:#3d2416;box-shadow:0 0 0 1px #3d2416}.share-card-swatch{border-radius:50%;width:14px;height:14px}.share-card-yellow{background:#ffc72c}.share-card-red{background:var(--brand-primary)}.share-card-preview{aspect-ratio:16/9;background:#ffedb8;border:1px solid #dcb45d;border-radius:12px;place-items:center;display:grid;overflow:hidden;box-shadow:0 8px 24px #94672613}.share-card-preview>canvas{width:100%;height:auto;display:block}.share-card-preview>span{font-size:12px}.share-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 8px;display:flex}.share-card-actions .drop-button{background:var(--brand-primary);border-color:var(--brand-primary-hover);color:#fff8e8;min-height:46px}.share-card-actions .drop-text-button{gap:10px}.share-card-actions button:disabled{opacity:.45;cursor:wait}.share-card-hint,.share-card-notice{color:#725742;margin:8px 0 0;font-size:11px;line-height:1.6}.share-card-notice{color:var(--brand-primary);font-weight:700}.quest-level-badge>img{object-fit:contain;width:80px;height:56px}.quest-share-heading .x-mark{background:var(--brand-primary);color:#fff8e8}@media (max-width:520px){.share-card-studio{margin:16px -4px;padding:12px}.share-card-toolbar{align-items:flex-start}.share-card-toolbar h3{font-size:18px}.share-card-format{margin-top:4px;font-size:7px}.share-card-tabs{gap:7px}.share-card-tabs button{padding:8px 11px;font-size:10px}.share-card-actions{align-items:stretch}.share-card-actions>button{white-space:nowrap;flex:1;padding-inline:10px;font-size:11px}}