#jarPre .ps{min-width:85px}.jar-examples{padding:55px 0;background:#100a19;border-block:1px solid #352046}.jar-examples-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:25px}.jar-example-main,.jar-example-detail{margin:0;background:#1b1127;border:1px solid #402954;border-radius:16px;overflow:hidden}.jar-example-main img{width:100%;display:block;aspect-ratio:1;object-fit:contain;background:white}.jar-example-main figcaption,.jar-example-detail figcaption{padding:18px;color:#d1c3df;font-size:13px}.jar-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jar-example-detail img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.jar-examples h2{margin:8px 0}.jar-examples p{color:#b7a8ca;max-width:650px}.jar-example-main figcaption strong{display:block;font-size:18px;color:white;margin-bottom:8px}@media(max-width:700px){.jar-examples-grid{grid-template-columns:1fr}.jar-detail-grid{gap:10px}.jar-photo-icon{width:48px!important;height:56px!important}.jar-photo-icon img{width:122px!important;height:122px!important;left:-4px;top:-11px}#btnJar .ai{width:48px;height:56px}.jar-examples{padding:35px 0}}

/* Glossy illustrated jars, matching the original icon family. */
.jarico{--jar-edge:#a973d4;background:linear-gradient(90deg,#130d20 0%,#3d2754 19%,#20142f 36%,#100b19 75%,#382348 100%);border:1.5px solid var(--jar-edge);border-radius:4px 4px 7px 7px;box-shadow:inset 2px 0 3px #ffffff15,0 4px 8px #0005;margin-top:8px}
.jarico::before{left:-1.5px;top:-7px;width:calc(100% + 3px);height:7px;border:1.5px solid var(--jar-edge);border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#a269c4,#583071 50%,#382044);box-shadow:inset 0 1px 0 #ffffff45}
.jarico::after{content:"";position:absolute;left:3px;top:4px;width:2px;height:55%;border-radius:2px;background:linear-gradient(#ffffff65,#ffffff08)}
.jarico.s{width:16px;height:21px}.jarico.m{width:21px;height:28px}.jarico.cyl{width:24px;height:34px;border-radius:4px 4px 7px 7px}.jarico.l{width:28px;height:39px}
.ps.active .jarico,.addbig.active .jarico{--jar-edge:var(--lime);border-color:var(--lime);box-shadow:0 0 12px #8dc63f25,inset 2px 0 3px #ffffff18}.ps.active .jarico::before,.addbig.active .jarico::before{border-color:var(--lime);background:linear-gradient(180deg,#b4de6f,#618531 65%,#32481c)}
#btnJar .ai{width:42px;height:50px;display:flex;align-items:center;justify-content:center}.jarico.hero-jar{width:29px;height:35px;flex-shrink:0}#jarPre .ps{gap:11px}#jarPre .ps i{font-size:12px}