@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#182038;background:#f8faff;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}header{height:98px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 44px;border-bottom:1px solid #e1e6f0}.brand{text-decoration:none;font-weight:700;display:flex;align-items:center;gap:12px;letter-spacing:-.6px;font-size:21px}.mark{display:grid;place-items:center;background:#2848ee;color:white;width:36px;height:36px;border-radius:10px;font-size:26px}.beta{font-size:10px;letter-spacing:1.6px;border:1px solid #d9dfe9;border-radius:5px;padding:5px 7px;margin-left:6px}.by{font-size:14px;color:#667087}main{max-width:1280px;margin:auto;padding:0 44px}.intro{padding:58px 0 43px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#2848ee}h1{font-family:Manrope,sans-serif;font-size:64px;line-height:1.09;letter-spacing:-3.5px;font-weight:600;margin:22px 0}h1 em{color:#2848ee;font-style:normal}p{line-height:1.7;color:#637087}.intro p{font-size:18px;margin:0 0 30px}form{display:flex;gap:14px;align-items:center;background:white;border:1px solid #c9d2ed;border-radius:14px;padding:9px 10px 9px 22px;box-shadow:0 8px 28px #203b9d09}form>span{font-size:32px;color:#2848ee}input{min-width:0;flex:1;border:0;outline:0;font:inherit;padding:14px 0;background:transparent;color:#182038}form:focus-within{outline:3px solid #2848ee33}form button{border:0;border-radius:9px;padding:17px 23px;color:white;background:#2848ee;white-space:nowrap;font-weight:600}.try{display:flex;gap:9px;align-items:center;font-size:13px;color:#6b758b;margin-top:17px;flex-wrap:wrap}.try button{font-size:13px;background:none;border:1px solid #dce2ec;border-radius:20px;padding:6px 12px;color:#536079}.library{padding:26px 0 56px;border-top:1px solid #dfe5ee}.library-head{display:flex;justify-content:space-between;align-items:center}h2{font:700 24px Manrope,sans-serif;letter-spacing:-.7px;margin:0}#count{font-size:14px;color:#727c90}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.filters button{background:transparent;border:1px solid transparent;border-radius:8px;color:#667087;padding:9px 15px;font-size:14px}.filters button[aria-pressed=true]{background:#182038;color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{display:flex;flex-direction:column;text-align:left;border:1px solid #dfe5f0;background:#fff;border-radius:13px;padding:24px;min-height:238px;color:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);border-color:#9eaff8;box-shadow:0 10px 25px #1b35970b}.card-top{display:flex;align-items:center;gap:10px;font-size:12px;color:#69758b}.icon{width:34px;height:34px;border-radius:8px;background:#edf1ff;color:#2848ee;display:grid;place-items:center;font-size:18px}.card h3{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:18px 0 7px}.card p{font-size:14px;line-height:1.6;margin:0 0 22px}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;font-size:12px;color:#778096}.card-bottom b{color:#2848ee;font-size:17px}.empty{grid-column:1/-1;padding:50px 20px;text-align:center;border:1px dashed #bdc9e2;border-radius:12px}.empty button{padding:10px 20px;border:0;border-radius:8px;background:#2848ee;color:white}footer{border-top:1px solid #dfe5ee;padding:28px 0 35px;display:flex;justify-content:space-between;gap:20px;color:#7b8495;font-size:12px}.small{font-size:15px;color:#36425c}dialog{border:1px solid #e0e6f0;border-radius:20px;padding:30px;width:min(720px,calc(100% - 28px));max-height:90vh;color:#182038}dialog::backdrop{background:#15234488;backdrop-filter:blur(4px)}.dialog-top,.prompt-label{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top{margin-bottom:15px}#close{border:0;background:#eef1f7;border-radius:50%;height:36px;width:36px;font-size:25px}dialog h2{font-size:30px}dialog h3{font-size:16px;margin:22px 0 8px}dialog p{font-size:15px;margin:8px 0 12px}pre{white-space:pre-wrap;font:15px/1.8 'DM Sans',sans-serif;background:#f0f3fb;border:1px solid #dfe5f2;padding:22px;border-radius:10px;margin-top:12px}#copy{background:#2848ee;color:white;border:0;border-radius:8px;padding:10px 16px;font-size:14px}.tools{display:flex;gap:10px;flex-wrap:wrap}.tools a{border:1px solid #dce2ec;text-decoration:none;border-radius:7px;padding:9px 14px;font-size:14px}.note{font-size:12px!important}button:focus-visible,a:focus-visible{outline:3px solid #8297ff;outline-offset:4px}@media(min-width:1000px){.intro{background:radial-gradient(ellipse at 88% 18%,#e5ebff 0%,transparent 45%)}}@media(max-width:760px){header{padding:0 22px;height:78px}.beta,.by{display:none}main{padding:0 22px}.intro{padding-top:36px}h1{font-size:49px;letter-spacing:-2.5px}.intro p{font-size:16px}form{flex-wrap:wrap;gap:8px;padding:12px}form>span{display:none}form input{flex-basis:100%;font-size:14px;padding:10px}form button{width:100%;padding:13px}.grid{grid-template-columns:1fr 1fr}.card{padding:18px}.library-head{align-items:start;gap:16px}.library-head h2{font-size:21px}footer{flex-wrap:wrap}.filters{gap:3px}.filters button{padding:8px 10px}}@media(max-width:480px){.grid{grid-template-columns:1fr}h1{font-size:44px}.card{min-height:210px}.intro p br{display:none}dialog{padding:22px}dialog h2{font-size:25px}}