:root{--primary:#673ab7;--primary-light:#f0ebf8;--bg:#f0ebf8;--surface:#fff;--text-primary:#202124;--text-secondary:#5f6368;--border:#dadce0;--accent:#4285f4;--shadow-sm:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--shadow-md:0 4px 4px 0 #00000040;--radius-lg:8px;--radius-md:4px}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg);color:var(--text-primary);min-height:100vh}button{cursor:pointer;background:0 0;border:none;transition:all .2s}input,textarea{border:none;outline:none;width:100%}.app-container{flex-direction:column;min-height:100vh;display:flex}.premium-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:12px;padding:24px;transition:box-shadow .3s;position:relative}.premium-card.active{border-left:6px solid var(--primary);box-shadow:0 2px 4px #0000001a}.form-title{border-bottom:1px solid #0000;margin-bottom:8px;font-size:32px;font-weight:400}.form-title:focus{border-bottom-color:var(--border)}.form-description{color:var(--text-secondary);resize:none;font-size:14px}.fade-in{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.icon-btn{color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.icon-btn:hover{background-color:#0000000d}.floating-toolbar{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:100;flex-direction:column;gap:8px;padding:8px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.theme-sidebar{background:var(--surface);z-index:50;border-left:1px solid var(--border);width:300px;height:calc(100vh - 64px);padding:20px;position:fixed;top:64px;right:0;overflow-y:auto;box-shadow:-2px 0 5px #0000001a}.color-picker-circle{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px}.color-picker-circle.selected{border-color:var(--text-primary)}.header-image-preview{border-radius:var(--radius-md);object-fit:cover;background-color:var(--bg);width:100%;height:120px;color:var(--text-secondary);cursor:pointer;border:1px dashed var(--border);justify-content:center;align-items:center;display:flex}.top-header-banner{object-fit:cover;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:calc(100% + 48px);height:200px;margin:-24px -24px 24px}