@font-face{font-family:"Almendra";src:url("assets/almendra-400.woff2?v=e4c2b8b598c0") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Almendra";src:url("assets/almendra-400-italic.woff2?v=fa67ee141df3") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Almendra";src:url("assets/almendra-700.woff2?v=2bb44ff2a9ac") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Almendra";src:url("assets/almendra-700-italic.woff2?v=c9a1a06c6ac4") format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Geist Pixel Circle";src:url("assets/geist-pixel-circle.woff2?v=eb52582a433e") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root{--tt-bar:#424247;--tt-menu:#424247;--tt-edge:rgba(255,255,255,.18);--tt-hover:rgba(255,255,255,.1);--tt-pressed:#5c5c62;--tt-ink:#fafafa;--tt-ink-muted:#b4b4b8;--tt-divider:rgba(255,255,255,.16);--tt-select:#0d99ff;--tt-ease:cubic-bezier(.23,1,.32,1)}
html[data-theme="light"]{--tt-bar:rgba(244,244,245,.94);--tt-menu:#fff;--tt-edge:rgba(35,35,38,.12);--tt-hover:rgba(35,35,38,.06);--tt-pressed:#fff;--tt-ink:#232326;--tt-ink-muted:#71717a;--tt-divider:rgba(35,35,38,.12)}

/* Paint: one stop list per style; text runs it left → right, swatches top → bottom */
[data-paint="default"]{--tt-stops:var(--foreground),var(--foreground)}
[data-paint="muted"]{--tt-stops:#a6a6aa,#a6a6aa}
[data-paint="red"]{--tt-stops:#ff7b7b,#ff7b7b}
[data-paint="orange"]{--tt-stops:#ff922b,#ff922b}
[data-paint="yellow"]{--tt-stops:#ffd43b,#ffd43b}
[data-paint="green"]{--tt-stops:#51cf66,#51cf66}
[data-paint="teal"]{--tt-stops:#3bc9db,#3bc9db}
[data-paint="blue"]{--tt-stops:#5fb6ff,#5fb6ff}
[data-paint="violet"]{--tt-stops:#ae95ff,#ae95ff}
[data-paint="pink"]{--tt-stops:#f783ac,#f783ac}
[data-paint="spectrum"]{--tt-stops:#7b9dff 10%,rgb(74,231,226) 30%,rgb(74,231,226) 70%,rgb(115,230,26) 100%}
[data-paint="sunset"]{--tt-stops:#ff6690,#ff8a3d 55%,#ffd23d}
/* Prism — Figma 96:1250 */
[data-paint="prism"]{--tt-stops:#6f9bff 0%,#86a0ff 13.751%,#909ffd 21.048%,#d494e6 41.351%,#ff66b5 61.885%,#ff6896 72.688%,#ff6a6c 79.802%,#ff7050 86.058%,#ff7f33 100%}
html[data-theme="light"] [data-paint="muted"]{--tt-stops:var(--muted),var(--muted)}
html[data-theme="light"] [data-paint="prism"]{--tt-stops:#2f5fe0 0%,#4a63e6 13.751%,#5560e0 21.048%,#9c4db8 41.351%,#d42f86 61.885%,#d6175e 72.688%,#d42530 79.802%,#cf3a1c 86.058%,#b84a0c 100%}
html[data-theme="light"] [data-paint="red"]{--tt-stops:#e03131,#e03131}
html[data-theme="light"] [data-paint="orange"]{--tt-stops:#e8590c,#e8590c}
html[data-theme="light"] [data-paint="yellow"]{--tt-stops:#b08800,#b08800}
html[data-theme="light"] [data-paint="green"]{--tt-stops:#2f9e44,#2f9e44}
html[data-theme="light"] [data-paint="teal"]{--tt-stops:#0c8599,#0c8599}
html[data-theme="light"] [data-paint="blue"]{--tt-stops:#1971c2,#1971c2}
html[data-theme="light"] [data-paint="violet"]{--tt-stops:#6741d9,#6741d9}
html[data-theme="light"] [data-paint="pink"]{--tt-stops:#c2255c,#c2255c}
html[data-theme="light"] [data-paint="spectrum"]{--tt-stops:rgb(0,0,230) 10%,rgb(0,150,160) 35%,rgb(0,150,160) 65%,rgb(60,150,0) 100%}
html[data-theme="light"] [data-paint="sunset"]{--tt-stops:#e11d63,#ea580c 55%,#ca8a04}

/* Tagline */
.tagline-editor{position:relative;z-index:5;width:fit-content}
.tagline{position:relative;width:fit-content}
.tagline[data-paint]{background:linear-gradient(90deg,var(--tt-stops));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tagline[data-paint]::selection{-webkit-text-fill-color:var(--foreground);color:var(--foreground)}
.tagline::after{content:"";position:absolute;left:-1px;right:-1px;top:calc(50% + .06em);height:max(1px,.09em);border-radius:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform 280ms var(--tt-ease);pointer-events:none}
.tagline[data-paint]::after{background:linear-gradient(90deg,var(--tt-stops))}
.tagline[data-strike]::after{transform:scaleX(1)}
.tagline.is-swapping{animation:tt-swap 260ms var(--tt-ease)}
@keyframes tt-swap{from{opacity:.4;filter:blur(3px)}}

/* Selection frame: always shown, FigJam-style corner handles */
.tt-frame{position:absolute;inset:-5.5px -6.5px;border:1.5px solid var(--tt-select);pointer-events:none}
.tt-frame i{position:absolute;width:8px;height:8px;border:1.5px solid var(--tt-select);border-radius:2px;background:#fff}
.tt-frame i:nth-child(1){top:-4.5px;left:-4.5px}
.tt-frame i:nth-child(2){top:-4.5px;right:-4.5px}
.tt-frame i:nth-child(3){bottom:-4.5px;left:-4.5px}
.tt-frame i:nth-child(4){bottom:-4.5px;right:-4.5px}

/* Toolbar */
.tagline-toolbar{position:absolute;top:calc(50% - 17px);left:calc(100% + 18px);display:flex;align-items:center;gap:2px;height:34px;padding:4px;border-radius:10px;background:var(--tt-bar);color:var(--tt-ink);font-family:var(--sans);font-size:12px;line-height:1;white-space:nowrap;box-shadow:0 0 0 1px var(--tt-edge),0 1px 1px rgba(0,0,0,.08),0 8px 24px -6px rgba(0,0,0,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tagline-editor[data-placement="below"] .tagline-toolbar{top:calc(100% + 14px);left:-4px}

.tagline-toolbar button{display:inline-flex;flex:none;align-items:center;justify-content:center;height:26px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;transition:background-color 120ms ease,color 120ms ease,transform 120ms ease}
.tagline-toolbar button:active{transform:scale(.96)}
.tagline-toolbar button:focus-visible{outline:2px solid var(--nav-ring,#a1a1aa);outline-offset:1px}
@media(hover:hover){.tagline-toolbar button:hover{background:var(--tt-hover)}}
.tt-trigger{gap:4px;overflow:hidden}
.tt-chevron{flex:none;color:var(--tt-ink-muted);transition:transform 160ms var(--tt-ease)}
.tt-select[data-open] .tt-trigger{background:var(--tt-hover)}
.tt-select[data-open] .tt-chevron{transform:rotate(180deg)}
.tt-font-trigger{justify-content:space-between;padding:0 7px!important;transition:width 240ms var(--tt-ease),background-color 120ms ease,transform 120ms ease!important}
.tt-font-label{display:block;flex:none;font-size:12px}
.tt-paint-trigger{padding:0 6px!important}
.tt-toggle{width:26px;font-family:var(--serif);font-size:14px;color:var(--tt-ink-muted)!important}
.tt-bold{font-weight:700}
.tt-italic{font-style:italic}
.tt-strike{text-decoration:line-through;text-decoration-thickness:1.5px}
.tt-toggle[aria-pressed="true"]{background:var(--tt-pressed)!important;color:var(--tt-ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.tt-divider{flex:none;width:1px;height:14px;margin:0 3px;background:var(--tt-divider)}
.tt-swatch{display:block;flex:none;width:10px;height:10px;border-radius:50%;background:linear-gradient(var(--tt-stops));box-shadow:inset 0 0 0 1px rgba(127,127,127,.3)}

/* Menus */
.tt-select{position:relative}
.tt-menu{position:absolute;top:calc(100% + 8px);left:-4px;border-radius:10px;background:var(--tt-menu);color:var(--tt-ink);box-shadow:0 0 0 1px var(--tt-edge),0 12px 32px -8px rgba(0,0,0,.6);opacity:0;transform:translateY(-4px) scale(.97);transform-origin:16px 0;filter:blur(2px);pointer-events:none;visibility:hidden;transition:opacity 120ms ease,transform 120ms ease,filter 120ms ease,visibility 0s linear 120ms}
.tt-select[data-open] .tt-menu{opacity:1;transform:none;filter:none;pointer-events:auto;visibility:visible;transition:opacity 180ms var(--tt-ease),transform 220ms var(--tt-ease),filter 180ms var(--tt-ease)}
.tt-menu ul{margin:0;padding:0;list-style:none}
.tt-menu ul:focus{outline:none}
.tt-font-menu ul{min-width:168px;padding:4px}
.tt-option{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:6px;font-size:13px;cursor:pointer;outline:none}
.tt-option:focus{background:var(--tt-hover)}
.tt-check{margin-left:auto;padding-left:12px;box-sizing:content-box;opacity:0;color:var(--tt-ink-muted)}
.tt-option[aria-selected="true"] .tt-check{opacity:1}
.tt-paint-menu{left:auto;right:-4px;transform-origin:calc(100% - 16px) 0}
.tt-paint-grid{display:grid;grid-template-columns:repeat(5,28px);gap:2px;padding:6px}
.tt-paint-heading{grid-column:1/-1;padding:6px 4px 2px;font-size:11px;line-height:14px;color:var(--tt-ink-muted)}
.tt-swatch-option{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;cursor:pointer;outline:none}
.tt-swatch-option:focus{background:var(--tt-hover)}
.tt-swatch-option .tt-swatch{width:16px;height:16px;transition:transform 140ms var(--tt-ease),box-shadow 140ms ease}
.tt-swatch-option:active .tt-swatch{transform:scale(.9)}
.tt-swatch-option[aria-selected="true"] .tt-swatch{box-shadow:inset 0 0 0 1px rgba(127,127,127,.3),0 0 0 2px var(--tt-menu),0 0 0 3.5px var(--tt-select)}

@media(prefers-reduced-motion:reduce){
  .tt-menu,.tt-select[data-open] .tt-menu{transform:none;filter:none;transition-property:opacity,visibility}
  .tagline::after{transition:none}
  .tagline.is-swapping{animation:none}
}