@font-face{font-family:Roboto;src:url(./fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(./fonts/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--primary: #1F3B73;--accent: #C8102E;--canvas-bg: #F2F3F5;--node-bg: #FFFFFF;--node-text: #1B2332;--header-text: #FFFFFF;--link-color: #B9C0CC;--font: "Roboto", Inter, "Segoe UI", Arial, sans-serif;--border: #E4E7EC;--border-strong: #CBD1DA;--danger: #C8102E;--success: #148F55;--muted: #6B7280;--ease: cubic-bezier(.4, 0, .2, 1);--ink-bg: #171E2A;--ink-bg-2: #1F2839;--ink-bg-3: #253048;--ink-border: #2D3852;--ink-border-strong: #3B4666;--ink-text: #E5E9F0;--ink-muted: #8792A8;--ink-accent: #6C9BFF;--ink-accent-2: #4B7DFF;--ink-danger: #FF6B7A;--ink-danger-bg: #34181F}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--canvas-bg);color:var(--node-text);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:1px solid var(--border-strong);background:#fff;color:var(--node-text);padding:6px 12px;border-radius:9px;font-size:13px;line-height:1.2;display:inline-flex;align-items:center;gap:6px;transition:background .18s var(--ease),border-color .18s var(--ease),transform .12s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease)}button:hover{background:#f5f7fa;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover{background:#17305e}button.danger{background:#fff;color:var(--danger);border-color:#f0bfc7}button.danger:hover{background:#fef2f4}button.ghost{border-color:transparent;background:transparent}button.ghost:hover{background:#e9ecf1}input[type=text],input[type=password],input[type=email],textarea,select{font-family:inherit;font-size:13px;border:1px solid var(--border-strong);background:#fff;padding:7px 10px;border-radius:9px;color:var(--node-text);width:100%;transition:background .16s var(--ease),border-color .16s var(--ease),box-shadow .2s var(--ease)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1f3b7326}textarea{resize:vertical;min-height:40px;line-height:1.45}label{display:block;font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.app-shell{display:grid;grid-template-rows:52px 1fr;height:100vh;min-height:0}.top-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(180deg,#131a28,#10162a);border-bottom:1px solid #0B1220;color:var(--ink-text);z-index:10;box-shadow:0 4px 12px -6px #00000059}.top-bar .brand{display:flex;align-items:center;gap:10px;color:#f1f4fb;font-weight:700;font-size:15px;letter-spacing:.4px}.top-bar .spacer{flex:1}.top-bar .meta-title{font-weight:500;color:#8892a8;font-size:13px}.top-bar .dirty-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:6px;box-shadow:0 0 0 3px #c8102e38}.top-bar button{background:transparent;color:#e5e9f0;border:1px solid #3A4666;border-radius:10px;padding:7px 12px;font-size:12.5px;transition:background .18s var(--ease),border-color .18s var(--ease),transform .12s var(--ease),color .18s var(--ease)}.top-bar button:hover{background:#ffffff0f;border-color:#4e5a7c;transform:translateY(-1px)}.top-bar button:active{transform:translateY(0)}.top-bar button.ghost{border-color:transparent;padding:6px 10px;color:#8892a8}.top-bar button.ghost:hover{background:#ffffff0f;color:#e5e9f0}.top-bar button.primary{background:var(--ink-accent-2);border-color:var(--ink-accent-2);color:#fff}.top-bar button.primary:hover{background:var(--ink-accent);border-color:var(--ink-accent)}.top-bar button.danger{color:#ff7a88;border-color:#602531;background:#ff5a6914}.top-bar button.danger:hover{background:#ff5a692e;border-color:#7f2e3b}.top-bar button:disabled{opacity:.35;transform:none}.main-split{display:grid;grid-template-columns:1fr 344px;min-height:0}.canvas-wrap{position:relative;overflow:hidden;background:var(--canvas-bg)}.canvas-wrap svg{display:block}.canvas-controls{position:absolute;left:14px;bottom:14px;display:flex;gap:4px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:5px;box-shadow:0 6px 18px #00000014}.canvas-controls button{padding:5px 10px;font-size:12px;border-radius:7px;border-color:transparent}.canvas-controls button:hover{background:#f1f3f7;transform:none}.inspector{border-left:1px solid #0B1220;background:linear-gradient(180deg,#131a28,#10162a);color:var(--ink-text);overflow-y:auto;padding:14px 14px 26px;box-shadow:inset 6px 0 14px -8px #0000008c}.inspector .section{background:#1e2740;border:1px solid #2A3450;border-radius:14px;padding:14px 16px;margin:0 0 12px;box-shadow:0 4px 14px -8px #00000059}.inspector .section:first-of-type{margin-top:6px}.inspector h3{margin:0 0 10px;font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.9px;font-weight:700}.inspector label{color:#8892a8;font-size:11px;letter-spacing:.7px;font-weight:600;margin-bottom:7px;text-transform:uppercase}.inspector .field{margin-bottom:13px}.inspector .field:last-child{margin-bottom:0}.inspector .row{display:flex;gap:10px;align-items:flex-end}.inspector .row>*{flex:1}.inspector .btn-row{display:flex;flex-wrap:wrap;gap:6px}.inspector .identity{padding:16px 18px 14px}.inspector .type-badge{display:inline-block;padding:3px 9px;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-accent);background:#6c9bff24;border-radius:999px;margin-bottom:9px}.inspector .hero-title{margin:0;font-size:17px;font-weight:700;color:#f1f4fb;letter-spacing:.1px;line-height:1.25}.inspector .hero-subtitle{margin-top:4px;color:#8892a8;font-size:12.5px;letter-spacing:.3px}.inspector input[type=text],.inspector input[type=password],.inspector input[type=email],.inspector textarea,.inspector select{background:#fff;color:#1b2332;border:1px solid #D8DEE9;border-radius:12px;padding:10px 14px;font-size:13.5px;transition:border-color .18s var(--ease),box-shadow .2s var(--ease)}.inspector input::placeholder,.inspector textarea::placeholder{color:#a0a6b4}.inspector input:focus,.inspector textarea:focus,.inspector select:focus{outline:none;border-color:var(--ink-accent);box-shadow:0 0 0 3px #6c9bff47;background:#fff}.inspector input[type=color]{width:100%;height:38px;padding:3px;border:1px solid #D8DEE9;background:#fff;border-radius:10px;cursor:pointer}.inspector input[type=color]::-webkit-color-swatch-wrapper{padding:0}.inspector input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.inspector input[type=range]{width:100%;accent-color:var(--ink-accent);height:4px}.inspector button{background:transparent;color:#e5e9f0;border:1px solid #3A4666;border-radius:11px;padding:8px 14px;font-size:12.5px;transition:background .18s var(--ease),border-color .18s var(--ease),transform .12s var(--ease),color .18s var(--ease)}.inspector button:hover{background:#ffffff0f;border-color:#4e5a7c;transform:translateY(-1px)}.inspector button:active{transform:translateY(0)}.inspector button.ghost{border-color:transparent;padding:6px 10px;color:#8892a8}.inspector button.ghost:hover{background:#ffffff0f;color:#e5e9f0}.inspector button.danger{color:#ff7a88;border-color:#602531;background:#ff5a6914}.inspector button.danger:hover{background:#ff5a692e;border-color:#7f2e3b}.inspector button.ghost.danger{background:transparent;border-color:transparent;color:#ff7a88}.inspector button.ghost.danger:hover{background:#ff5a6924}.inspector button:disabled{opacity:.35;transform:none}.inspector .people-list{padding:0;margin:4px 0 0;list-style:none}.inspector .people-list li{display:flex;align-items:center;gap:6px;padding:5px 0;list-style:none}.inspector .people-list li+li{margin-top:2px}.inspector .people-list li input{flex:1;padding:7px 11px;font-size:12.5px}.inspector .type-row{background:#0f1420;border:1px solid #2A3450;border-radius:11px;padding:3px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.inspector .type-row button{border:none;background:transparent;color:#8892a8;border-radius:8px;padding:7px 6px;font-size:12px;justify-content:center;transform:none!important}.inspector .type-row button:hover{color:#e5e9f0;background:#ffffff0d;border-color:transparent}.inspector .type-row button.active{background:#fff;color:#1b2332;box-shadow:0 1px 3px #00000047,0 0 0 1px #ffffff0f}.inspector .type-row button.active:hover{background:#fff;color:#1b2332}.inspector .image-preview{border:1px dashed #3A4666;border-radius:12px;overflow:hidden;height:112px;display:flex;align-items:center;justify-content:center;background:#ffffff08;margin-bottom:8px;color:#8892a8;transition:border-color .18s var(--ease),background .18s var(--ease)}.inspector .image-preview:hover{border-color:var(--ink-accent);background:#6c9bff0f}.inspector .image-preview img{max-width:100%;max-height:100%;display:block}.inspector .empty-state{color:#8892a8;font-size:13px;padding:32px 12px 24px;text-align:center;line-height:1.55}.inspector .empty-state strong{color:#e5e9f0;display:block;margin-bottom:6px;font-size:14px;font-weight:600}.dialog-backdrop{position:fixed;inset:0;background:#080c168c;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(2px)}.dialog{background:#fff;border-radius:14px;padding:22px 24px;min-width:320px;max-width:480px;box-shadow:0 24px 60px #00000047;animation:pop .18s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog h2{margin:0 0 10px;font-size:17px;color:var(--primary)}.dialog p{margin:6px 0 12px;color:#374151}.dialog .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.pdf-preview{background:linear-gradient(180deg,#131a28,#10162a);color:var(--ink-text);border-radius:14px;width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0006;overflow:hidden;animation:pop .18s var(--ease)}.pdf-preview__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #0B1220;background:#00000026}.pdf-preview__head h2{margin:0;font-size:14px;color:#f1f4fb;text-transform:uppercase;letter-spacing:.7px;font-weight:700}.pdf-preview__head button.ghost{border:1px solid transparent;background:transparent;color:#8892a8;border-radius:8px;padding:6px 10px}.pdf-preview__head button.ghost:hover{color:#f1f4fb;background:#ffffff0f}.pdf-preview__body{display:grid;grid-template-columns:1fr 280px;gap:16px;padding:16px;overflow-y:auto}.pdf-preview__stage{background:#0b1220;border-radius:10px;border:1px solid #1E2740;display:flex;align-items:center;justify-content:center;padding:20px;min-height:480px}.pdf-page{background:#fff;position:relative;box-shadow:0 8px 32px #00000059;color:#1b2332;font-family:var(--font)}.pdf-page__title,.pdf-page__meta,.pdf-page__footer-l,.pdf-page__footer-r{position:absolute;white-space:nowrap}.pdf-page__title{font-weight:700}.pdf-page__meta{color:#4b5563}.pdf-page__footer-l,.pdf-page__footer-r{color:#6b7280}.pdf-preview__controls{padding:6px 4px;overflow-y:auto}.pdf-preview__controls label{color:#8892a8}.pdf-preview__controls .check{display:flex;align-items:center;gap:8px;color:var(--ink-text);text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:500}.pdf-preview__controls .check input{width:auto}.pdf-preview__controls .type-row{background:#0f1420;border:1px solid #2A3450;border-radius:11px;padding:3px;display:grid;gap:2px}.pdf-preview__controls .type-row button{border:none;background:transparent;color:#8892a8;border-radius:8px;padding:8px 6px;font-size:12.5px;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease);font-family:inherit}.pdf-preview__controls .type-row button:hover{color:#f1f4fb;background:#ffffff0d}.pdf-preview__controls .type-row button.active{background:#fff;color:#1b2332;box-shadow:0 1px 3px #00000047,0 0 0 1px #ffffff0f}.pdf-preview__controls .field{margin-bottom:14px}.pdf-preview__controls .btn-row{display:flex;gap:6px;flex-wrap:wrap}.pdf-preview__controls button{background:transparent;color:#e5e9f0;border:1px solid #3A4666;border-radius:10px;padding:7px 12px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:background .18s var(--ease),border-color .18s var(--ease)}.pdf-preview__controls button:hover{background:#ffffff0f;border-color:#4e5a7c}.pdf-preview__controls input[type=range]{width:100%;accent-color:var(--ink-accent)}.corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.corner-grid button{height:46px;display:flex;align-items:center;justify-content:center;background:#0f1420;border:1px solid #2A3450;border-radius:10px;cursor:pointer;padding:0}.corner-grid button.active{background:#6c9bff2e;border-color:var(--ink-accent);box-shadow:0 0 0 3px #6c9bff26}.corner-icon{position:relative;width:32px;height:24px;border:1px solid #4E5A7C;border-radius:3px;display:inline-block}.corner-icon:after{content:"";position:absolute;width:10px;height:8px;background:var(--ink-accent);border-radius:2px}.corner-tl.corner-icon:after{top:2px;left:2px}.corner-tr.corner-icon:after{top:2px;right:2px}.corner-bl.corner-icon:after{bottom:2px;left:2px}.corner-br.corner-icon:after{bottom:2px;right:2px}.pdf-preview__actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid #0B1220;background:#00000026}.pdf-preview__actions button{background:transparent;color:#e5e9f0;border:1px solid #3A4666;border-radius:10px;padding:8px 16px;font-size:13px;cursor:pointer;font-family:inherit;transition:background .18s var(--ease),border-color .18s var(--ease)}.pdf-preview__actions button:hover{background:#ffffff0f}.pdf-preview__actions button.primary{background:var(--ink-accent-2);border-color:var(--ink-accent-2);color:#fff}.pdf-preview__actions button.primary:hover{background:var(--ink-accent)}.pdf-preview__actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.pdf-preview__body{grid-template-columns:1fr}}.lock-screen{position:fixed;inset:0;z-index:90;background:linear-gradient(135deg,#1f3b73,#0f1e42);display:flex;align-items:center;justify-content:center}.lock-card{background:#fff;border-radius:14px;padding:32px 34px;width:380px;box-shadow:0 24px 60px #00000059;text-align:center}.lock-card .brand-badge{color:var(--primary);font-weight:700;letter-spacing:.5px;font-size:18px;margin-bottom:4px}.lock-card .subtitle{color:var(--muted);font-size:12.5px;margin-bottom:22px}.lock-card .error{color:var(--danger);font-size:12.5px;margin-top:10px}.lock-card .warn{color:var(--muted);font-size:11.5px;margin-top:14px;line-height:1.5}.node-shell.selected rect.frame{stroke:var(--accent);stroke-width:2.5}.node-shell rect.frame{transition:stroke .12s var(--ease)}.node-plus{cursor:pointer;opacity:0;transition:opacity .16s var(--ease)}.node-shell:hover .node-plus,.node-shell.selected .node-plus{opacity:1}.node-plus circle{fill:var(--primary)}.node-plus text{fill:#fff;font-weight:700}.edge{stroke:var(--link-color);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.inspector::-webkit-scrollbar{width:10px}.inspector::-webkit-scrollbar-track{background:transparent}.inspector::-webkit-scrollbar-thumb{background:#2a3448;border:2px solid var(--ink-bg);border-radius:8px}.inspector::-webkit-scrollbar-thumb:hover{background:#384359}@media print{.top-bar,.inspector,.canvas-controls{display:none!important}.main-split{grid-template-columns:1fr}.app-shell{display:block;height:auto}.canvas-wrap{overflow:visible}}