.mega-nav{grid-column:1/-1;width:100%;min-width:0;position:relative;z-index:20;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);margin-top:.65rem;overflow:hidden}.mega-nav-inner{display:flex;align-items:center;justify-content:flex-start;gap:.12rem;width:100%;max-width:1320px;box-sizing:border-box;margin:auto;padding:.42rem .55rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.mega-nav-link{flex:0 0 auto;padding:.58rem .68rem;border-radius:999px;color:inherit;text-decoration:none;white-space:nowrap;font-size:clamp(.7rem,.78vw,.82rem);font-weight:760;line-height:1.15}.mega-nav-link:hover,.mega-nav-link:focus-visible{background:color-mix(in srgb,currentColor 11%,transparent);outline:none}.mega-nav-link+.mega-nav-link{border-left:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.pattern-exporter-page{--pe-accent:#58a6ff;--pe-accent2:#b8d8ff;--pe-panel:#0c1320;--pe-line:#ffffff18;--pe-ink:#f3f7ff;--pe-muted:#a8b4c7;color:var(--pe-ink);background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--pe-accent) 20%,transparent),transparent 34%),#070b12;padding:clamp(1rem,3vw,3rem);min-height:80vh}.pe-hero,.pe-app,.pe-features,.pe-search-copy,.pe-faq{max-width:1320px;margin-inline:auto}.pe-hero{padding:clamp(2rem,6vw,6rem) 0 3rem}.pe-eyebrow{font-size:.74rem;font-weight:850;letter-spacing:.16em;color:var(--pe-accent2)}.pe-hero h1{max-width:900px;font-size:clamp(2.3rem,6vw,5.8rem);line-height:.96;margin:.3rem 0 1.2rem}.pe-hero>p:not(.pe-eyebrow){max-width:760px;color:var(--pe-muted);font-size:clamp(1rem,2vw,1.25rem)}.pe-privacy{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin-top:1.4rem}.pe-privacy span:last-child{color:var(--pe-muted)}
.pe-app{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);gap:1rem}.pe-app>div{background:linear-gradient(145deg,color-mix(in srgb,var(--pe-panel) 93%,var(--pe-accent) 7%),var(--pe-panel));border:1px solid var(--pe-line);border-radius:24px;padding:clamp(1rem,2vw,1.6rem);box-shadow:0 20px 60px #0005}.pe-app h2{font-size:1rem;margin:0 0 1rem}.pe-preview-panel{grid-column:2;grid-row:1/span 2}.pe-output-panel{grid-column:1}.pe-dropzone{display:grid;place-items:center;text-align:center;min-height:165px;border:1px dashed color-mix(in srgb,var(--pe-accent) 60%,transparent);border-radius:18px;padding:1rem;cursor:pointer;background:color-mix(in srgb,var(--pe-accent) 6%,transparent)}.pe-dropzone span{font-size:.84rem;color:var(--pe-muted)}.pe-dropzone input{max-width:100%;margin-top:.8rem}.pe-mode-tabs,.pe-presets,.pe-profile-tools{display:flex;gap:.45rem;flex-wrap:wrap}.pe-mode-tabs label{cursor:pointer}.pe-mode-tabs input{position:absolute;opacity:0;pointer-events:none}.pe-mode-tabs span,.pe-presets button,.pe-profile-tools button{display:block;border:1px solid var(--pe-line);background:#ffffff08;color:inherit;border-radius:999px;padding:.62rem .82rem;font:inherit;font-size:.82rem;cursor:pointer}.pe-mode-tabs input:checked+span{border-color:var(--pe-accent);background:color-mix(in srgb,var(--pe-accent) 18%,transparent);box-shadow:0 0 0 1px var(--pe-accent)}.pe-control-grid,.pe-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.pe-control-grid label,.pe-output-grid label,.pe-profile-tools label{display:grid;gap:.35rem;font-size:.78rem;color:var(--pe-muted)}.pe-control-grid input,.pe-control-grid select,.pe-output-grid input,.pe-output-grid select,.pe-profile-tools input{width:100%;box-sizing:border-box;border:1px solid var(--pe-line);border-radius:10px;background:#080d16;color:var(--pe-ink);padding:.65rem}.pe-control-grid input[type=color]{padding:.2rem;height:42px}.pe-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.pe-check input{width:auto}.pe-profile-tools{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--pe-line);align-items:end}.pe-preview-stage{position:relative;display:grid;place-items:center;min-height:460px;border-radius:18px;overflow:hidden;background:repeating-conic-gradient(#ffffff0b 0 25%,transparent 0 50%) 50%/24px 24px}.pe-preview-stage canvas{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.pe-preview-stage p{position:absolute}.pe-live-spec,[data-pe-source-status],[data-pe-output-status]{color:var(--pe-muted);font-size:.82rem}.pe-export-button{width:100%;margin-top:1rem;border:0;border-radius:14px;padding:1rem;background:linear-gradient(110deg,var(--pe-accent),var(--pe-accent2));color:#04101d;font-weight:900;cursor:pointer}.pe-export-button:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}
.pe-features,.pe-search-copy,.pe-faq{margin-top:clamp(3rem,7vw,7rem)}.pe-features>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pe-features article{padding:1.4rem;border-left:2px solid var(--pe-accent);background:#ffffff06}.pe-features h3{margin:0 0 .5rem}.pe-features p,.pe-search-copy p,.pe-faq p{color:var(--pe-muted)}.pe-search-copy{max-width:900px}.pe-faq{padding-bottom:5rem}.pe-faq details{border-top:1px solid var(--pe-line);padding:1rem 0}.pe-faq summary{font-weight:800;cursor:pointer}.pe-faq details:last-child{border-bottom:1px solid var(--pe-line)}
.pe-theme-papst{--pe-accent:#d6b25e;--pe-accent2:#fff0a8;--pe-panel:#16110d;background:radial-gradient(circle at 50% -10%,#7a571c55,transparent 40%),#090806}.pe-theme-lol{--pe-accent:#ff4f9a;--pe-accent2:#60f5d0;--pe-panel:#151126;background:radial-gradient(circle at 15% 5%,#ff4f9a33,transparent 30%),radial-gradient(circle at 90% 30%,#60f5d022,transparent 30%),#080713}.pe-theme-seamless{--pe-accent:#ff5f57;--pe-accent2:#ffd1ce;--pe-panel:#151515;background:linear-gradient(135deg,#1c1211,#080909 45%)}.pe-theme-store{--pe-accent:#3aa8ff;--pe-accent2:#c5e9ff;--pe-panel:#061421;background:radial-gradient(ellipse at 70% 0,#258cff44,transparent 35%),linear-gradient(135deg,#02070c,#071728)}.pe-theme-club{--pe-accent:#65e3ff;--pe-accent2:#fff;--pe-panel:#0b1729;background:linear-gradient(120deg,#050913,#0b1b33)}.pe-theme-packs{--pe-accent:#ff6d43;--pe-accent2:#ffd3a6;--pe-panel:#1a1210;background:linear-gradient(135deg,#0f0b09,#23120d)}
.pattern-export-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin:.85rem 0;padding:.75rem 1rem;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;text-decoration:none;font-weight:800}.pattern-export-link:hover,.pattern-export-link:focus-visible{transform:translateY(-1px);box-shadow:0 10px 30px #0003}[data-pe-compare-preview]{width:min(240px,100%);aspect-ratio:16/10;object-fit:cover;border:1px solid var(--pe-line);border-radius:12px}
@media(max-width:900px){.mega-nav-inner{padding:.4rem .25rem}.mega-nav-link{padding:.56rem .65rem}.pe-app{grid-template-columns:1fr}.pe-preview-panel,.pe-output-panel{grid-column:auto;grid-row:auto}.pe-preview-panel{order:2}.pe-layout-panel{order:1}.pe-output-panel{order:3}.pe-source-panel{order:0}.pe-features>div{grid-template-columns:1fr}.pe-preview-stage{min-height:300px}}@media(max-width:560px){.pattern-exporter-page{padding:.8rem}.pe-control-grid,.pe-output-grid{grid-template-columns:1fr}.pe-hero h1{font-size:2.35rem}.pe-app>div{border-radius:18px}.pe-privacy{display:grid}.mega-nav{position:static!important}}