:root{--ink:#241334;--purple:#6d3fc0;--paper:#f8f6fb;--line:#ded7e8;--muted:#706279}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bf8df3;outline-offset:4px}.top{max-width:1480px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:900;letter-spacing:1px}.brand img{height:50px;width:40px;object-fit:contain;background:#221239;border-radius:5px;padding:5px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.outline,.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--ink);border-radius:8px;padding:14px 21px;background:transparent;font-weight:700;font-size:14px}.primary{background:var(--ink);color:white}.outline b{background:var(--purple);color:white;padding:3px 8px;border-radius:20px}.hero{max-width:1480px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;padding:68px 5% 72px;gap:7%;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--purple);margin:0 0 16px}.hero h1{font-size:clamp(56px,6.9vw,106px);line-height:1.04;letter-spacing:-4px;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--purple)}.lead{font-size:18px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin-top:30px}.text-link{font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:5px;background:none;color:var(--ink);padding:6px 0}.hero-art{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#30174e;border-radius:160px 160px 12px 12px;position:relative;overflow:hidden;color:white}.hero-art:before{content:'';position:absolute;inset:18px;border:1px solid #775292;border-radius:145px 145px 8px 8px}.hero-art img{height:230px;width:155px;object-fit:contain;z-index:1}.hero-art span{font-weight:900;letter-spacing:4px;font-size:24px;margin-top:28px}.hero-art small{font-size:8px;letter-spacing:4px;margin-top:10px}main{max-width:1480px;margin:auto;padding:40px 5% 64px;border-top:1px solid var(--line)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.toolbar h2,.selection-panel h2{font-size:36px;line-height:1.15;margin:0 0 12px;letter-spacing:-1px}#resultCount{font-size:13px;color:var(--muted)}.search{font-size:12px;display:grid;gap:8px;width:290px}.search input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:white}.categories{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}.categories button{padding:11px 17px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--muted);font-size:13px}.categories button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.categories small{font-size:10px;margin-right:6px;opacity:.7}.utility{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;font-size:13px}.utility input{accent-color:var(--purple)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.card{min-width:0}.card-image{position:relative;background:#eeedf0;border:1px solid #e6e2eb;border-radius:12px;overflow:hidden;cursor:pointer;display:block;width:100%;padding:0}.card-image img{width:100%;aspect-ratio:4/5;object-fit:contain;display:block;transition:transform .3s}.card-image:hover img{transform:scale(1.025)}.card-id{position:absolute;bottom:12px;left:12px;background:#ffffffeb;color:var(--ink);padding:7px 10px;border-radius:4px;font-size:10px;letter-spacing:1px;font-weight:700}.card-info{display:flex;justify-content:space-between;align-items:center;padding:14px 1px;gap:10px}.card-info h3{font-size:17px;margin:0 0 5px}.card-info p{font-size:10px;letter-spacing:1px;color:var(--muted);margin:0}.choose{height:39px;width:39px;border:1px solid var(--line);background:white;border-radius:50%;color:var(--purple);font-size:23px;flex-shrink:0}.choose[aria-pressed=true]{background:var(--purple);color:white}.selection-panel{padding:58px max(5%,calc((100vw - 1332px)/2));background:#eee8f4;display:grid;grid-template-columns:1fr 1fr;gap:60px}.selection-panel p{color:var(--muted);line-height:1.7;font-size:14px}label{line-height:1.6}textarea{display:block;width:100%;border:1px solid #cbbdd9;border-radius:8px;padding:14px;resize:vertical;margin:8px 0 18px}.download-row{display:flex;flex-wrap:wrap;gap:12px}footer{max-width:1480px;padding:34px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}footer strong{font-size:17px;letter-spacing:1px}footer p{font-size:11px;color:var(--muted);line-height:1.7}dialog{width:min(1100px,94vw);max-height:94dvh;padding:40px;border:0;border-radius:15px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#190c29cc;backdrop-filter:blur(5px)}.close{position:absolute;left:13px;top:11px;font-size:28px;line-height:32px;height:36px;width:36px;border-radius:50%;background:#e8e0f0;color:var(--ink);z-index:3}.detail-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:35px;align-items:start}.detail-copy{padding-top:45px}.detail-copy h2{font-size:31px;margin:10px 0}.detail-copy label{display:block;margin-top:25px}.detail-copy .primary{width:100%;margin-top:15px}.fine{font-size:11px;line-height:1.8;color:var(--muted);margin-top:25px}.view-tabs{display:flex;gap:5px;margin-bottom:12px}.view-tabs button{flex:1;padding:10px 5px;border-radius:5px;font-size:12px;background:#e8e0f0;color:var(--ink)}.view-tabs button[aria-pressed=true]{background:var(--purple);color:white}.image-stage{overflow:hidden;background:#eeedf0;border-radius:8px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.image-stage img{width:100%;height:100%;object-fit:contain}.image-stage.front img{width:200%;max-width:none;flex-shrink:0;transform:translateX(25%)}.image-stage.back img{width:200%;max-width:none;flex-shrink:0;transform:translateX(-25%)}#compareGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}#compareGrid img{width:100%;border-radius:8px}#compareGrid h3{font-size:16px}#empty{padding:60px;text-align:center}@media(max-width:800px){.hero{gap:30px}.hero-art{min-height:340px}.hero-art img{height:190px}.hero-art span{font-size:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-panel{gap:30px}.detail-layout{grid-template-columns:1fr}.detail-copy{padding-top:0}.image-stage{max-height:60dvh}dialog{padding:48px 20px 25px}.hero h1{letter-spacing:-2px}}@media(max-width:520px){.top{padding:17px 5%;gap:8px}.brand{font-size:13px;gap:8px}.brand small{font-size:6px;letter-spacing:1px}.brand img{height:40px;width:30px}.top .outline{font-size:11px;padding:10px;gap:7px}.hero{padding:40px 5%;grid-template-columns:1fr;gap:35px}.hero h1{font-size:68px}.hero-art{min-height:280px;border-radius:130px 130px 10px 10px}.hero-art img{height:155px;width:110px}.hero-art span{font-size:19px;margin-top:20px}.lead{font-size:16px}.hero-actions{gap:16px}.toolbar{align-items:stretch;flex-direction:column;gap:15px}.toolbar h2{font-size:31px}.search{width:100%}.categories{gap:6px}.categories button{font-size:12px;padding:9px 12px}.grid{gap:18px 12px}.card-info{gap:5px}.card-info h3{font-size:14px;line-height:1.35}.card-info p{font-size:8px}.choose{width:31px;height:31px;font-size:20px}.utility{font-size:11px}.utility .text-link{font-size:11px}.card-id{bottom:7px;left:7px;font-size:8px;padding:5px 7px}.selection-panel{grid-template-columns:1fr;padding:38px 5%;gap:25px}.selection-panel h2{font-size:32px}footer{flex-direction:column;align-items:flex-start;gap:8px}#compareGrid{grid-template-columns:1fr}#comparison{width:94vw}.detail-copy h2{font-size:27px}.hero .primary{font-size:13px}.text-link{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}