.frame-module__jXaE3a__bento{gap:var(--space-3);grid-template-columns:repeat(12,minmax(0,1fr));min-width:0;display:grid}.frame-module__jXaE3a__bento>*{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-2);min-width:0}.frame-module__jXaE3a__identity{padding:clamp(var(--space-5), 4vw, var(--space-8));grid-column:span 5}.frame-module__jXaE3a__eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.frame-module__jXaE3a__identity h2{min-width:0;max-width:18ch;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xl), 4vw, var(--text-3xl));overflow-wrap:anywhere;margin:0;line-height:1.04}.frame-module__jXaE3a__identity p:last-child{max-width:58ch;margin:var(--space-4) 0 0;color:var(--color-ink-2);line-height:1.65}.frame-module__jXaE3a__source{align-content:center;gap:var(--space-3);padding:var(--space-6);grid-column:span 5;display:grid}.frame-module__jXaE3a__source button,.frame-module__jXaE3a__styles button,.frame-module__jXaE3a__aspect button,.frame-module__jXaE3a__tones button,.frame-module__jXaE3a__export button{border:1px solid var(--color-rule);border-radius:var(--radius-md);min-height:44px;color:var(--color-ink);background:var(--color-paper);font:inherit;white-space:nowrap;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700}.frame-module__jXaE3a__source button:first-child{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.frame-module__jXaE3a__source button:first-child span{text-overflow:ellipsis;min-width:0;overflow:hidden}.frame-module__jXaE3a__source svg,.frame-module__jXaE3a__export svg{flex:none;width:18px;height:18px}.frame-module__jXaE3a__source .frame-module__jXaE3a__quiet{background:0 0;border-color:#0000}.frame-module__jXaE3a__styles,.frame-module__jXaE3a__aspect,.frame-module__jXaE3a__tones,.frame-module__jXaE3a__sliders,.frame-module__jXaE3a__caption{align-content:start;gap:var(--space-3);padding:var(--space-5);display:grid}.frame-module__jXaE3a__styles{grid-column:span 7}.frame-module__jXaE3a__tones{grid-column:span 5}.frame-module__jXaE3a__styles>span,.frame-module__jXaE3a__aspect>span,.frame-module__jXaE3a__tones>span,.frame-module__jXaE3a__caption>span,.frame-module__jXaE3a__sliders label>span{color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.frame-module__jXaE3a__styles>div,.frame-module__jXaE3a__aspect>div,.frame-module__jXaE3a__tones>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.frame-module__jXaE3a__styles button,.frame-module__jXaE3a__aspect button,.frame-module__jXaE3a__tones button{padding:var(--space-2) var(--space-3)}.frame-module__jXaE3a__styles button[aria-pressed=true],.frame-module__jXaE3a__aspect button[aria-pressed=true],.frame-module__jXaE3a__tones button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent-ink);background:var(--color-accent)}.frame-module__jXaE3a__tones button{align-items:center;gap:var(--space-2);text-transform:capitalize;display:inline-flex}.frame-module__jXaE3a__tones i{border:1px solid var(--color-rule);border-radius:50%;width:13px;height:13px}.frame-module__jXaE3a__tones i[data-tone=paper]{background:var(--color-ink)}.frame-module__jXaE3a__tones i[data-tone=ink]{background:var(--color-paper)}.frame-module__jXaE3a__tones i[data-tone=accent]{background:var(--color-accent)}.frame-module__jXaE3a__aspect{grid-column:span 5}.frame-module__jXaE3a__colorPicker{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);place-items:center;width:44px;min-height:44px;display:grid}.frame-module__jXaE3a__colorPicker input{cursor:pointer;background:0 0;border:0;border-radius:50%;width:26px;height:26px;padding:0}.frame-module__jXaE3a__sliders{gap:var(--space-5);grid-column:span 7}.frame-module__jXaE3a__sliders label{gap:var(--space-2);display:grid}.frame-module__jXaE3a__sliders label>span{justify-content:space-between;gap:var(--space-3);display:flex}.frame-module__jXaE3a__sliders strong{color:var(--color-ink)}.frame-module__jXaE3a__sliders input{width:100%;accent-color:var(--color-accent)}.frame-module__jXaE3a__caption{grid-column:span 8}.frame-module__jXaE3a__caption input{border:1px solid var(--color-rule);border-radius:var(--radius-md);min-width:0;min-height:46px;padding:0 var(--space-4);color:var(--color-ink);background:var(--color-paper);font:inherit}.frame-module__jXaE3a__caption input:disabled{cursor:not-allowed;opacity:.48}.frame-module__jXaE3a__sliders input:disabled{cursor:not-allowed;opacity:.55}.frame-module__jXaE3a__preview{min-height:30rem;padding:clamp(var(--space-4), 3vw, var(--space-6));background:var(--color-paper);grid-area:span 2/span 7;place-items:center;display:grid;position:relative;overflow:hidden}.frame-module__jXaE3a__preview canvas{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:68vh;display:block}.frame-module__jXaE3a__preview>div{align-content:center;justify-items:center;gap:var(--space-2);color:var(--color-ink-2);display:grid;position:absolute;inset:0}.frame-module__jXaE3a__preview strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg)}.frame-module__jXaE3a__export{align-content:end;gap:var(--space-6);padding:var(--space-6);grid-column:span 4;display:grid}.frame-module__jXaE3a__export p{color:var(--color-ink-2);margin:0;line-height:1.65}.frame-module__jXaE3a__export>div{gap:var(--space-3);display:grid}.frame-module__jXaE3a__export button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);display:inline-flex}.frame-module__jXaE3a__export button:last-child{color:var(--color-accent-ink);background:var(--color-accent);border-color:#0000}.frame-module__jXaE3a__source button:hover,.frame-module__jXaE3a__styles button:hover,.frame-module__jXaE3a__aspect button:hover,.frame-module__jXaE3a__tones button:hover,.frame-module__jXaE3a__export button:hover{transform:translateY(-1px)}.frame-module__jXaE3a__source button:active,.frame-module__jXaE3a__styles button:active,.frame-module__jXaE3a__aspect button:active,.frame-module__jXaE3a__tones button:active,.frame-module__jXaE3a__export button:active{transform:none}.frame-module__jXaE3a__source button:focus-visible,.frame-module__jXaE3a__styles button:focus-visible,.frame-module__jXaE3a__aspect button:focus-visible,.frame-module__jXaE3a__tones button:focus-visible,.frame-module__jXaE3a__export button:focus-visible,.frame-module__jXaE3a__caption input:focus-visible,.frame-module__jXaE3a__sliders input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.frame-module__jXaE3a__export button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:800px){.frame-module__jXaE3a__identity,.frame-module__jXaE3a__source,.frame-module__jXaE3a__styles,.frame-module__jXaE3a__aspect,.frame-module__jXaE3a__tones,.frame-module__jXaE3a__sliders,.frame-module__jXaE3a__caption,.frame-module__jXaE3a__preview,.frame-module__jXaE3a__export{grid-column:1/-1}.frame-module__jXaE3a__preview{min-height:25rem}.frame-module__jXaE3a__export>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.frame-module__jXaE3a__preview{min-height:20rem}.frame-module__jXaE3a__export>div{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.frame-module__jXaE3a__source button,.frame-module__jXaE3a__styles button,.frame-module__jXaE3a__aspect button,.frame-module__jXaE3a__tones button,.frame-module__jXaE3a__export button{transition:opacity .12s var(--ease-out)}.frame-module__jXaE3a__source button:hover,.frame-module__jXaE3a__styles button:hover,.frame-module__jXaE3a__aspect button:hover,.frame-module__jXaE3a__tones button:hover,.frame-module__jXaE3a__export button:hover{transform:none}}