:root{--bg: #f7f5ef;--surface: #ffffff;--ink: #1d2939;--muted: #667085;--line: #d0d5dd;--brand: #0f766e;--brand-soft: #ccfbf1}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 90% 10%,#fee4e2,transparent 35%),radial-gradient(circle at 10% 90%,#d1fae5,transparent 30%),var(--bg)}.app-shell{width:100%;padding:1rem}.topbar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:16px;margin-bottom:1rem}.glass{background:#ffffffd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.topbar h1{margin:0}.topbar p{margin:.35rem 0 0;color:var(--muted)}.auth-actions{display:flex;align-items:center;gap:.6rem}.pill{border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.85rem}.pill.success{border-color:#10b981;background:#ecfdf3;color:#027a48}.btn{border:1px solid var(--brand);color:#fff;background:var(--brand);text-decoration:none;border-radius:10px;padding:.55rem .9rem;font-weight:700;cursor:pointer}.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.small{font-size:.84rem;padding:.45rem .75rem}.btn.active{border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand-soft)}.workspace-full{display:block}.panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1rem}.panel-title-row{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.panel-title-row h2{margin:0}.panel-actions{display:flex;gap:.5rem;flex-wrap:wrap}.graph-stage{position:relative;margin-top:.8rem;min-height:520px;border-radius:14px;border:2px dashed #98a2b3;background:linear-gradient(135deg,#fff,#f8fafc);overflow:hidden;cursor:grab}.graph-stage:active{cursor:grabbing}.graph-content{position:absolute;inset:0 auto auto 0;transform-origin:0 0}.zoom-controls{position:absolute;right:12px;top:12px;z-index:5;display:grid;gap:6px}.zoom-btn{width:34px;height:34px;border:1px solid var(--line);background:#fffffff2;color:var(--ink);border-radius:8px;font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer}.zoom-btn:hover{border-color:var(--brand)}.graph-placeholder{color:var(--muted);font-weight:600;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.edge-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.edge-line{stroke:#2c5282;stroke-width:2}.edge-label{fill:#1f2937;font-size:12px;font-weight:700}.graph-node{position:relative;border:1px solid #475467;border-radius:12px;background:#fff;box-shadow:0 6px 16px #1018281f;padding:.55rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;cursor:move}.graph-node-wrap{position:absolute}.graph-node.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft),0 8px 20px #0f766e33}.graph-node .small{color:var(--muted);font-size:.8rem}.node-add-btn{position:absolute;top:50%;width:30px;height:30px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--brand);font-size:1.1rem;font-weight:700;line-height:1;transform:translateY(-50%);box-shadow:0 8px 16px #1018282e;cursor:pointer;z-index:6}.node-add-btn.left{left:-15px}.node-add-btn.right{right:-15px}.node-add-btn:hover{border-color:var(--brand);background:var(--brand-soft)}.node-edit-btn{position:absolute;top:-12px;right:-10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:.72rem;font-weight:700;padding:.2rem .4rem;cursor:pointer;z-index:7;box-shadow:0 6px 12px #10182826}.node-edit-btn:hover{border-color:var(--brand);color:var(--brand)}.card-meta-row{margin-top:.8rem;display:grid;gap:.3rem}.card-meta-row label{font-weight:700}.card-meta-row input,.card-meta-row select,.field-grid input,.field-grid select{width:100%;border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem}.connect-status{margin:0;color:var(--muted);font-size:.85rem}.ok-status{color:#027a48}.error-status{color:#b42318}.inline-actions{display:grid;gap:.3rem}.publish-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tiny-status{font-size:.75rem;color:var(--muted)}.field-grid{display:grid;gap:.6rem}.field-grid label{font-size:.85rem;font-weight:700;color:#344054;display:grid;gap:.25rem}.field-grid .checkbox-row{display:flex;align-items:center;gap:.5rem}.field-grid .checkbox-row input{width:auto}.validation-panel{margin-top:.9rem;border:1px solid var(--line);border-radius:12px;padding:.75rem;background:#f9fafb}.validation-panel h3{margin:0 0 .5rem}.validation-panel ul{margin:0;padding-left:1.1rem;color:#b42318}.validation-panel .ok{margin:0;color:#027a48;font-weight:700}.json-preview{margin-top:.8rem;border:1px solid var(--line);border-radius:10px;background:#fcfcfd;font-size:.78rem;max-height:280px;overflow:auto;padding:.6rem;white-space:pre-wrap;overflow-wrap:anywhere}.json-drawer{margin-top:.9rem;border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:.75rem}.json-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.json-drawer h3{margin:0}.json-drawer.open{background:#fcfcfd}.json-drawer.closed .json-preview{display:none}.hint-list{margin-top:1rem;display:grid;gap:.5rem;color:var(--muted)}.hint-list>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:grid;place-items:center;padding:1rem;z-index:40}.modal-card{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px #10182847;padding:1rem;display:grid;gap:.75rem}.node-modal{width:min(760px,100%);max-height:min(85vh,900px);overflow:auto}.modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.modal-card h3{margin:0}.modal-card p{margin:0;color:var(--muted)}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}@media (max-width: 980px){.app-shell{padding:.75rem}.panel-actions{justify-content:flex-start}}