.main-wrapper{flex:1;display:flex;height:100%;overflow:hidden}.sidebar{width:360px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:25px;z-index:10;overflow-y:auto;box-shadow:5px 0 15px rgba(0,0,0,.5)}.canvas-area{flex:1;position:relative;background-color:#000;background-image:linear-gradient(to bottom,#111,#000);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}#titleCanvas{box-shadow:0 0 50px rgba(0,0,0,.8);background:#000;max-width:100%;max-height:100%}input[type=text],textarea{background:#222!important;border:1px solid #444!important;color:#fff!important;font-size:1.1rem;font-weight:600}.form-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:#888;font-weight:700;margin-bottom:8px}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-card{background:#222;border:2px solid transparent;border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .2s}.style-card:hover{background:#2a2a2a;transform:translateY(-2px)}.style-card.active{border-color:var(--accent);background:#2a2a2a;box-shadow:0 0 15px rgba(229,9,20,.4)}.style-preview{font-size:1.2rem;margin-bottom:5px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-name{font-size:.7rem;color:#aaa;text-transform:uppercase}.font-galactic{font-family:Poppins,sans-serif;color:#ffe81f;-webkit-text-stroke:1px #000}.font-cyber{font-family:Orbitron,sans-serif;color:#0ff;text-shadow:0 0 5px #0ff}.font-horror{font-family:Creepster,cursive;color:#d00}.font-retro{font-family:Monoton,cursive;background:-webkit-linear-gradient(#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-epic{font-family:Cinzel,serif;color:#d4af37}.font-transformer{font-family:Anton,sans-serif;color:#b0c4de;text-shadow:2px 2px 0 #000;transform:scaleX(.9)}.font-avatar{font-family:Philosopher,sans-serif;color:#4deeea;text-shadow:0 0 5px #4deeea}.font-potter{font-family:'Cinzel Decorative',serif;color:#silver;text-shadow:0 0 3px #fff}.font-matrix{font-family:VT323,monospace;color:#0f0;text-shadow:0 0 2px #0f0}.font-super{font-family:Anton,sans-serif;color:red;-webkit-text-stroke:1px #fa0}.font-archaeo{font-family:'Alfa Slab One',cursive;background:linear-gradient(to bottom,#ff8c00,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-racer{font-family:'Racing Sans One',cursive;color:#ccc;font-style:italic}.font-dino{font-family:'Titan One',cursive;color:#000;-webkit-text-stroke:1px #fff}.font-spy{font-family:'Black Ops One',cursive;color:#fff}.font-doll{font-family:Lobster,cursive;color:#ff69b4;text-shadow:2px 2px 0 #fff}.btn-primary{background-color:var(--accent);border-color:var(--accent)}.btn-primary:hover{background-color:#b20710;border-color:#b20710}