@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Spectral:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Mono:ital,wght@0,300;0,400;1,300&display=swap";:root{--ink:#0e0c0a;--paper:#f7f2ea;--paper-2:#f0e9dc;--verm:#c0392b;--verm-s:#c0392b1f;--gold:#9a7c3f;--gold-s:#9a7c3f26;--sage:#3d6b5a;--rule:#f7f2ea14;--rule-h:#f7f2ea26;--sh:0 12px 48px #0e0c0a59;--r:3px;--fd:"Playfair Display",Georgia,serif;--fb:"Spectral",Georgia,serif;--fm:"DM Mono","Courier New",monospace;--nav:52px;--tab:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;font-size:15px}body{background:var(--ink);color:var(--paper);font-family:var(--fm);overscroll-behavior:none;flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}#root{display:contents}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#f7f2ea33;border-radius:2px}body:after{content:"";pointer-events:none;z-index:9999;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}.topnav{height:var(--nav);border-bottom:1px solid var(--rule);z-index:200;flex-shrink:0;align-items:center;padding:0 24px;display:flex;position:relative}.nav-logo{cursor:pointer;flex-shrink:0;align-items:baseline;gap:8px;text-decoration:none;display:flex}.nav-logo-mark{font-family:var(--fd);color:var(--paper);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.nav-logo-sub{color:#f7f2ea59;letter-spacing:.15em;text-transform:uppercase;font-size:.65rem}.nav-divider{background:#f7f2ea1f;flex-shrink:0;width:1px;height:20px;margin:0 20px}.nav-steps{flex:1;align-items:center;display:flex;overflow:hidden}.nav-step{letter-spacing:.08em;text-transform:uppercase;color:#f7f2ea59;cursor:pointer;white-space:nowrap;font-size:.7rem;font-family:var(--fm);background:0 0;border:none;align-items:center;gap:8px;padding:6px 16px;transition:color .2s;display:flex;position:relative}.nav-step:hover{color:#f7f2eaa6}.nav-step.active{color:var(--paper)}.nav-step.active:after{content:"";background:var(--verm);height:1px;position:absolute;bottom:-1px;left:16px;right:16px}.nav-step.done{color:var(--gold)}.step-num{border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;display:flex}.nav-step.done .step-num{background:var(--gold);border-color:var(--gold);color:var(--ink)}.nav-step.active .step-num{background:var(--verm);border-color:var(--verm);color:#fff}.nav-arrow{color:#f7f2ea26;padding:0 2px;font-size:.7rem}.nav-right{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-conn-badge{color:#f7f2ea80;cursor:pointer;white-space:nowrap;font-size:.65rem;font-family:var(--fm);background:0 0;border:1px solid #f7f2ea26;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;transition:all .2s;display:flex}.nav-conn-badge:hover{color:#f7f2eacc;border-color:#f7f2ea4d}.conn-dot{background:#4caf50;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #4caf5099}.shell{height:calc(100vh - var(--nav));height:calc(100dvh - var(--nav));flex:1;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--rule);flex-direction:column;flex-shrink:0;width:256px;display:flex;overflow:hidden}.sidebar-section{border-bottom:1px solid var(--rule);padding:14px 14px 12px}.sidebar-label{letter-spacing:.18em;text-transform:uppercase;color:#f7f2ea4d;margin-bottom:9px;font-size:.65rem}.source-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.source-btn{border-radius:var(--r);cursor:pointer;color:var(--paper);text-align:left;font-family:var(--fm);background:#f7f2ea0a;border:1px solid #f7f2ea17;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 8px 7px;transition:all .18s;display:flex}.source-btn:hover{background:#f7f2ea14;border-color:#f7f2ea2e}.source-btn.active{background:#c0392b1f;border-color:#c0392b66}.source-icon{font-size:.85rem;line-height:1}.source-name{letter-spacing:.04em;color:#f7f2eaa6;font-size:.58rem;line-height:1.2}.source-btn.active .source-name{color:var(--paper)}.src-title{letter-spacing:.14em;text-transform:uppercase;color:#f7f2ea33;grid-column:1/-1;margin:7px 0 3px;font-size:.54rem}.contact-list{flex:1;padding:6px 0;overflow-y:auto}.contact-item{cursor:pointer;align-items:center;gap:9px;padding:7px 14px;transition:background .15s;display:flex;position:relative}.contact-item:hover{background:#f7f2ea0a}.contact-item.active{background:#f7f2ea12}.contact-item.active:before{content:"";background:var(--verm);width:2px;position:absolute;top:0;bottom:0;left:0}.contact-avatar{width:26px;height:26px;font-family:var(--fd);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-style:italic;display:flex}.av-1{color:#e8856e;background:#c0392b33}.av-2{color:#c4a567;background:#9a7c3f33}.av-3{color:#6aaa90;background:#3d6b5a33}.av-4{color:#a09ae0;background:#645ab433}.av-5{color:#d090ba;background:#b4508c33}.contact-info{flex:1;min-width:0}.contact-name{color:#f7f2ead9;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.contact-company{color:#f7f2ea59;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.63rem;overflow:hidden}.contact-status{border-radius:50%;flex-shrink:0;width:6px;height:6px}.s-pending{background:#f7f2ea33}.s-generated{background:var(--gold);box-shadow:0 0 5px #9a7c3f80}.s-approved{background:#4caf50;box-shadow:0 0 5px #4caf5080}.sidebar-footer{border-top:1px solid var(--rule);padding:10px 14px}.count-bar{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.count-label{color:#f7f2ea59;font-size:.58rem}.count-num{color:#f7f2ea99;font-size:.58rem}.progress-track{background:#f7f2ea14;border-radius:1px;height:2px;overflow:hidden}.progress-fill{background:var(--gold);height:100%;transition:width .4s}.canvas{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--rule);scrollbar-width:none;flex-shrink:0;align-items:center;gap:10px;padding:9px 18px;display:flex;overflow-x:auto}.canvas-toolbar::-webkit-scrollbar{display:none}.tb-group{flex-shrink:0;align-items:center;gap:7px;display:flex}.tb-label{letter-spacing:.14em;text-transform:uppercase;color:#f7f2ea4d;flex-shrink:0;font-size:.63rem}.pill-set{background:#f7f2ea0d;border:1px solid #f7f2ea1a;border-radius:20px;flex-shrink:0;gap:2px;padding:2px;display:flex}.pill{letter-spacing:.06em;cursor:pointer;color:#f7f2ea73;white-space:nowrap;font-size:.68rem;font-family:var(--fm);background:0 0;border:none;border-radius:16px;padding:4px 10px;transition:all .18s}.pill:hover{color:#f7f2eabf}.pill.active{background:var(--verm);color:#fff}.tb-sep{background:#f7f2ea14;flex-shrink:0;width:1px;height:18px;margin:0 2px}.wc{color:#f7f2ea4d;flex-shrink:0;align-items:center;gap:7px;margin-left:auto;font-size:.6rem;display:flex}.wc-bar{background:#f7f2ea1a;border-radius:1px;width:46px;height:2px;overflow:hidden}.wc-fill{background:var(--sage);height:100%;transition:width .3s}.wc-fill.warn{background:var(--gold)}.wc-fill.over{background:var(--verm)}.legend{border-bottom:1px solid var(--rule);flex-shrink:0;align-items:center;gap:12px;padding:5px 18px;display:flex}.legend-item{color:#f7f2ea4d;align-items:center;gap:4px;font-size:.56rem;display:flex}.l-sw{border-radius:1px;width:14px;height:2px}.letter-area{flex:1;gap:20px;padding:20px 28px;display:flex;overflow-y:auto}.letter-paper{background:var(--paper);max-width:620px;color:var(--ink);box-shadow:var(--sh),0 0 0 1px #0e0c0a14;border-radius:2px;flex:1;min-height:420px;margin:0 auto;position:relative;overflow:hidden}.letter-paper:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(#0000,#0000 31px,#6482c81f 31px 32px);background-position:0 50px;position:absolute;inset:0}.letter-paper:after{content:"";pointer-events:none;background:#c864642e;width:1px;position:absolute;top:0;bottom:0;left:50px}.letter-header{border-bottom:1px solid #0e0c0a0f;margin-bottom:8px;padding:22px 28px 12px 62px}.letter-sender{font-family:var(--fd);color:#0e0c0a73;font-size:.8rem;font-style:italic}.letter-date{font-family:var(--fm);color:#0e0c0a59;margin-top:2px;font-size:.64rem}.letter-body{font-family:var(--fb);color:#1a1209;min-height:260px;padding:12px 28px 24px 62px;font-size:1.05rem;line-height:1.95}.hp-var{color:var(--verm);cursor:help;border-bottom:1px dashed #c0392b80}.hp-infer{cursor:help;background:#9a7c3f14;border-bottom:1px dotted #9a7c3f66;border-radius:2px;padding:0 2px}.letter-sig{font-family:var(--fd);color:#0e0c0a99;padding:0 28px 22px 62px;font-size:.95rem;font-style:italic;line-height:1.4}.letter-ps{font-family:var(--fb);color:#0e0c0a80;padding:0 28px 22px 62px;font-size:.75rem;font-style:italic}.config-panel{flex-direction:column;flex-shrink:0;width:264px;display:flex;overflow-y:auto}.cfg-section{border-bottom:1px solid var(--rule);padding:12px 0}.cfg-head{cursor:pointer;justify-content:space-between;align-items:center;padding:0 14px 7px;display:flex}.cfg-title{letter-spacing:.16em;text-transform:uppercase;color:#f7f2ea66;font-size:.62rem}.cfg-icon{color:#f7f2ea40;font-size:.63rem;transition:transform .2s;display:inline-block}.cfg-icon.open{transform:rotate(180deg)}.cfg-body{padding:0 14px}.chip-grid{flex-wrap:wrap;gap:4px;display:flex}.chip{cursor:pointer;color:#f7f2ea80;white-space:nowrap;font-size:.65rem;font-family:var(--fm);background:#f7f2ea08;border:1px solid #f7f2ea1f;border-radius:2px;align-items:center;gap:4px;padding:3px 8px;transition:all .18s;display:flex}.chip:hover{color:#f7f2eacc;border-color:#f7f2ea40}.chip.active{border-color:var(--verm);color:var(--paper);background:#c0392b1a}.chip-i{font-size:.68rem}.tog-row{border-bottom:1px solid #f7f2ea0a;align-items:flex-start;gap:9px;padding:6px 0;display:flex}.tog-row:last-child{border-bottom:none}.tog{cursor:pointer;background:#f7f2ea1f;border:none;border-radius:8px;flex-shrink:0;width:26px;height:15px;margin-top:2px;transition:background .2s;position:relative}.tog:after{content:"";background:#f7f2ea80;border-radius:50%;width:11px;height:11px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.tog.on{background:var(--verm)}.tog.on:after{background:#fff;transform:translate(11px)}.tog.on-g{background:var(--gold)}.tog.on-g:after{background:var(--ink);transform:translate(11px)}.tog-text{flex:1}.tog-title{color:#f7f2eabf;font-size:.68rem;line-height:1.3}.tog-desc{color:#f7f2ea4d;margin-top:2px;font-size:.62rem;line-height:1.4}.lv{letter-spacing:.1em;border-radius:2px;flex-shrink:0;padding:2px 4px;font-size:.52rem}.lv1{color:#6aaa90;background:#3d6b5a33}.lv2{color:#c4a567;background:#9a7c3f33}.ctx-box{border-radius:var(--r);color:#f7f2eabf;width:100%;font-family:var(--fm);resize:none;background:#f7f2ea0a;border:1px solid #f7f2ea1a;height:64px;padding:8px 10px;font-size:.64rem;line-height:1.5;transition:border-color .18s}.ctx-box:focus{border-color:#f7f2ea40;outline:none}.ctx-box::placeholder{color:#f7f2ea33}.gen-btn{background:var(--verm);border-radius:var(--r);color:#fff;width:100%;font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;margin-top:3px;padding:11px 14px;font-size:.68rem;transition:all .2s;display:flex}.gen-btn:hover:not(.loading){background:#a93226;transform:translateY(-1px);box-shadow:0 4px 16px #c0392b59}.gen-btn.loading{opacity:.7;pointer-events:none}.gen-btn-spin{border:1.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin}.act-row{gap:5px;margin-top:7px;display:flex}.approve-btn{border-radius:var(--r);color:#6aaa90;font-family:var(--fm);letter-spacing:.06em;cursor:pointer;text-align:center;background:#3d6b5a26;border:1px solid #3d6b5a59;flex:1;padding:8px;font-size:.61rem;transition:all .18s}.approve-btn:hover{background:#3d6b5a40}.regen-btn{border-radius:var(--r);color:#f7f2ea73;cursor:pointer;font-size:.78rem;font-family:var(--fm);background:#f7f2ea0d;border:1px solid #f7f2ea1a;padding:8px 11px;transition:all .18s}.regen-btn:hover{color:#f7f2eacc;background:#f7f2ea1a}.fb-item{border-bottom:1px solid #f7f2ea0a;align-items:center;gap:9px;padding:5px 0;display:flex}.fb-item:last-child{border-bottom:none}.fb-icon{text-align:center;width:16px;font-size:.82rem}.fb-label{color:#f7f2ea99;flex:1;font-size:.61rem}.fb-st{color:#f7f2ea40;white-space:nowrap;font-size:.57rem}.fb-st.ok{color:#4caf50}.pipeline-bar{border-top:1px solid var(--rule);scrollbar-width:none;background:#f7f2ea05;flex-shrink:0;align-items:center;padding:7px 18px;display:flex;overflow-x:auto}.pipeline-bar::-webkit-scrollbar{display:none}.pipe-step{border-radius:var(--r);letter-spacing:.08em;color:#f7f2ea40;white-space:nowrap;align-items:center;gap:4px;padding:3px 7px;font-size:.56rem;display:flex}.pipe-step.done{color:var(--gold)}.pipe-step.current{color:var(--verm);background:#c0392b14}.pipe-dot{background:#f7f2ea26;border-radius:50%;width:5px;height:5px}.pipe-step.done .pipe-dot{background:var(--gold)}.pipe-step.current .pipe-dot{background:var(--verm);animation:1.5s infinite pulse;box-shadow:0 0 5px #c0392b99}.pipe-arrow{color:#f7f2ea1f;font-size:.58rem}.pipe-send-btn{background:var(--gold);border-radius:var(--r);color:var(--ink);font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;opacity:.4;pointer-events:none;border:none;flex-shrink:0;margin-left:auto;padding:5px 13px;font-size:.58rem;transition:all .2s}.pipe-send-btn.ready{opacity:1;pointer-events:all}.pipe-send-btn.ready:hover{transform:translateY(-1px);box-shadow:0 4px 16px #9a7c3f4d}.mobile-topbar{height:var(--nav);border-bottom:1px solid var(--rule);z-index:200;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:none;position:relative}.m-logo{font-family:var(--fd);color:var(--paper);font-size:1.08rem;font-weight:700}.m-logo em{opacity:.5;font-size:.88rem;font-style:italic;font-weight:400}.m-conn-btn{color:#f7f2ea80;font-family:var(--fm);cursor:pointer;background:0 0;border:1px solid #f7f2ea26;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.58rem;display:flex}.mobile-pills-bar{border-bottom:1px solid var(--rule);scrollbar-width:none;flex-shrink:0;gap:7px;padding:7px 14px;display:none;overflow-x:auto}.mobile-pills-bar::-webkit-scrollbar{display:none}.mobile-wc-bar{border-bottom:1px solid var(--rule);flex-shrink:0;justify-content:space-between;align-items:center;padding:5px 16px;display:none}.m-wc-label{color:#f7f2ea4d;font-size:.57rem}.letter-mobile-view{padding:12px;padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom) + 72px);flex:1;display:none;overflow-y:auto}.letter-mobile-view .letter-paper{max-width:100%;min-height:320px}.letter-mobile-view .letter-paper:after{left:38px}.letter-mobile-view .letter-header{padding:16px 16px 10px 50px}.letter-mobile-view .letter-body{padding:10px 16px 20px 50px;font-size:.86rem;line-height:2.1}.letter-mobile-view .letter-sig{padding:0 16px 18px 50px;font-size:.9rem}.letter-mobile-view .letter-ps{padding:0 16px 18px 50px;font-size:.72rem}.mobile-gen-bar{bottom:calc(var(--tab) + env(safe-area-inset-bottom));z-index:250;background:linear-gradient(#0000,#0e0c0a 45%);gap:7px;padding:8px 14px;display:none;position:fixed;left:0;right:0}.mobile-tabbar{height:var(--tab);z-index:300;padding-bottom:env(safe-area-inset-bottom);background:#161310;border-top:1px solid #f7f2ea1a;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}.tab-items{height:100%;display:flex}.tab-item{cursor:pointer;color:#f7f2ea59;font-family:var(--fm);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:7px 2px;transition:color .2s;display:flex;position:relative}.tab-item.active{color:var(--paper)}.tab-item.active:before{content:"";background:var(--verm);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:20%;right:20%}.tab-item.done{color:var(--gold)}.tab-icon{font-size:1.08rem;line-height:1}.tab-label{letter-spacing:.07em;text-transform:uppercase;font-size:.52rem}.tab-badge{background:var(--verm);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.48rem;display:flex;position:absolute;top:5px;right:calc(50% - 16px)}.mobile-panel{z-index:400;background:#161310;flex-direction:column;display:none;position:fixed;inset:0}.mobile-panel.visible{display:flex}.panel-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panel-title{font-family:var(--fd);color:var(--paper);font-size:.98rem;font-style:italic}.panel-close{color:#f7f2ea80;cursor:pointer;background:#f7f2ea14;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.sheet{z-index:410;padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom));background:#111009;border-top:1px solid #f7f2ea1f;border-radius:12px 12px 0 0;max-height:82vh;transition:transform .32s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet.open{transform:none}.sheet-handle{background:#f7f2ea33;border-radius:2px;width:34px;height:3px;margin:9px auto 4px}.src-sheet-grid{grid-template-columns:repeat(3,1fr);gap:7px;padding:0 14px 14px;display:grid}.src-sheet-btn{cursor:pointer;color:var(--paper);text-align:center;font-family:var(--fm);background:#f7f2ea0a;border:1px solid #f7f2ea17;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:13px 6px;transition:all .18s;display:flex}.src-sheet-btn:active,.src-sheet-btn:hover{background:#f7f2ea17}.src-sheet-btn.active{background:#c0392b26;border-color:#c0392b73}.src-sheet-icon{font-size:1.25rem}.src-sheet-name{color:#f7f2eaa6;font-size:.6rem}.src-sec-title{letter-spacing:.14em;text-transform:uppercase;color:#f7f2ea38;grid-column:1/-1;margin:7px 0 2px;font-size:.54rem}.sheet-overlay{z-index:400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a080699;display:none;position:fixed;inset:0}.sheet-overlay.show{display:block}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:600;opacity:0;pointer-events:none;background:#0a0806d9;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:#161310;border:1px solid #f7f2ea1a;border-radius:4px;flex-direction:column;width:520px;max-width:95vw;max-height:90vh;transition:transform .25s;display:flex;overflow:hidden;transform:translateY(12px);box-shadow:0 24px 80px #00000080}.modal-overlay.open .modal{transform:none}.modal-header{border-bottom:1px solid var(--rule);flex-shrink:0;align-items:center;padding:16px 18px;display:flex}.modal-title{font-family:var(--fd);color:var(--paper);font-size:1rem;font-style:italic}.modal-close{border-radius:var(--r);color:#f7f2ea73;cursor:pointer;width:26px;height:26px;font-size:.82rem;font-family:var(--fm);background:#f7f2ea0f;border:1px solid #f7f2ea1a;justify-content:center;align-items:center;margin-left:auto;transition:all .18s;display:flex}.modal-close:hover{color:var(--paper);background:#f7f2ea1f}.modal-body{padding:16px 18px;overflow-y:auto}.conn-list{flex-direction:column;gap:6px;display:flex}.conn-item{border-radius:var(--r);background:#f7f2ea08;border:1px solid #f7f2ea14;align-items:center;gap:11px;padding:11px 12px;transition:border-color .18s;display:flex}.conn-item:hover{border-color:#f7f2ea26}.conn-item.connected{background:#4caf500a;border-color:#4caf5040}.conn-emoji{text-align:center;flex-shrink:0;width:24px;font-size:1.15rem}.conn-info{flex:1;min-width:0}.conn-name{color:#f7f2ead9;margin-bottom:1px;font-size:.7rem}.conn-detail{color:#f7f2ea4d;font-size:.58rem;line-height:1.3}.conn-detail.ok{color:#4caf50}.conn-action{border-radius:var(--r);font-family:var(--fm);letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:1px solid;flex-shrink:0;padding:5px 11px;font-size:.58rem;transition:all .18s}.conn-action.connect{color:#f7f2ea99;background:0 0;border-color:#f7f2ea33}.conn-action.connect:hover{border-color:var(--verm);color:var(--paper);background:#c0392b1a}.conn-action.disconnect{color:#4caf50;background:0 0;border-color:#4caf504d}.modal-perms{border-radius:var(--r);background:#9a7c3f0f;border:1px solid #9a7c3f26;margin-top:12px;padding:11px 12px}.perms-title{letter-spacing:.14em;text-transform:uppercase;color:#9a7c3fb3;margin-bottom:6px;font-size:.57rem}.perm-row{color:#f7f2ea80;align-items:flex-start;gap:6px;margin-bottom:3px;font-size:.61rem;line-height:1.4;display:flex}.perm-icon{color:#9a7c3fb3;flex-shrink:0}.confirm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:600;opacity:0;pointer-events:none;background:#0a0806e6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.confirm-overlay.open{opacity:1;pointer-events:all}.confirm-card{text-align:center;background:#0e0c0a;border:1px solid #f7f2ea1f;border-radius:4px;width:410px;max-width:95vw;max-height:92vh;padding:26px;transition:transform .3s;overflow-y:auto;transform:scale(.95)}.confirm-overlay.open .confirm-card{transform:scale(1)}.confirm-icon{font-family:var(--fd);color:#f7f2ea26;margin-bottom:12px;font-size:2.2rem;font-style:italic}.confirm-title{font-family:var(--fd);color:var(--paper);margin-bottom:6px;font-size:1.1rem;font-style:italic}.confirm-desc{color:#f7f2ea66;margin-bottom:18px;font-size:.66rem;line-height:1.6}.confirm-stats{border-radius:var(--r);background:#f7f2ea08;border:1px solid #f7f2ea14;justify-content:center;gap:18px;margin-bottom:18px;padding:13px;display:flex}.cs-val{font-family:var(--fd);color:var(--paper);font-size:1.4rem;display:block}.cs-lbl{letter-spacing:.1em;text-transform:uppercase;color:#f7f2ea4d;font-size:.56rem}.confirm-fb{text-align:left;margin-bottom:18px}.cf-lbl{letter-spacing:.14em;text-transform:uppercase;color:#f7f2ea4d;margin-bottom:6px;font-size:.57rem}.cf-opts{flex-direction:column;gap:5px;display:flex}.cf-opt{border-radius:var(--r);cursor:pointer;border:1px solid #f7f2ea14;align-items:center;gap:8px;padding:8px 11px;transition:border-color .18s;display:flex}.cf-opt:hover{border-color:#f7f2ea33}.cf-opt.selected{border-color:var(--sage);background:#3d6b5a14}.cf-check{color:#0000;border:1px solid #f7f2ea33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;font-size:.48rem;display:flex}.cf-opt.selected .cf-check{background:var(--sage);border-color:var(--sage);color:#fff}.cf-text{color:#f7f2eaa6;font-size:.63rem}.confirm-actions{gap:7px;display:flex}.conf-cancel{border-radius:var(--r);color:#f7f2ea73;font-family:var(--fm);letter-spacing:.06em;cursor:pointer;background:#f7f2ea0d;border:1px solid #f7f2ea1a;flex:1;padding:10px;font-size:.61rem;transition:all .18s}.conf-cancel:hover{background:#f7f2ea1a}.conf-confirm{background:var(--verm);border-radius:var(--r);color:#fff;font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;flex:2;padding:10px;font-size:.61rem;transition:all .2s}.conf-confirm:hover{background:#a93226;box-shadow:0 4px 16px #c0392b4d}.toast{bottom:calc(var(--tab) + env(safe-area-inset-bottom) + 10px);border-radius:var(--r);color:#f7f2eacc;box-shadow:var(--sh);z-index:700;opacity:0;pointer-events:none;background:#1e1a16;border:1px solid #f7f2ea1f;align-items:center;gap:7px;max-width:calc(100vw - 28px);padding:9px 14px;font-size:.64rem;transition:all .25s;display:flex;position:fixed;right:14px;transform:translateY(8px)}.toast.show{opacity:1;transform:none}.toast-icon{flex-shrink:0;font-size:.88rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.letter-body p,.letter-sig,.letter-ps{animation:.32s both fadeUp}.letter-body p:nth-child(2){animation-delay:50ms}.letter-body p:nth-child(3){animation-delay:.1s}.letter-body p:nth-child(4){animation-delay:.15s}@media (width<=1080px){.config-panel{display:none}}@media (width<=768px){.topnav,.sidebar,.canvas-toolbar,.legend,.pipeline-bar,.letter-area{display:none}.mobile-topbar,.mobile-tabbar,.mobile-pills-bar,.mobile-wc-bar{display:flex}.shell{height:calc(100dvh - var(--nav));flex-direction:column}.canvas{height:calc(100dvh - var(--nav) - var(--tab));flex-direction:column;display:flex;overflow:hidden}.letter-mobile-view{display:block}.mobile-gen-bar{display:flex}body{overflow:hidden}}@media (width<=375px){.tab-label{display:none}.tab-icon{font-size:1.2rem}}