:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#202033;background:#fafafc;font-synthesis:none;--accent:#5046e5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid #dddde8;border-radius:9px;background:white;padding:11px 16px;color:inherit}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9c93ff;outline-offset:3px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8ef;padding:0 5vw;font-size:13px}.brand{display:flex;gap:8px;align-items:center;font-size:19px;letter-spacing:-.6px}.brandmark{font-size:37px;color:var(--accent);margin-right:5px}.badge{font-size:9px;letter-spacing:1px;background:#eeecff;color:var(--accent);padding:5px 7px;margin-left:14px;border-radius:4px}.hero{padding:65px 0 35px;max-width:1000px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(38px,5.4vw,68px);line-height:1.08;letter-spacing:-3px;margin:20px 0}h1 span{color:#9291a7}p{color:#747487;line-height:1.7;font-size:14px}.stats{display:flex;gap:54px;margin-top:30px}.stats strong{font-size:21px;letter-spacing:-.5px}.stats small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#828291;margin-top:6px}.hero .disclosure{font-size:11px;max-width:760px;margin-top:23px}main{max-width:1440px;padding:0 5vw;margin:auto}.library{padding-bottom:45px}.toolbar{display:flex;gap:12px}.search{border:1px solid #dcdce8;background:white;display:flex;align-items:center;gap:12px;padding:0 18px;flex:1;border-radius:10px}.search span{font-size:27px;color:#9993ba}.search input{width:100%;border:0;outline:none;background:transparent;padding:17px 0;font-size:13px}.toolbar button{font-size:12px}.toolbar button[aria-pressed=true]{background:#eeecff;color:var(--accent)}#favcount{background:#f0eef9;padding:2px 6px;border-radius:5px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.tabs button{font-size:12px;border-color:transparent;background:transparent;padding:8px 14px}.tabs .active{background:#242335;color:white}.results{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#77778c;margin:21px 0}.results input{width:75px;padding:6px;border:1px solid #dddde8;border-radius:5px;margin-left:7px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.card{position:relative;background:white;border:1px solid #e6e6ee;border-radius:11px;overflow:hidden}.card:hover{border-color:#b7b0fa;box-shadow:0 6px 18px #5046e50b}.open{display:flex;align-items:center;flex-direction:column;width:100%;border:0;padding:24px 4px 14px;gap:14px;background:transparent}.open svg{width:58px;height:58px}.open span{font-size:10px;color:#838294}.heart{position:absolute;right:6px;top:4px;border:0;padding:5px 7px;background:transparent;color:#8a87a3}.heart[aria-pressed=true]{color:#5046e5}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px;font-size:12px}.pagination button{font-size:12px}footer{border-top:1px solid #e8e8ef;padding:25px 5vw;display:flex;justify-content:space-between;gap:15px;color:#8b8b9b;font-size:10px}dialog{border:1px solid #e0dfec;border-radius:18px;width:min(880px,94vw);padding:24px;max-height:94vh;overflow:auto}dialog::backdrop{background:#22223888;backdrop-filter:blur(4px)}.dialogtop{display:flex;justify-content:space-between;align-items:center}.dialogtop button{border:0}.editor{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:15px}.preview{display:flex;justify-content:center;align-items:center;min-height:340px;border-radius:12px;background-color:#f8f7ff;background-image:linear-gradient(45deg,#eae8f2 25%,transparent 25%),linear-gradient(-45deg,#eae8f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eae8f2 75%),linear-gradient(-45deg,transparent 75%,#eae8f2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.preview svg{width:240px;height:240px}.controls h2{font-size:22px;margin:8px 0}.controls p,.controls small{font-size:11px;color:#868297}.controls label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:16px 0}.controls input[type=color]{border:1px solid #ddd;border-radius:5px;width:45px;height:28px;padding:2px}.controls select{padding:5px;border:1px solid #ddd;border-radius:5px}.controls .check{justify-content:flex-start;gap:7px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:23px 0 15px}.actions button{font-size:12px}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#3f36cf;color:white}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#242335;color:white;padding:12px 20px;border-radius:9px;font-size:12px;z-index:9}#empty{text-align:center;padding:70px 20px;color:#777} @media(min-width:1500px){.grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:850px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.badge{display:none}.stats{gap:25px}.editor{gap:20px}.preview{min-height:280px}.preview svg{width:190px;height:190px}footer{flex-wrap:wrap}}@media(max-width:520px){header{height:70px}.brand{font-size:15px}.brandmark{font-size:29px}header>a:last-child{font-size:11px}.hero{padding-top:40px}h1{letter-spacing:-1.7px}.stats{gap:18px}.stats strong{font-size:16px}.stats small{font-size:9px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.open{padding-top:26px}.open svg{width:48px;height:48px}.open span{font-size:9px}.toolbar{flex-wrap:wrap}.search{min-width:100%}.editor{grid-template-columns:1fr}.preview{min-height:210px}.preview svg{width:170px;height:170px}.results{gap:10px}.pagination{gap:12px}.pagination button{padding:10px}.tabs{gap:1px}.tabs button{padding:8px 10px}}