.tool{--tool-ink:var(--theme-text);--tool-line:#070b1117;--tool-radius:1.5rem;border:1px solid var(--tool-line);border-radius:var(--tool-radius);background:var(--theme-surface);display:grid;overflow:hidden;box-shadow:inset 0 1px #fffc,0 40px 80px -60px #070b1166}@media (width>=900px){.tool{grid-template-columns:minmax(0,1fr) minmax(22rem,.9fr)}}.tool__stage{background:radial-gradient(circle at 1px 1px,#070b111a 1px,#0000 0) 0 0/22px 22px,linear-gradient(#f6f8fb,#eef2f7);align-content:center;justify-items:center;gap:1.25rem;min-height:22rem;padding:clamp(1.5rem,5vw,3.5rem);display:grid;position:relative}@media (width>=900px){.tool__stage{border-right:1px solid var(--tool-line)}}@media (width<=899px){.tool__stage{border-bottom:1px solid var(--tool-line)}}.tool__paper{background:#fff;border-radius:1.1rem;place-items:center;width:min(100%,19rem);padding:1.1rem;transition:transform .5s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 0 0 1px #070b110d,0 24px 50px -28px #070b1173}.tool__paper--wide{width:min(100%,26rem)}.tool__paper--clear{background:repeating-conic-gradient(#eef2f7 0 25%, #fff 0 50%) 0 0 / 14px 14px}.tool__paper svg{width:100%;height:auto;display:block}.tool__caption{color:var(--theme-faint);font-family:var(--theme-mono-font);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0;font-size:.72rem}.tool__empty{max-width:18rem;color:var(--theme-muted);text-align:center;margin:0;line-height:1.5}.tool__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1rem;display:flex}.tool__stage--sticky{align-content:start}.tool__sticky{justify-items:center;gap:1.25rem;width:100%;display:grid}@media (width>=900px){.tool__sticky{top:calc(var(--header-height) + 2rem);position:sticky}}.tool__panel{align-content:start;min-width:0;display:grid}.tool__section{border-bottom:1px solid var(--tool-line);gap:.9rem;padding:1.35rem clamp(1.25rem,3vw,1.75rem);display:grid}.tool__section:last-child{border-bottom:0}.tool__heading{color:var(--theme-faint);font-family:var(--theme-mono-font);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:500}.tool__segments{background:#eef2f7;border-radius:.9rem;flex-wrap:wrap;gap:.2rem;width:fit-content;max-width:100%;padding:.25rem;display:flex}.tool__segment{min-height:2.2rem;color:var(--theme-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.65rem;padding:.35rem .85rem;font-size:.88rem;font-weight:500;transition:color .2s,background-color .2s,box-shadow .2s}.tool__segment:hover{color:var(--tool-ink)}.tool__segment[aria-pressed=true]{color:var(--tool-ink);background:#fff;box-shadow:0 1px 2px #070b111a,0 0 0 1px #070b110a}.tool__grid{gap:.9rem 1rem;display:grid}@media (width>=520px){.tool__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool__field{gap:.3rem;min-width:0;display:grid}.tool__label{color:var(--theme-muted);font-size:.8rem}.tool__input{width:100%;min-height:2.75rem;color:var(--tool-ink);border:0;border-bottom:1px solid var(--theme-line-strong);font:inherit;background:0 0;border-radius:0;outline:none;padding:.5rem 0;font-size:1rem;transition:border-color .2s}.tool__input::placeholder{color:var(--theme-faint)}.tool__input:hover{border-bottom-color:#070b1166}.tool__input:focus-visible{border-bottom-color:var(--neon);box-shadow:0 1px 0 var(--neon)}select.tool__input{cursor:pointer}.tool__input--area{resize:vertical;min-height:5rem;line-height:1.5}.tool__input--mono{font-family:var(--theme-mono-font);letter-spacing:.04em}.tool__input--title{font-family:var(--theme-display-font);letter-spacing:-.01em;font-size:clamp(1.15rem,2.4vw,1.4rem)}.tool__swatches{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.tool__swatch{background:var(--swatch);cursor:pointer;border:0;border-radius:50%;width:1.9rem;height:1.9rem;padding:0;transition:transform .2s;position:relative;box-shadow:inset 0 0 0 1px #070b1124}.tool__swatch:hover{transform:scale(1.08)}.tool__swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--tool-ink)}.tool__swatch--custom{background:conic-gradient(#ff1f7a,#ffb800,#00a596,#0d3cff,#8a2be2,#ff1f7a);overflow:hidden}.tool__swatch--custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tool__range{width:100%;accent-color:var(--tool-ink)}.tool__check{cursor:pointer;align-items:center;gap:.6rem;font-size:.92rem;display:flex}.tool__check input{width:1.05rem;height:1.05rem;accent-color:var(--tool-ink)}.tool__hint{color:var(--theme-faint);margin:0;font-size:.8rem;line-height:1.45}.tool__error{color:#b42318;margin:0;font-size:.86rem}.tool__warning{color:#9a5b00;text-align:center;margin:0;font-size:.84rem}.tool__button{color:#fff;background:var(--tool-ink,var(--theme-text));min-height:3rem;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.5rem;font-weight:600;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s;display:inline-flex}.tool__button:hover:not(:disabled){transform:translateY(-1px)}.tool__button--accent{background:var(--neon)}.tool__button--quiet{min-height:2.5rem;color:var(--tool-ink,var(--theme-text));text-decoration:underline;-webkit-text-decoration-color:var(--theme-line-strong);text-decoration-color:var(--theme-line-strong);text-underline-offset:.3em;background:0 0;padding-inline:.25rem;font-weight:500}.tool__button:disabled{opacity:.35;cursor:not-allowed}.tool__segment:focus-visible,.tool__swatch:focus-visible,.tool__button:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.tool__privacy{color:var(--theme-faint);align-items:center;gap:.5rem;margin:0;font-size:.78rem;display:flex}.tool__privacy:before{content:"";background:var(--live);border-radius:50%;flex:none;width:.45rem;height:.45rem}