.add-text-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;border-radius:28px;background:var(--brand);color:var(--on-brand);text-align:left;font:inherit;transition:border-radius .25s var(--ease),transform .2s var(--ease)}.add-text-btn:hover{border-radius:18px}.add-text-btn:active{transform:scale(.98)}.add-text-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#ffffff2e}.add-text-words{display:grid;gap:2px}.add-text-words strong{font-size:1.05rem}.add-text-words small{opacity:.85;font-size:.78rem}.add-text-tool{margin-top:8px;gap:6px}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.style-card,.pair-card{display:grid;gap:2px;padding:8px 8px 6px;border:0;border-radius:20px;background:var(--surface-2);color:var(--text-2);font:inherit;transition:border-radius .25s var(--ease),background .15s}.style-card:hover,.pair-card:hover{border-radius:12px;background:var(--tonal, var(--brand-soft))}.style-card:focus-visible,.pair-card:focus-visible{outline:none;box-shadow:var(--ring)}.style-preview{width:100%;height:auto;border-radius:14px;background:#fff}.style-name{overflow:hidden;font-size:.74rem;font-weight:650;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pair-list{display:grid;gap:8px}.quick-bar{align-items:center}.quick-icon{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--text-2);transition:border-radius .2s var(--ease),background .15s}.quick-icon:hover{background:var(--surface-2);color:var(--text)}.quick-icon[aria-pressed=true]{border-radius:12px;background:var(--tonal, var(--brand-soft));color:var(--on-tonal, var(--text))}.quick-color-dot{position:absolute;bottom:5px;left:9px;width:16px;height:4px;border-radius:2px;box-shadow:0 0 0 1px #00000026}.quick-sep{width:1px;height:22px;margin:0 4px;background:var(--border-strong)}.quick-stepper{display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-2)}.quick-size{width:44px;padding:4px 0;border:0;background:transparent;color:var(--text);font:inherit;font-size:.82rem;font-weight:650;text-align:center;appearance:textfield}.quick-size::-webkit-inner-spin-button{appearance:none}.font-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:7px 10px 7px 14px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text);font:inherit}.font-btn:hover{background:var(--surface-2)}.font-btn-name{overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.quick-font{width:150px;padding:5px 8px 5px 12px;border:0;background:var(--surface-2)}.font-picker,.color-pop{position:fixed;z-index:60;display:grid;gap:8px;width:280px;padding:12px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-lg);animation:pop-in .18s var(--ease)}.font-picker{grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.font-kinds{padding-bottom:6px;border-bottom:1px solid var(--border)}.font-kinds{display:flex;flex-wrap:wrap;gap:4px}.font-kinds .chip-btn{min-height:26px;padding:2px 10px;font-size:.74rem}.font-list{display:grid;align-content:start;gap:2px;min-height:0;overflow-y:auto}.font-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:0;border-radius:14px;background:transparent;color:var(--text);font-size:1.05rem;text-align:left}.font-option:hover,.font-option:focus-visible{outline:none;background:var(--surface-2)}.font-option[aria-selected=true]{background:var(--tonal, var(--brand-soft))}.font-group{margin:6px 4px 0;color:var(--text-3);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.font-none{padding:8px}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.swatch{aspect-ratio:1;border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #00000024;transition:border-radius .2s var(--ease),transform .15s var(--ease)}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{border-radius:8px;outline:2px solid var(--brand);outline-offset:2px}.color-pop-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.color-any{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:650}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}}@media(prefers-reduced-motion:reduce){.font-picker,.color-pop{animation:none}}.studio-card{display:flex;align-items:center;gap:14px;width:100%;margin-top:14px;padding:12px 14px;border:0;border-radius:24px;background:var(--tonal, var(--brand-soft));color:var(--on-tonal, var(--text));text-align:left;font:inherit;transition:border-radius .25s var(--ease)}.studio-card:hover{border-radius:16px}.studio-card .add-text-icon{background:var(--surface);color:var(--brand)}