:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;--c1: #142850;--c2: #27496d;--c3: #0c7b93;--c4: #00a8cc;--panel: #193961;--panel-border: #24507b;--text: #e6f3ff;--muted: #b8d3ff;--canvas-bg: #0f1f38;--card: #112d4f;--button: #00a8cc;--surface: #142850;--drop: #1f3b64;color-scheme:light dark}body[data-ui-theme=light]{--panel: #ffffff;--panel-border: #d7e3f2;--text: #142850;--muted: #34557e;--canvas-bg: #f2f7fb;--card: #ffffff;--button: #0c7b93;--surface: #eef4fb;--drop: #dbe8f6}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text)}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;border-top:1px solid var(--panel-border);background:radial-gradient(circle at 10% 10%,rgba(0,168,204,.08),transparent 32%),radial-gradient(circle at 82% 0%,rgba(12,123,147,.1),transparent 36%),var(--surface)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--panel-border);background:linear-gradient(120deg,#0c7b932e,#00a8cc1f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.01em}.brand img{height:32px}.actions{display:flex;gap:10px;align-items:center}button{border:1px solid var(--panel-border);background:linear-gradient(160deg,#ffffff0a,#ffffff03);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 10px 25px #14285059}button.ghost{background:#ffffff0f}button.primary{background:linear-gradient(135deg,var(--c3),var(--c4));color:#fff;border:1px solid var(--c4);box-shadow:0 12px 30px #00a8cc4d}.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}.canvas-shell{padding:16px;background:linear-gradient(180deg,#00a8cc14,#14285014);border-radius:18px;border:1px solid var(--panel-border);display:flex;justify-content:center}.canvas{background:#fff;border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 18px 60px #14285047;overflow:hidden}.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;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.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)}.list-item{width:100%;text-align:left;border:1px solid var(--panel-border);background:linear-gradient(145deg,#00a8cc14,#0c7b930d);display:flex;align-items:center;justify-content:space-between;gap:10px}.list-item:hover{border-color:var(--c4);background:#00a8cc1f}.field{display:flex;flex-direction:column;gap:6px;font-size:14px}.field input,.field textarea,.field select{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;box-shadow:0 10px 28px #0c7b9359}.drop-target{padding:12px 16px}.between,.dropzone{display:grid;place-items:center;border:1px dashed var(--panel-border);border-radius:12px;padding:8px;margin:6px 0;color:var(--muted);background:#ffffff0a}.block{border:1px solid var(--panel-border);border-radius:12px;margin:6px 0;background:#fff;color:#0f172a;cursor:grab;box-shadow:0 12px 26px #14285024}.block.selected{outline:2px solid var(--c4);box-shadow:0 10px 30px #00a8cc38}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;background:#00a8cc1f;color:var(--c3);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.badge.subtle{background:#0c7b9314;color:var(--text);border:1px solid var(--panel-border)}.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}