*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#8b5cf6;--bg-dark:#0f172a;--bg-light:#f8fafc;--text-dark:#1e293b;--text-light:#64748b;--border-color:#e2e8f0;--success:#10b981;--danger:#ef4444}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.builder-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:300px;background:var(--bg-dark);color:#fff;overflow-y:auto;padding:20px;border-right:1px solid hsla(0,0%,100%,.1)}.preview-panel{flex:1 1;overflow-y:auto;background:var(--bg-light);position:relative}.preview-content{min-height:100vh}.btn{display:inline-block;padding:10px 20px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{opacity:.9}.section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px}.section-content{max-width:1200px;margin:0 auto;width:100%}.draggable-item{padding:12px;margin-bottom:8px;background:hsla(0,0%,100%,.1);border-radius:6px;cursor:-webkit-grab;cursor:grab;transition:all .2s ease}.draggable-item:hover{background:hsla(0,0%,100%,.2);transform:translateX(5px)}.draggable-item:active{cursor:-webkit-grabbing;cursor:grabbing}.sortable-item{position:relative;margin-bottom:20px;border:2px dashed transparent;transition:all .2s ease}.sortable-item.selected,.sortable-item:hover{border-color:var(--primary-color)}.sortable-item.selected{border-style:solid}.section-controls{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:10;opacity:0;transition:opacity .2s ease}.sortable-item:hover .section-controls{opacity:1}.control-btn{padding:6px 12px;font-size:12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.control-btn:hover{background:var(--primary-hover)}.control-btn.danger{background:var(--danger)}.control-btn.danger:hover{background:#dc2626}.toolbar{padding:15px 20px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:100}.toolbar-actions{display:flex;gap:10px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state h3{margin-bottom:10px;color:var(--text-dark)}