/* Explorer additions. The twelve original preview styles live in original.css. */
[hidden]{display:none!important}input,select{color:inherit}button,input,select{touch-action:manipulation}input:focus-visible,select:focus-visible{outline:3px solid #6545e9;outline-offset:3px}.skip-link{position:fixed;top:-70px;left:20px;background:#d5fa68;color:#222;padding:12px;z-index:100}.skip-link:focus{top:10px}.intro{padding-top:34px}.filters{border:1px solid #ccd2c6;background:#f4f6ef;border-radius:8px;padding:18px 18px 0;margin-bottom:24px}.filter-top{display:flex;align-items:end;gap:14px}.search-field,.style-field{display:grid;gap:8px}.search-field{flex:1}.style-field{width:220px}.filters .mono{color:#626c5a;font-size:9px}.filters input,.filters select{width:100%;min-height:40px;border:1px solid #c8d0bf;background:#fbfcf8;padding:10px 12px;border-radius:4px;font-size:12px}.filter-button{background:transparent;border:1px solid #bfc9b5;border-radius:4px;padding:11px 13px;min-height:40px;font-size:11px;white-space:nowrap}.filter-button[aria-pressed=true]{background:#d5edb2;border-color:#718750}.genre-row{display:flex;flex-wrap:wrap;gap:6px;padding:18px 0}.genre-row button{border:1px solid transparent;border-radius:4px;background:transparent;padding:9px 12px;font-size:11px;color:#505a47}.genre-row button:hover{background:#e7ecdf}.genre-row button[aria-pressed=true]{background:#293426;color:#f4f7ec;border-color:#293426}.filter-summary{display:flex;gap:15px;align-items:center;border-top:1px solid #d8ded0;padding:13px 0;font-size:10px;color:#68735e}.filter-summary>span{margin-left:auto}.filter-summary button{border:0;background:none;padding:3px;color:#374b28;font-size:10px;text-decoration:underline;text-underline-offset:3px}#empty-state{padding:65px 20px;text-align:center;border:1px dashed #b5c0a9;border-radius:10px}#empty-state>span{font-size:45px;color:#708064}#empty-state h2{font-size:23px;font-weight:500;margin:12px 0}#empty-state p{font-size:13px;color:#626c5a}#empty-state button{margin-top:20px;padding:12px 20px;background:#d5fa68;border:1px solid #a7bb89;border-radius:4px}.no-script{padding:20px}.selection-inner{min-height:85px}.selected-names{max-height:40px;overflow:auto}.style-card{scroll-margin-top:20px}.card-title h2{line-height:1.25}.style-card .card-description{min-height:70px}.vocab{min-height:45px}.preview .sample-button{min-height:34px}.preview{contain:layout paint}.paused .style-card .anim,.paused .style-card .anim::before,.paused .style-card .anim::after{animation-play-state:paused!important}.style-card:hover .anim::after,.style-card:focus-within .anim::after{animation-play-state:running!important}
/* Shared anatomy, individual visual languages. */
.extension{background:var(--bg);color:var(--fg)}.extension .sample-head{position:relative;z-index:2;opacity:.8}.extension .sample-title{font-size:30px;margin-top:20px;font-weight:500;position:relative;z-index:2;max-width:95%;line-height:1.02;pointer-events:none}.extension .sample-title em{font-style:normal;color:var(--accent)}.extension .sample-bottom{z-index:4;position:relative}.extension .sample-button{color:var(--fg);background:var(--surface,var(--bg));border:1px solid currentColor;border-radius:var(--radius,2px);font-size:9px}.extension .sample-message{font-size:8px;max-width:85px;line-height:1.4;text-align:right}.study{position:absolute;top:122px;left:20px;right:20px;height:120px;display:flex;align-items:center;justify-content:center;pointer-events:none}.study svg{width:100%;height:100%;overflow:visible}.study svg *{vector-effect:non-scaling-stroke}.study .move,.study .move2,.study .move3{transform-box:fill-box;transform-origin:center;transition:transform .85s cubic-bezier(.22,.75,.2,1),opacity .6s}.study .move{animation:study-float 4.5s ease-in-out infinite}.study .move2{animation:study-turn 12s linear infinite}.study .move3{animation:study-pulse 4s ease-in-out infinite}.demo-active .study .move{animation:none!important;transform:translate(var(--dx,14px),var(--dy,-16px)) rotate(var(--dr,12deg))}.demo-active .study .move2{animation:none!important;transform:rotate(var(--r2,90deg)) scale(var(--scale,1))}.demo-active .study .move3{animation:none!important;transform:scale(var(--s3,.75));opacity:.7}.extension .accent{fill:var(--accent)}.extension .secondary{fill:var(--secondary)}.extension .paper{fill:var(--bg)}.extension .ink{fill:var(--fg)}.extension .hair{fill:none;stroke:currentColor;stroke-width:1}.extension .detail{fill:currentColor;font:7px monospace;letter-spacing:1px}.extension .stroke-accent{stroke:var(--accent);fill:none}.extension .sample-head span:last-child{white-space:nowrap}
@keyframes study-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes study-turn{to{transform:rotate(360deg)}}@keyframes study-pulse{50%{transform:scale(.88)}}@keyframes trace-flow{to{stroke-dashoffset:-60}}@keyframes modular-stack{0%,15%,100%{transform:translateY(0)}45%,70%{transform:translateY(var(--lift,-20px))}}@keyframes plot-wave{50%{transform:scaleY(.4)}}@keyframes marq{to{transform:translateX(-24px)}}
.g-bauhaus .sample-title{font-weight:800;letter-spacing:-2px}.g-bauhaus .sample-button{background:var(--accent);color:#fff;border-color:#242323}.g-destijl .sample-head{border-bottom:4px solid;padding-bottom:6px}.g-destijl .sample-title{font-size:29px;text-transform:uppercase;font-weight:800;letter-spacing:-1.5px}.g-destijl .study{top:136px;height:101px}.g-destijl .sample-button{border-width:3px;font-weight:bold}.g-construct .sample-title{font-family:'Arial Black',sans-serif;text-transform:uppercase;font-size:28px;transform:rotate(-5deg);transform-origin:left}.g-construct .sample-button{background:var(--fg);color:var(--bg);border:0;font-weight:bold}.g-suprematist .sample-title{font-family:Georgia,serif;font-size:29px;font-style:italic}.g-opart .sample-title{font-size:33px;font-weight:800;text-transform:uppercase;letter-spacing:-2px}.g-opart .study{left:auto;width:125px;right:18px;top:104px;height:135px}.g-opart .sample-title{max-width:135px}.g-opart .sample-button{background:#161616;color:white}.g-editorial .sample-title,.g-luxury .sample-title{font-family:Georgia,serif;font-weight:400;font-size:35px;letter-spacing:-1.6px}.g-editorial .sample-head{border-bottom:1px solid;padding-bottom:8px}.g-editorial .study{top:140px;height:95px}.g-editorial .sample-button{border:0;border-bottom:1px solid;padding:4px 0;background:none}.g-luxury .sample-head{letter-spacing:.2em}.g-luxury .sample-title{font-size:33px}.g-luxury .sample-button{font-family:Georgia,serif;font-style:italic;border-color:#a39576}.g-typeposter .sample-title{font-size:44px;font-weight:900;text-transform:uppercase;letter-spacing:-3px;line-height:.85}.g-typeposter .study{top:127px;height:113px}.g-typeposter .sample-button{background:var(--fg);color:var(--bg);border-radius:20px}.g-monobrutal .sample-title{font-family:monospace;font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:-1.5px}.g-monobrutal .sample-head{border-bottom:2px solid;padding-bottom:6px}.g-monobrutal .sample-button{background:#171717;color:#fafafa;border:2px solid #171717;box-shadow:3px 3px 0 #aaa}.g-japanese .sample-title{font-family:Georgia,serif;font-size:32px;letter-spacing:-1px}.g-japanese .sample-head{letter-spacing:.2em}.g-japanese .study{height:114px;top:127px}.g-japanese .sample-button{border:0;border-bottom:1px solid;border-radius:0;padding-inline:0}.g-warm .sample-title,.g-nordic .sample-title{font-size:32px;letter-spacing:-1.5px}.g-warm .sample-button{background:#6c4d38;color:#fff7e8;border:0;border-radius:30px}.g-nordic .sample-title{font-weight:400}.g-nordic .sample-button{border:0;background:#294b43;color:#f7faf3;border-radius:3px}.g-organic .sample-title{font-family:'Trebuchet MS',sans-serif;letter-spacing:-1.4px}.g-organic .sample-button{border-radius:30px;background:#dbe8b9}.g-wabi .sample-title{font-family:Georgia,serif;font-style:italic;font-weight:400}.g-wabi{background-image:repeating-linear-gradient(19deg,transparent 0 3px,#685a3910 3px 4px)}.g-wabi .sample-button{border-color:#7d715d;border-radius:38% 42% 39% 35%;background:#e2d9c8}.g-arch .sample-title{font-size:28px;text-transform:uppercase;font-weight:400;letter-spacing:-1px}.g-arch .sample-head{border-bottom:1px solid #aaa;padding-bottom:8px}.g-arch .sample-button{background:none;border:0;border-top:1px solid;padding-inline:0;gap:35px}
.g-clay .sample-title{font-family:'Trebuchet MS',sans-serif;font-weight:700;color:#674489}.g-clay .sample-button{border:0;border-radius:15px;background:#9670c5;color:white;box-shadow:inset 2px 2px 4px #ffffff77,inset -2px -2px 5px #44316544,3px 5px 10px #735a8c40}.g-clay .study{filter:drop-shadow(5px 10px 5px #79609030)}.g-neu .sample-title{font-size:31px;color:#445260}.g-neu .sample-button{border:0;border-radius:10px;box-shadow:4px 4px 9px #b9c2cb,-4px -4px 9px #fff}.g-bubble .sample-title{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:900;font-size:36px;letter-spacing:-2px}.g-bubble .sample-button{background:#902059;color:#fff;border:0;border-radius:30px}.g-kawaii .sample-title{font-family:'Trebuchet MS',sans-serif;font-size:29px;font-weight:700}.g-kawaii .sample-button{background:#fef8db;border-radius:20px;border-color:#7f634e;box-shadow:0 3px 0 #bb8c75}.g-sticker .sample-title{font-weight:900;font-size:30px;letter-spacing:-1.8px;transform:rotate(-3deg)}.g-sticker .sample-button{border:2px solid;border-radius:7px;background:#d7ef6c;box-shadow:3px 3px 0 #332f32}.g-vapor{background:linear-gradient(#d4a5db,#c4d1ef)}.g-vapor .sample-title{font-family:Georgia,serif;font-style:italic;font-size:33px;text-shadow:2px 2px #e7ffff}.g-vapor .sample-button{background:#e2c1ee;border-color:#795689;box-shadow:3px 3px #7c93c2}.g-synth{background:linear-gradient(#1e1839 45%,#46214c)}.g-synth .sample-title{font-style:italic;text-transform:uppercase;font-weight:900;color:#ffe8fe;text-shadow:2px 2px #d945b9;font-size:30px}.g-synth .sample-button{border-color:#f892dd;background:#342044;color:#ffddf3}.g-desktop{border:6px solid #a6aaa4;padding:13px}.g-desktop .sample-head{background:#223f84;color:white;margin:-6px -6px 0;padding:4px 6px}.g-desktop .sample-title{font-family:monospace;font-size:27px;letter-spacing:-1px}.g-desktop .sample-button{border:2px outset #fff;background:#c8cac3;color:#242627;border-radius:0}.g-pixel .sample-title{font-family:monospace;font-weight:900;font-size:28px;letter-spacing:-1px;text-transform:uppercase}.g-pixel .sample-button{border:2px solid #97d997;background:#243f31;box-shadow:3px 3px 0 #658e61;border-radius:0}.g-retrofuture .sample-title{font-family:'Arial Black',sans-serif;font-style:italic;font-size:29px;letter-spacing:-2px}.g-retrofuture .sample-button{background:#e65930;color:white;border-color:#ac4c2c;border-radius:30px}.g-deco .sample-title{font-family:Georgia,serif;text-transform:uppercase;font-size:26px;letter-spacing:.025em;text-align:center}.g-deco .sample-head{border-block:1px solid #ae975c;padding:4px 0}.g-deco .sample-button{background:none;border-color:#b6a167;color:#f2d89b;font-family:Georgia,serif}.g-midcentury .sample-title{font-family:Georgia,serif;letter-spacing:-1.3px;font-size:30px}.g-midcentury .sample-button{background:#385c55;color:#fff5d7;border:0;border-radius:5px}.g-spaceage .sample-title{font-weight:900;font-size:32px;font-style:italic;letter-spacing:-2px}.g-spaceage .sample-button{border-radius:30px;background:#f46527;color:#fff;border:0}.g-riso .sample-title{font-family:'Arial Black',sans-serif;letter-spacing:-2px;font-size:32px;color:#bf3c4e;text-shadow:2px 0 #304b9c44}.g-riso{background-image:radial-gradient(#9b624320 .5px,transparent .5px);background-size:3px 3px}.g-riso .sample-button{border-radius:0;border:1px solid #344e92;background:none;color:#344e92}.g-analog .sample-title{font-family:monospace;font-size:26px;letter-spacing:-1px}.g-analog .sample-head{border-bottom:1px solid #8a8579;padding-bottom:6px}.g-analog .sample-button{background:#423e35;color:#f5eddb;border-radius:3px;border:1px solid #625c4d;box-shadow:0 3px #928877}
.g-parametric,.g-topographic,.g-circuit,.g-mission,.g-robot,.g-magnetic,.g-isometric,.g-orbital,.g-lightfield,.g-biotech,.g-human{background-image:radial-gradient(currentColor .4px,transparent .4px);background-size:15px 15px}.g-parametric .sample-title,.g-circuit .sample-title,.g-mission .sample-title,.g-robot .sample-title,.g-lightfield .sample-title{font-family:monospace;font-size:26px;letter-spacing:-1.2px}.g-parametric .sample-button{background:#293b60;color:#e4edff;border-color:#293b60}.g-topographic .sample-title{font-size:30px;font-weight:400}.g-topographic .sample-button{background:#eaf0de;border-color:#527054;color:#2f5433}.g-circuit .sample-title{font-size:24px}.g-circuit .sample-button{background:#cae9ab;color:#1c3729;border:0;border-radius:0}.g-circuit .study path.flow{stroke-dasharray:6 9;animation:trace-flow 4s linear infinite}.g-mission .sample-head{border-bottom:1px solid #7f8c8644;padding-bottom:7px}.g-mission .sample-button{background:#daec8b;color:#192820;border:0;font-family:monospace}.g-robot .sample-title{font-size:25px}.g-robot .sample-button{background:#cc6945;color:white;border:0}.g-robot .study .move,.g-human .study .move,.g-isometric .study .move{animation:modular-stack 5s ease-in-out infinite}.g-robot.demo-active .study .move,.g-human.demo-active .study .move,.g-isometric.demo-active .study .move{transform:translateY(-25px)}.g-magnetic .sample-title{font-size:29px}.g-magnetic .sample-button{background:#39497d;color:white;border:0;border-radius:20px}.g-origami .sample-title{font-family:Georgia,serif;font-size:32px;font-weight:400}.g-origami .sample-button{background:#f7f2e8;border:1px solid #766654;border-radius:0}.g-isometric .sample-title{font-size:28px;font-weight:600}.g-isometric .sample-button{background:#34584f;color:#eef7e9;border:0}.g-orbital .sample-title{font-size:30px;font-weight:400}.g-orbital .sample-button{background:none;border-color:#a7c0d4;border-radius:20px}.g-chrome{background:linear-gradient(130deg,#e7e9ef,#ced2df 65%,#f9fafd)}.g-chrome .sample-title{font-size:33px;letter-spacing:-1.8px;font-weight:500}.g-chrome .sample-button{background:linear-gradient(#fff,#b8c1d1 50%,#f6f8ff);border-radius:30px;border-color:#81899a}.g-spectral{background:linear-gradient(130deg,#e7dfef,#cfece6)}.g-spectral .sample-title{font-size:31px;font-weight:400}.g-spectral .sample-button{border-radius:20px;background:#ffffff66;border-color:#fff}.g-aurora{background:radial-gradient(ellipse at 90% 90%,#dfd5ff,transparent 65%),#e8f0ea}.g-aurora .sample-title{font-size:34px;font-weight:400;letter-spacing:-1.8px}.g-aurora .sample-button{background:#3e5151;color:#f7faf7;border:0;border-radius:30px}.g-data .sample-title{font-size:29px;letter-spacing:-1.3px}.g-data .sample-head{border-bottom:1px solid #a2b3aa;padding-bottom:6px}.g-data .sample-button{background:#254e45;color:#e4faee;border:0}.g-grid .sample-title{font-family:monospace;font-size:28px;font-weight:400}.g-grid .sample-button{background:#31343f;color:#f3f2e9;border-radius:0;border:0}.g-lightfield .sample-title{font-size:25px}.g-lightfield .sample-button{border-color:#a3e8ee;background:#214149;color:#baf8f5}.g-biotech .sample-title{font-size:30px;font-weight:400}.g-biotech .sample-button{background:#dceac6;border-color:#8baf6f;border-radius:6px}.g-acoustic .sample-title{font-size:31px;font-weight:400}.g-acoustic .sample-button{background:#363c37;color:#eeeee4;border:0;border-radius:30px}.g-acoustic .study .move{animation:plot-wave 3s ease-in-out infinite;transform-origin:bottom}.g-paper .sample-title{font-family:Georgia,serif;font-size:32px;font-style:italic}.g-paper .sample-button{background:#fef9e9;border:1px solid #a8977a;box-shadow:2px 3px 0 #cfc1a5}.g-solar .sample-title{font-family:'Trebuchet MS',sans-serif;font-size:32px;font-weight:500}.g-solar .sample-button{background:#345c35;color:#fafcdb;border:0;border-radius:20px}.g-human .sample-title{font-size:29px;font-weight:400;letter-spacing:-1.5px}.g-human .sample-button{background:#394a3c;color:#eff6dd;border:0;border-radius:5px}
@media(max-width:1190px){.filter-top{flex-wrap:wrap}.search-field{min-width:200px}.style-field{width:210px}.genre-row button{padding:8px 10px}}
@media(max-width:870px){.filter-button{font-size:10px}.filter-summary>span{font-size:8px}.filters{padding:15px 15px 0}.style-field{width:190px}.style-card .card-description{min-height:53px}}
@media(max-width:560px){.filter-top{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-field{grid-column:1/-1;min-width:0}.style-field{width:auto;min-width:0}.filter-button{white-space:normal;padding:9px;font-size:10px;align-self:end}.filters select{font-size:11px;padding-inline:6px}.genre-row{gap:4px}.genre-row button{padding:9px 10px;font-size:10px}.filter-summary>span{display:none}.intro{padding:26px 0}.toolbar{padding-bottom:18px}.style-card .card-description{min-height:0}.vocab{min-height:0}.selection-inner{min-height:112px}.selected-names{max-height:32px}.extension .study{left:28px;right:28px}.extension .sample-title{font-size:32px}.g-typeposter .sample-title{font-size:44px}.g-opart .study{left:auto;right:23px}.g-opart .sample-title{font-size:33px}.g-deco .sample-title{font-size:26px}.g-desktop .sample-title,.g-circuit .sample-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.extension *, .extension *::before,.extension *::after{animation:none!important;transition:none!important}.style-card .anim,.style-card .anim::before,.style-card .anim::after{animation:none!important}.paused .study *{transition:none!important}}
/* Refined pivots keep rotary studies anchored to their actual mechanism. */
.g-neu .study .move2{transform-box:view-box;transform-origin:127px 63px;--r2:65deg}.g-analog .study .move2{transform-box:view-box;transform-origin:123px 100px;--r2:70deg;animation:needle-sweep 5s ease-in-out infinite}.g-orbital .study .move2{transform-box:view-box;transform-origin:124px 65px;--r2:70deg}.g-grid .study .move2{--r2:45deg}.g-acoustic.demo-active .study .move{transform:scaleY(.45)}.g-desktop .sample-title{font-size:25px}.g-opart .sample-title{max-width:115px}.paused .study *,.paused .plate{transition:none!important}.copy-dialog{border:1px solid #b5c0a9;background:#f5f7ef;color:#283322;border-radius:10px;padding:24px;width:min(620px,90vw)}.copy-dialog::backdrop{background:#18201499}.copy-dialog h2{font-size:22px;font-weight:500;margin-bottom:18px}.copy-dialog textarea{width:100%;height:45vh;padding:14px;line-height:1.6;border:1px solid #bbc6b0;background:#fff;font:13px monospace}.copy-dialog button{float:right;margin-top:15px;border:1px solid #9bb875;background:#d5fa68;border-radius:4px;padding:10px 20px}.copy-dialog textarea:focus-visible{outline:3px solid #6545e9;outline-offset:3px}
@keyframes needle-sweep{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(52deg)}}
@media(max-width:560px){.g-desktop .sample-title{font-size:25px}}
/* Keep pastel accents expressive without using low-contrast colors for text. */
.extension .sample-title em{color:color-mix(in srgb,var(--accent) 35%,var(--fg) 65%)}.g-clay .sample-button{background:#8055a6}.g-retrofuture .sample-button{background:#ad4324}.g-spaceage .sample-button{background:#ab4016}.g-robot .sample-button{background:#a8492c}.g-chrome .sample-button{color:#263349}.g-deco .sample-title em{color:#d8c18a}
@media(max-width:560px){.g-construct .sample-title{font-size:26px}.g-synth .sample-title{font-size:26px}.g-riso .sample-title{font-size:28px}.g-robot .sample-title{font-size:25px}.g-grid .sample-title{font-size:26px}}