.ait{--ait-ink:#1c1917;--ait-muted:#57534e;--ait-line:#e7e5e4;--ait-chip:#f5f5f4}.ait-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width<=900px){.ait-grid{grid-template-columns:minmax(0,1fr)}}.ait form{gap:12px;display:grid}.tools-page .ait-card{box-shadow:var(--ring-card);background:#fff;border-radius:20px;gap:6px;padding:24px 28px 28px;display:grid}.tools-page .ait-card .ait-chips,.tools-page .ait-card textarea,.tools-page .ait-card input[type=text]{margin-top:8px}.ait-side{gap:16px;display:grid;position:sticky;top:96px}@media (width<=900px){.ait-side{position:static}}.ait-side>section{box-shadow:var(--ring-card);background:#fff;border-radius:20px;margin:0;padding:24px}.ait-tiles{border:0;min-width:0;margin:0 0 56px;padding:0}.ait-tiles-row{scroll-snap-type:x proximity;scrollbar-width:none;justify-content:safe center;gap:22px;padding:14px 4px 10px;display:flex;overflow-x:auto}.ait-tiles-row::-webkit-scrollbar{display:none}.ait-tiles-row[data-many]{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.tools-page .ait-tile{scroll-snap-align:start;cursor:pointer;text-align:center;width:150px;transition:transform .2s var(--ease-out-strong);flex:none;align-content:start;gap:12px;padding:0;display:grid;position:relative}.tools-page .ait-tile input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ait-tile img{aspect-ratio:5/7;object-fit:cover;filter:grayscale(.6);opacity:.72;border-radius:16px;width:100%;height:auto;transition:filter .2s,opacity .2s;display:block;box-shadow:0 0 0 1px #1c191714}.ait-tiles.is-square .ait-tile img{aspect-ratio:1}.ait-tile span{font-family:var(--font-serif);color:#78716c;font-size:19px;font-weight:500;line-height:1.2}.ait-tile:has(input:checked){gap:0;transform:translateY(-6px)}.ait-tile:has(input:checked) img{filter:none;opacity:1;box-shadow:none;border-radius:16px 16px 0 0}.ait-tile:has(input:checked) span{color:#fff;background:#1c1917;border-radius:0 0 16px 16px;padding:10px 8px 12px;box-shadow:0 20px 34px -18px #1c19178c}.ait-tile:has(input:focus-visible) img{outline-offset:3px;outline:2px solid #7c3aed}@media (hover:hover) and (pointer:fine){.ait-tile:not(:has(input:checked)):hover img{filter:grayscale(.2);opacity:1}}@media (width<=640px){.tools-page .ait-tile{width:120px}.ait-tile span{font-size:17px}}@media (prefers-reduced-motion:reduce){.tools-page .ait-tile,.ait-tile img{transition:none}.ait-tile:has(input:checked){transform:none}}.ait-empty{text-align:center;justify-items:center;padding:16px 8px 8px;display:grid}.tools-page .ait-empty h2{font:500 26px/1.2 var(--font-serif);letter-spacing:normal;text-transform:none;color:#1c1917;margin:16px 0 8px}.ait-empty p{color:#57534e;text-wrap:balance;max-width:30ch;margin:0 0 28px;font-size:15px;line-height:1.6}.ait-empty-slots{box-sizing:border-box;border:1.5px dashed #d6d3d1;border-radius:16px;gap:18px;width:100%;padding:24px;display:grid}.ait-empty-slots>span{gap:8px;display:grid}.ait-empty-slots span span{background:#f5f5f4;border-radius:7px;height:14px}.ait-empty-slots span span+span{height:10px}.ait-empty-slots>span:first-child span:first-child{width:46%}.ait-empty-slots>span:first-child span:last-child{width:88%}.ait-empty-slots>span:nth-child(2) span:first-child{width:38%}.ait-empty-slots>span:nth-child(2) span:last-child{width:74%}.ait-empty-slots>span:nth-child(3) span:first-child{width:52%}.ait-empty-slots>span:nth-child(3) span:last-child{width:81%}.ait-presets{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.ait-field{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.tools-page .ait-label{color:var(--ait-ink);align-items:center;gap:8px;padding:0;font-size:16px;font-weight:600;line-height:1.35;display:flex}.ait-optional{background:var(--ait-chip);color:var(--ait-muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.tools-page .ait textarea,.tools-page .ait input[type=text],.tools-page .ait-row-text input{box-sizing:border-box;background:#f7f6f4;border:1px solid #0000;border-radius:12px;width:100%;padding:14px 16px;font-size:16px;line-height:1.6;transition:background-color .15s,border-color .15s}.tools-page .ait textarea{resize:none}.tools-page .ait textarea:hover,.tools-page .ait input[type=text]:hover{background:#f2f0ed}.tools-page .ait textarea:focus-visible,.tools-page .ait input:focus-visible{outline-offset:1px;background:#fff;border-color:#e7e5e4;outline:2px solid #7c3aed}.tools-page .ait textarea::placeholder,.tools-page .ait input::placeholder{color:#a8a29e}.ait-chips{flex-wrap:wrap;gap:8px;display:flex}.tools-page .ait-chip{background:var(--ait-chip);min-height:36px;color:var(--ait-ink);cursor:pointer;transition:background-color .15s ease, color .15s ease, transform .12s var(--ease-out-strong);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;align-items:center;padding:0 14px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.tools-page .ait-chip input{opacity:0;cursor:pointer;border:0;width:100%;margin:0;padding:0;position:absolute;inset:0}.tools-page .ait-chip:has(input:checked){background:var(--ait-ink);color:#fff}.tools-page .ait-chip:has(input:focus-visible){outline-offset:2px;outline:2px solid #7c3aed}.tools-page .ait-chip:active{transform:scale(.97)}.tools-page .ait-chip-quiet{color:var(--ait-muted);background:0 0}@media (hover:hover) and (pointer:fine){.tools-page .ait-chip:not(:has(input:checked)):hover{background:#e7e5e4}}.ait-submit{flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:12px;display:flex}.tools-page .ait-primary{background:var(--ait-ink);color:#fff;min-height:46px;transition:background-color .15s ease, transform .12s var(--ease-out-strong);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.tools-page .ait-primary:hover{background:#36373b;text-decoration:none}.tools-page .ait-primary:active{transform:scale(.97)}.tools-page .ait-primary:disabled{opacity:.4;cursor:default;transform:none}.ait-primary svg{background:#fff;border-radius:999px;width:18px;height:18px;padding:2px}.ait-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:14px;height:14px;animation:.7s linear infinite ait-spin}@keyframes ait-spin{to{transform:rotate(360deg)}}.ait-quota{color:var(--ait-muted);font-size:13px}.ait-error{color:#a2321f;margin:0;font-size:14px}.ait-results-head{border-bottom:1px solid var(--ait-line);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;display:flex}.ait-results-title{align-items:center;gap:10px;display:flex}.ait-results-head h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ait-ink);margin:0;font-size:13px;font-weight:600}.ait-results-head span{color:var(--ait-muted);font-size:13px}.ait-list{margin:0;padding:0;list-style:none}.ait-row{border-bottom:1px solid var(--ait-line);animation:ait-fade .15s var(--ease-out-strong) both;gap:14px;padding:20px 0;display:grid}.ait-row-text{flex:1;gap:8px;min-width:0;display:grid}.ait-row h3{color:var(--ait-ink);margin:0;font-size:16.5px;font-weight:600;line-height:1.4}.ait-row p{white-space:pre-wrap;color:#57534e;max-width:72ch;margin:0;font-size:15px;line-height:1.7}.ait-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;display:flex}.ait-row .ait-actions{margin-left:-8px}.tools-page .ait-icon{width:36px;height:36px;color:var(--ait-muted);transition:background-color .15s ease, color .15s ease, transform .12s var(--ease-out-strong);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.tools-page .ait-icon:hover{background:var(--ait-chip);color:var(--ait-ink)}.tools-page .ait-icon:active{transform:scale(.94)}.tools-page .ait-icon:disabled{color:var(--ait-ink);cursor:default;transform:none}.tools-page .ait-icon[aria-pressed=true]{background:var(--ait-chip);color:var(--ait-ink)}.tools-page .ait-next{border:1px solid var(--ait-line);white-space:nowrap;min-height:36px;color:var(--ait-ink);transition:border-color .15s ease, transform .12s var(--ease-out-strong);background:#fff;border-radius:999px;align-items:center;gap:6px;margin-left:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.tools-page .ait-next:hover{border-color:#d6d3d1}.tools-page .ait-next:active{transform:scale(.97)}.ait-skeleton{border-bottom:1px solid var(--ait-line);gap:10px;padding:22px 0;display:grid}.ait-skeleton span{background:var(--ait-chip);border-radius:6px;height:12px;animation:1.4s ease-in-out infinite ait-pulse}.ait-skeleton span:first-child{width:34%;height:15px}.ait-skeleton span:nth-child(2){width:92%}.ait-skeleton span:nth-child(3){width:71%}@keyframes ait-pulse{50%{opacity:.45}}.ait-saved-list{margin:0;padding:0;list-style:none}.ait-saved-list li{border-bottom:1px solid var(--ait-line);align-items:flex-start;gap:16px;padding:12px 0;display:flex}.ait-saved-list details{flex:1;min-width:0}.tools-page .ait-saved-list details{border:0;padding:0}.ait-saved-list summary{cursor:pointer;padding:8px 0;font-size:15px;font-weight:600}.ait-saved-list p{white-space:pre-wrap;color:#57534e;margin:6px 0 4px;font-size:14.5px;line-height:1.7}@media (prefers-reduced-motion:reduce){.ait-spinner,.ait-skeleton span{animation:none}}@keyframes ait-fade{0%{opacity:0}}.ait-help{color:var(--ait-muted);font-size:13px}.ait-card>legend{float:left;width:100%;margin:0}.ait-card>legend+*{clear:both}.tools-page .ait-row h3,.tools-page .ait-results-head h2{font-family:var(--font-sans)}.ait-example{text-align:center;max-width:920px;margin:96px auto 0}.tools-page .ait-example h2{font:500 40px/1.12 var(--font-serif);letter-spacing:-.01em;text-transform:none;color:#1c1917;margin:0 0 12px}.ait-example>p{color:#57534e;text-wrap:balance;max-width:46ch;margin:0 auto 32px;font-size:17px;line-height:1.6}.ait-clip{aspect-ratio:16/10;background:#f1edea;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1c19170f,0 24px 60px -24px #1c191747}.ait-clip video{object-fit:cover;width:100%;height:100%;display:block}.tools-page .ait-clip-toggle{color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color .15s ease, transform .12s var(--ease-out-strong);background:#1c1917b8;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:16px;right:16px}.tools-page .ait-clip-toggle:hover{background:#1c1917}.tools-page .ait-clip-toggle:active{transform:scale(.94)}.ait-clip-time{color:#fff;font-variant-numeric:tabular-nums;background:#1c1917b8;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;bottom:16px;left:16px}@media (width<=640px){.ait-example{margin-top:72px}.tools-page .ait-example h2{font-size:32px}.ait-clip{border-radius:16px}.ait-clip.has-phone{aspect-ratio:9/16}}
