.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding:4px 0 12px}.tool-card{--folder:#080449;--folder-edge:#282263;position:relative;aspect-ratio:.735;border:1px solid var(--folder-edge);border-radius:23px;background:var(--folder);padding:5px;isolation:isolate;box-shadow:0 2px 2px #1b153324,inset 0 1px 1px #ffffff45;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;perspective:900px}.tool-card:nth-child(2){--folder:#e0e7ed;--folder-edge:#c0ccd7}.tool-card:nth-child(3){--folder:#0b1820;--folder-edge:#34434c}.tool-card:nth-child(4){--folder:#d9d2e8;--folder-edge:#b9aaca}.tool-card .art{position:absolute;inset:5px;height:auto;border-radius:17px;overflow:hidden;background:#100548}.tool-card .art:after{content:'';position:absolute;inset:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.4' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}.folder-sheet{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 0%,#c3a3ff 0,transparent 50%),radial-gradient(ellipse at 70% 12%,#4314ee 0,transparent 54%),linear-gradient(145deg,#6640fd,#12069c 48%,#080329);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s}.art-images .folder-sheet{background:radial-gradient(ellipse at 5% 38%,#ffd078 0,transparent 27%),radial-gradient(ellipse at 25% 14%,#f55021 0,transparent 30%),radial-gradient(ellipse at 82% 2%,#6555a2 0,transparent 35%),linear-gradient(155deg,#5f2850 5%,#15213e 40%,#0a1626 60%)}.art-write .folder-sheet{background:radial-gradient(ellipse at 58% 35%,#b7deef 0,#598399 13%,#142e3c 35%,#02090e 64%)}.art-code .folder-sheet{background:radial-gradient(ellipse at 65% 10%,#ffd3c7 0,transparent 40%),radial-gradient(ellipse at 20% 28%,#a487d2 0,transparent 40%),linear-gradient(135deg,#362054,#715882 50%,#1a1834)}.tool-card .card-copy{position:absolute;inset:19% 5px 5px;display:block;padding:0;border-radius:0 0 17px 17px;background:linear-gradient(135deg,#ffffff08,transparent 55%),var(--folder);clip-path:polygon(0 14px,1% 8px,3% 3px,6% 0,27% 0,30% 2px,33% 8px,40% 20px,43% 23px,94% 23px,97% 26px,100% 32px,100% 100%,0 100%);transform-origin:50% 100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);color:#fff;box-shadow:inset 0 -2px 3px #0002}.folder-number{position:absolute;left:17px;top:27px;font-size:38px;font-weight:450;letter-spacing:-1.8px}.tool-card .card-copy>div{position:absolute;bottom:19px;left:17px;right:16px}.tool-card .card-copy h3{font-size:12px;color:inherit;font-weight:550;line-height:1.25;margin-bottom:7px}.tool-card .card-copy p{font-size:10px;line-height:1.45;color:#ffffff90;max-width:170px}.tool-card .card-arrow{position:absolute;top:39px;right:15px;border:0;width:15px;height:15px;font-size:17px;color:#ffffffb0}.tool-card:nth-child(2) .card-copy,.tool-card:nth-child(4) .card-copy{color:#18232b}.tool-card:nth-child(2) .card-copy p,.tool-card:nth-child(4) .card-copy p{color:#52616c}.tool-card:nth-child(2) .card-arrow,.tool-card:nth-child(4) .card-arrow{color:#42515c}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-7px);box-shadow:0 17px 24px #24203521}.tool-card:hover .card-copy,.tool-card:focus-visible .card-copy{transform:rotateX(-13deg) translateY(4px)}.tool-card:hover .folder-sheet,.tool-card:focus-visible .folder-sheet{transform:scale(1.1) translateY(-9px);filter:brightness(1.12)}
button.liquid-glass{--light-x:50%;--light-y:0%;position:relative;isolation:isolate;border:1px solid #ffffff60!important;border-radius:999px;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff85,transparent 65%),linear-gradient(165deg,#ffffff35,#ffffff08 42%,#ffffff32)!important;color:#2b2934!important;box-shadow:inset 0 1px 1px #ffffffed,inset 1px 0 2px #ffffffa8,inset -1px -2px 2px #ffffffb0,inset 0 7px 9px #5d536014,0 4px 7px #41324c18,0 1px 2px #2e21361c;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);text-shadow:0 1px 0 #ffffff55;transition:transform .22s,box-shadow .22s,background .22s;filter:none}button.liquid-glass:before{content:'';pointer-events:none;position:absolute;inset:1px;border-radius:inherit;border:1px solid transparent;border-top-color:#fff9;border-bottom-color:#fff7;background:linear-gradient(115deg,#ffffff25,transparent 25%,transparent 80%,#fff3);z-index:-1}button.liquid-glass:hover{transform:perspective(500px) translateY(-2px) rotateY(var(--tilt,0deg));box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #fff,0 7px 13px #47335326}button.liquid-glass:active{transform:translateY(1px) scale(.97)}button.liquid-glass:focus-visible{outline:2px solid #8b70ac;outline-offset:4px}.hero-actions .liquid-glass{padding:15px 23px;font-size:12px}.hero-actions .primary{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff9c,transparent 65%),linear-gradient(140deg,#d6c7ec66,#b4a1cd30)!important}.tabs{background:#d8cde13d;box-shadow:inset 0 1px 2px #fff5;border-color:#fff3}.tabs button{box-shadow:none;border-color:transparent!important;background:transparent!important}.tabs button.active{background:linear-gradient(145deg,#ffffff9c,#ffffff30)!important;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #fff9,0 3px 5px #56436618}.tabs button:not(.active):before{opacity:0}.suggestions button.liquid-glass{font-size:9px}.send.liquid-glass{width:38px;height:38px}.back.liquid-glass{padding:10px 15px}.text-button.liquid-glass{padding:7px 12px}#closeDialog.liquid-glass{width:28px;height:28px}#help.liquid-glass{border-color:#fff9!important}.composer-area{margin-top:56px}@supports not (backdrop-filter:blur(1px)){button.liquid-glass{background:#e5dfea!important}}
@media(max-width:1000px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tool-card{aspect-ratio:.9}.tool-card .folder-number{font-size:42px}.tool-card .card-copy h3{font-size:14px}.tool-card .card-copy p{font-size:11px}}@media(max-width:560px){.tools-grid{gap:12px}.tool-card{aspect-ratio:.67;border-radius:17px;padding:4px}.tool-card .art{inset:4px;border-radius:12px}.tool-card .card-copy{inset:19% 4px 4px;border-radius:0 0 12px 12px}.tool-card .folder-number{font-size:29px;left:10px;top:28px}.tool-card .card-copy>div{left:10px;right:8px;bottom:14px}.tool-card .card-copy h3{font-size:11px}.tool-card .card-copy p{font-size:8px}.tool-card .card-arrow{right:10px;font-size:14px}.hero-actions .liquid-glass{padding:12px 16px;font-size:10px}.tabs .liquid-glass{padding:9px 10px;font-size:9px}}@media(prefers-reduced-motion:reduce){.tool-card,.folder-sheet,.tool-card .card-copy,button.liquid-glass{transition:none!important}.tool-card:hover,.tool-card:hover .card-copy,.tool-card:hover .folder-sheet,button.liquid-glass:hover{transform:none}}