.designer-page{min-height:100vh;background:#fff;display:flex;justify-content:center;align-items:center}.designer-container{width:min(1200px,90vw)}.designer-container h1{font-size:42px;font-weight:700;margin:0 0 20px}.designer-container p{font-size:18px}.pixel-grid{display:grid;grid-template-columns:repeat(8,36px);gap:0;width:max-content;margin-top:40px}.pixel-cell{width:36px;height:36px;border:1px solid #e7e7e7;background:#fff;cursor:pointer;transition:.12s;padding:0;border-radius:initial}.pixel-cell:hover{background:#efefef}.pixel-cell.active{background:#111}.designer-layout{display:grid;grid-template-columns:420px 1fr;gap:80px;align-items:flex-start}.designer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.character-list{display:flex;flex-direction:column;gap:8px}.character-list button{height:34px}.character-list .active{background:#111;color:#fff}.designer-workspace{display:grid;grid-template-columns:120px 420px 1fr;gap:60px}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f5f7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.site-header{position:absolute;max-width:initial;margin:0 auto;padding:0;display:flex;justify-content:end;align-items:center;width:100%;z-index:10}.site-nav{display:none;gap:16px}.site-nav a{color:#e2e8f0;text-decoration:none;font-weight:600}.menu-toggle{margin:4px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.menu-icon{display:flex;flex-direction:column;gap:2px}.menu-line{display:flex}.menu-line .pixel-renderer{display:grid;width:max-content;margin:0}.menu-pixel{position:relative;width:4px;height:4px;overflow:visible;transform-origin:center;will-change:transform,opacity}.menu-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;pointer-events:none}.page-shell{max-width:initial;margin:0 auto;padding:0}.compact-shell{padding-top:20px}.minimal-hero{padding:20px}.hero-card{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:32px;border-radius:24px;background:#0f172acc;box-shadow:0 20px 50px #0f172a59;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:#8b5cf6;font-weight:700}h1{margin:0 0 12px;font-size:clamp(2rem,3vw,2.8rem)}.hero-copy{margin:0 0 20px;color:#cbd5e1;font-size:1rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-btn,.secondary-btn,button{border:none;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;text-decoration:none}.primary-btn,button{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.secondary-btn{background:#ffffff1a;color:#f8fafc}.panel{padding:20px;border-radius:18px;background:#ffffff14}label{display:block;margin-bottom:8px;font-weight:600}.input-row{display:flex;gap:10px}input{flex:1;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:10px 12px;background:#ffffff1f;color:#fff}.helper-text{font-size:.9rem;color:#cbd5e1;margin-top:10px}.status-error{margin:18px 0 0;color:#fda4af}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.home-preview{margin-top:28px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card{padding:20px;border-radius:18px;background:#0f172ab8;border:1px solid rgba(255,255,255,.08)}.post-card h2{margin-top:0;font-size:1.1rem}.post-card p{margin-bottom:0;color:#cbd5e1}.page-heading{margin-bottom:18px}.status-info{color:#cbd5e1;margin-top:18px}.feature-list{padding-left:18px;color:#cbd5e1}.blog-list{display:flex;flex-direction:column;gap:24px}.blog-entry{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.1)}.blog-entry h1{font-size:1.6rem;margin-bottom:12px}.blog-entry p,.blog-entry ul,.blog-entry li{color:#e2e8f0}.blog-entry .wp-block-columns{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2rem}.blog-entry .wp-block-column{flex:1 1 0;min-width:min(100%,16rem)}.blog-entry .wp-block-columns>.wp-block-column>:first-child{margin-top:0}.blog-entry .wp-block-columns>.wp-block-column>:last-child{margin-bottom:0}.blog-entry .wp-block-image img{display:block;max-width:100%;height:auto}.blog-entry .wp-block-quote{margin:1.5rem 0;padding-left:1rem;border-left:3px solid #25dffa}.blog-entry .wp-block-separator{border:0;border-top:1px solid rgba(255,255,255,.2);margin:2rem 0}.hero{position:relative;width:100%;min-height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:clamp(24px,4vw,80px);background:#fff}.pixel-logo{position:relative;z-index:2;width:min(100vw,2400px);margin-inline:auto;display:flex;justify-content:center;align-items:center}.pixel-module{position:relative;transition:background-color .08s linear}.pixel-energy{position:absolute;top:0;right:0;bottom:0;left:0;background:#25dffa;opacity:0}.pixel-core{position:absolute;top:0;right:0;bottom:0;left:0;background:#111;opacity:0}.pixel-renderer{display:grid;width:max-content;margin-inline:auto}@media (max-width: 760px){.hero-card,.posts-grid{grid-template-columns:1fr}.site-header{padding:12px 20px 0;align-items:flex-end}.site-nav{position:absolute;top:calc(100% + 8px);right:20px;left:20px;display:grid;gap:0;max-height:0;overflow:hidden;border:1px solid transparent;border-radius:12px;background:#0f172af5;opacity:0;transform:translateY(-8px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease,padding .22s ease}.site-nav.is-open{max-height:220px;padding:8px 16px;border-color:#ffffff1f;opacity:1;transform:translateY(0)}.site-nav a{padding:12px 0}.blog-entry .wp-block-columns{gap:1.25rem}.blog-entry .wp-block-column{flex-basis:100%}}