:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:light dark;--c1: #142850;--c2: #27496d;--c3: #0c7b93;--c4: #00a8cc;--panel: #0f1c32;--panel-border: #1f365c;--text: #e6f3ff;--muted: #99b9e0;--surface: #0b1428}body[data-theme=light]{--panel: #ffffff;--panel-border: #d7e3f2;--text: #142850;--muted: #34557e;--surface: #eef4fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 18%,rgba(0,168,204,.08),transparent 30%),radial-gradient(circle at 90% 12%,rgba(12,123,147,.1),transparent 32%),var(--surface);color:var(--text)}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--panel-border);background:linear-gradient(120deg,#00a8cc29,#0c7b931a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand img{height:32px}.actions{display:flex;gap:10px;align-items:center}button{border:1px solid var(--panel-border);background:#ffffff0a;color:inherit;font:inherit;padding:9px 14px;border-radius:12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);border-color:var(--c4);box-shadow:0 12px 26px #1428504d}button.ghost{background:#ffffff14}button.primary{background:linear-gradient(135deg,var(--c3),var(--c4));color:#fff;border:1px solid var(--c4);box-shadow:0 12px 30px #00a8cc52}.layout{display:grid;grid-template-columns:300px 1fr 340px;flex:1;min-height:0}.sidebar,.inspector{border-right:1px solid var(--panel-border);padding:14px;overflow:auto;background:var(--panel);color:var(--text)}.inspector{border-right:none;border-left:1px solid var(--panel-border)}.workspace{padding:18px;overflow:auto}.panel{display:flex;flex-direction:column;gap:10px;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid var(--panel-border);border-radius:16px;padding:12px;box-shadow:inset 0 1px #ffffff0f}.panel.stack{gap:16px}.group{display:flex;flex-direction:column;gap:10px}.group h4{margin:0;font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.block-card{text-align:left;display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:linear-gradient(150deg,#00a8cc24,#0c7b930f);border:1px solid var(--panel-border);border-radius:12px}.block-card strong{font-size:15px}.block-card small{color:var(--muted)}.panel-heading{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.9;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px;font-size:14px}.field input,.field select,.field textarea{background:#ffffff0f;border:1px solid var(--panel-border);border-radius:10px;padding:9px 12px;color:inherit;box-shadow:inset 0 1px #ffffff0a;font:inherit}.field textarea{resize:vertical}.segmented{display:inline-flex;gap:6px;background:#ffffff0f;padding:6px;border-radius:12px;border:1px solid var(--panel-border)}.segment{border:none;padding:8px 12px;border-radius:10px;background:transparent}.segment.active{background:var(--c3);color:#fff;font-weight:700;box-shadow:0 12px 28px #0c7b9347}.canvas-shell{background:radial-gradient(circle at 16% 20%,rgba(0,168,204,.16),transparent 30%),radial-gradient(circle at 82% 32%,rgba(12,123,147,.16),transparent 32%),#0b1224;border-radius:16px;padding:26px;min-height:640px;border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffffff0f}.preview-frame{position:relative;margin:0 auto;background:#0b1020;border-radius:18px;border:1px solid var(--panel-border);box-shadow:0 24px 80px #00000073;overflow:hidden}.preview-artboard{position:relative;background:radial-gradient(circle at 20% 20%,rgba(0,168,204,.2),transparent 36%),linear-gradient(180deg,#0f172a,#0b1020);height:560px;overflow:hidden}.widget-shell{position:absolute;display:flex;flex-direction:column;gap:12px}.widget-card{background:#142850;color:#e5e7eb;border-radius:16px;border:1px solid var(--panel-border);padding:16px;box-shadow:0 14px 44px #00000080;width:320px}.block{border:1px solid var(--panel-border);border-radius:12px;margin:6px 0;background:#fff;color:#0f172a;cursor:grab;box-shadow:0 10px 24px #1428502e;padding:4px}.block.selected{outline:2px solid var(--c4);box-shadow:0 12px 30px #00a8cc3d}.badge{display:inline-flex;align-items:center;gap:6px;background:#00a8cc2e;border-radius:12px;padding:6px 10px;color:#b5e9ff;font-weight:800;letter-spacing:.02em;text-transform:uppercase;font-size:12px;box-shadow:0 6px 20px #00a8cc4d}.badge.subtle{background:#0c7b9314;color:var(--text);border:1px solid var(--panel-border)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.between{display:grid;place-items:center;border:1px dashed var(--panel-border);border-radius:12px;padding:8px;margin:6px 0;color:var(--muted);background:#ffffff0a}.hint{margin:0;color:var(--muted);font-size:13px}.block-editor{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:12px;background:#ffffff0f;border:1px dashed var(--panel-border)}.block-editor__header{display:flex;justify-content:space-between;align-items:center}