: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}.navbar{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.nav-top{justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.nav-left,.nav-right{align-items:center;gap:16px;display:flex}.nav-logo{margin-right:8px}.nav-title-input{color:var(--text-primary);width:auto;min-width:250px;font-size:18px;font-weight:400}.nav-icon-btn{color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.nav-icon-btn:hover{background:#0000000d}.send-btn{background:var(--primary);color:#fff;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:500}.send-btn:hover{filter:brightness(1.1)}.nav-tabs{justify-content:center;gap:32px;display:flex}.tab{color:var(--text-secondary);border-bottom:3px solid #0000;padding:12px 0;font-size:14px;font-weight:500}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.response-count{color:#fff;background:#673ab7;border-radius:10px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700}.tab:hover .response-count{background:var(--primary)}.floating-toolbar{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);z-index:100;flex-direction:column;gap:8px;padding:8px 4px;transition:top .3s;display:flex;position:absolute;top:0;right:-56px}.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}.premium-loader{background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.loader-circle{border:4px solid var(--primary-light);border-top:4px solid var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-loader span{color:var(--text-secondary);letter-spacing:.5px;font-size:14px;font-weight:500}