*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#0a0a0a;background:#fafafa;font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}.muted{color:#6b7280}button{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px;transition:background 80ms ease}button:hover:not(:disabled){background:#f3f4f6}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#0a0a0a;color:#fff;border-color:#0a0a0a}button.primary:hover:not(:disabled){background:#1f1f1f}button.danger{color:#b91c1c;border-color:#fecaca;background:#fff}button.danger:hover:not(:disabled){background:#fef2f2}button.small{padding:4px 10px;font-size:12px}button.link{background:transparent;border:none;padding:4px 0;color:#2563eb}button.link:hover{background:transparent;text-decoration:underline}.page{max-width:960px;margin:0 auto;padding:32px 24px}.page-header{display:flex;gap:16px;align-items:center;margin-bottom:24px}.page-header h1{font-size:24px;margin:0;flex:1}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.card{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.card-main{flex:1;text-align:left;background:none;border:none;padding:4px 0;display:flex;gap:12px;align-items:baseline}.card-main strong{font-size:16px}.editor{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;gap:12px;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.topbar .back{padding:4px 8px;font-size:18px;line-height:1}.project-name{font-size:15px;font-weight:500;padding:6px 10px;border:1px solid transparent;border-radius:6px;background:transparent;flex:1;min-width:120px;max-width:480px}.project-name:hover{border-color:#e5e7eb}.project-name:focus{border-color:#d1d5db;background:#fff;outline:none}.save-state{font-size:12px;color:#6b7280;white-space:nowrap}.save-error{color:#b91c1c}.width-toggle{display:flex;gap:2px;background:#f3f4f6;padding:2px;border-radius:6px}.width-toggle button{padding:4px 10px;font-size:12px;border:none;background:transparent;border-radius:4px}.width-toggle button.active{background:#0a0a0a;color:#fff}.workspace{display:grid;grid-template-columns:360px 1fr;flex:1;overflow:hidden}@media (max-width: 1100px){.workspace{grid-template-columns:320px 1fr}}.blocks-panel{padding:12px;overflow-y:auto;border-right:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;gap:10px}.preview-panel{overflow:hidden;background:#f3f4f6;display:flex;flex-direction:column}.preview-shell{display:flex;flex-direction:column;height:100%}.preview-toolbar{display:flex;gap:12px;align-items:center;padding:8px 12px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.preview-meta{font-size:12px;color:#6b7280}.block-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.block-card-header{display:flex;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#fafafa;border-radius:8px 8px 0 0}.block-type{flex:1;font-size:12px;color:#6b7280;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.drag-handle{background:transparent;border:none;cursor:grab;color:#9ca3af;padding:2px 4px;font-size:16px;line-height:1}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:#374151;background:transparent}.block-fields{display:flex;flex-direction:column;gap:10px;padding:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#374151}.field>span{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.field input,.field textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px}.field input:focus,.field textarea:focus{outline:none;border-color:#6b7280}.field textarea{resize:vertical;min-height:60px;font-family:inherit}.sub-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}.sub-card-title{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.list-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0}.list-buttons{display:flex;gap:4px}.add-block{padding:12px;border-style:dashed;color:#374151;background:transparent;width:100%}.add-menu{display:flex;flex-direction:column;gap:4px}.add-menu-list{list-style:none;margin:0;padding:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1px}.add-menu-list li{margin:0}.add-menu-list button{width:100%;text-align:left;background:transparent;border:none;padding:8px 10px;border-radius:4px;font-size:13px}.add-menu-list button:hover{background:#f3f4f6}.preview-wrap{overflow:auto;flex:1;padding:12px}.preview-stage{position:relative}.preview-frame{background:#fff;box-shadow:0 1px 3px #0000000a;position:absolute;top:0;left:0}