:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f0f1f4;--border:#e2e4e9;--border-strong:#d0d3da;--text:#1d1f23;--text-dim:#6b7280;--text-faint:#9aa1ac;--accent:#2563eb;--accent-weak:#e8f0fe;--salient:#f59e0b;--salient-weak:#fff7e6;--locked:#b45309;--locked-weak:#fef3c7;--draft:#64748b;--draft-weak:#eef1f5;--radius:8px;--radius-sm:6px;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018280a;--left-w:260px;--right-w:320px;--topbar-h:48px;--topbar-h-mobile:52px;--mobile-tabs-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{touch-action:manipulation;-webkit-text-size-adjust:100%}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.topbar__brand{color:inherit;white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:flex}.topbar__logo{color:var(--accent);font-size:16px}.topbar__title{font-size:13px;font-weight:600}.topbar__tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:10px}.topbar__actions{align-items:center;gap:10px;display:flex}.topbar__hamburger{display:none}.topbar__secondary{align-items:center;gap:10px;display:flex}.topbar__error{color:#b42318;align-items:center;gap:4px;max-width:360px;font-size:12px;display:inline-flex}.topbar__error-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar__error-dismiss{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;padding:2px 4px;font-size:12px;line-height:1}.topbar__error-dismiss:hover{background:#b423181f}.panes{flex:auto;min-height:0;display:flex}.mobile-tabs{display:none}.pane{background:var(--surface);flex-direction:column;min-height:0;display:flex}.pane--left{flex:0 0 var(--left-w);width:var(--left-w);border-right:1px solid var(--border)}.pane--center{background:var(--bg);flex:auto;min-width:0}.pane--right{flex:0 0 var(--right-w);width:var(--right-w);border-left:1px solid var(--border)}.pane--right-rail{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:0 0 34px;align-items:center;gap:10px;width:34px;padding-top:8px;display:flex}.pane-rail__expand{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:26px;height:26px;color:var(--text);cursor:pointer;font-size:14px;line-height:1}.pane-rail__expand:hover{background:var(--surface-2);border-color:var(--accent)}.pane-rail__label{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text-dim);letter-spacing:1px;font-size:12px}.pane__header{border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.pane__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:12px;font-weight:600}.pane__subtitle{text-transform:none;letter-spacing:0;color:var(--text);font-weight:500}.pane__body{flex:auto;padding:10px;overflow:auto}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;font-size:14px;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:4px 10px;font-size:13px}.btn--ghost{color:var(--accent);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--accent-weak)}.tree{margin:0;padding:0;list-style:none}.tree__node{margin:0}.tree__row{text-align:left;width:100%;font:inherit;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:5px 8px;display:flex}.tree__row:hover{background:var(--surface-2)}.tree__row.is-selected{background:var(--accent-weak);color:var(--accent)}.tree__row--product{font-weight:600}.tree__caret{width:12px;color:var(--text-faint);font-size:10px}.tree__dot{width:14px;color:var(--text-faint);font-size:11px}.tree__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.tree__count{color:var(--text-faint);background:var(--surface-2);text-align:center;border-radius:999px;flex:none;min-width:18px;padding:0 7px;font-size:10px;line-height:16px}.tree__children{border-left:1px solid var(--border);margin:2px 0 6px 14px;padding-left:6px}.tree__add{margin:4px 0 2px 8px}.badge{text-transform:lowercase;letter-spacing:.02em;border-radius:999px;flex:none;padding:1px 8px;font-size:10px;font-weight:600}.badge--draft{color:var(--draft);background:var(--draft-weak)}.badge--locked{color:var(--locked);background:var(--locked-weak)}.hint{color:var(--text-dim);margin:8px 4px;font-size:12px}.hint--indent{margin-left:8px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;padding:40px;display:flex}.empty__title{color:var(--text);margin:0;font-size:14px;font-weight:600}.empty .hint{max-width:360px}.canvas{padding:0;overflow:hidden}.canvas__viewport{background:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0) 0 0 / 22px 22px;cursor:grab;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.canvas__viewport.is-panning{cursor:grabbing}.canvas__world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.canvas__zoom{transform-origin:0 0}.canvas__grid{flex-direction:column;align-items:flex-start;gap:36px;width:max-content;padding:28px;display:flex}.canvas__row{flex-direction:column;gap:12px;display:flex}.canvas__row-title{color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.canvas__row-count{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 7px;font-size:11px;font-weight:600;line-height:16px}.canvas__row-frames{flex-wrap:nowrap;align-items:flex-start;gap:28px;display:flex}.canvas__hint{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);pointer-events:none;opacity:.85;border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;bottom:10px;left:12px}.minimap{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:5;border-radius:8px;padding:4px;position:absolute;bottom:14px;right:14px}.minimap__surface{background:var(--surface-2);cursor:pointer;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.minimap__frame{background:#c3c8d2;border-radius:2px;position:absolute}.minimap__view{border:1.5px solid var(--accent);pointer-events:none;background:#2563eb24;border-radius:2px;position:absolute}.frame-card{flex-direction:column;gap:8px;margin:0;display:flex}.frame-card__caption{align-items:center;gap:8px;display:flex}.frame-card__state{color:var(--text);font-size:12px;font-weight:600}.frame-card__default{color:var(--accent);background:var(--accent-weak);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.frame-card__size{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px;font-weight:500}.frame-card__viewport{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:14px;position:relative;overflow:hidden}.frame-card__iframe{background:#fff;border:none;display:block}.frame-overlay{pointer-events:none;border-radius:3px;position:absolute}.frame-overlay--hover{outline-offset:-1px;background:#2563eb0f;outline:2px solid #2563eb8c}.frame-overlay--selected{outline:3px solid var(--accent);outline-offset:-1px;background:#2563eb14;box-shadow:0 0 0 4px #2563eb2e}.frame-note-anchor{pointer-events:auto;z-index:20;position:absolute;transform:translate(-50%,-50%)}.frame-note-anchor--portal{z-index:1000;position:fixed;transform:none}.pagenote-btn,.vernew-btn,.dispatch-btn{white-space:nowrap}.pagenote-backdrop{z-index:1000;background:#00000047;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pagenote-pop{background:#fff;border:1px solid #e5e6eb;border-radius:12px;width:380px;max-width:calc(100vw - 32px);padding:14px;box-shadow:0 12px 40px #00000047}.frame-note-btn{background:var(--accent);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:13px;line-height:1;display:flex;box-shadow:0 2px 6px #00000040}.frame-note-btn:hover{filter:brightness(1.08)}.frame-elem-actions{gap:6px;display:flex}.frame-elem-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:2px solid #fff;border-radius:999px;align-items:center;gap:4px;height:28px;padding:0 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 2px 6px #00000040}.frame-elem-btn:hover{filter:brightness(1.08)}.frame-elem-btn.is-set{outline-offset:1px;outline:2px solid #ffffffa6}.frame-intent-pop__interaction-row{gap:6px;margin-top:6px;display:flex}.frame-intent-pop__action{border:1px solid var(--border);border-radius:var(--radius-sm);max-width:40%;font:inherit;background:var(--surface);box-sizing:border-box;flex:none;padding:6px;font-size:12px}.frame-intent-pop__interaction{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;font:inherit;box-sizing:border-box;flex:auto;padding:6px 8px;font-size:12px}.frame-intent-pop__del{color:#b42318;margin-right:auto}.frame-note-pop{cursor:default;background:#fff;border:1px solid #e5e6eb;border-radius:10px;width:248px;padding:10px;box-shadow:0 8px 28px #00000038}.frame-note-pop__hd{color:#1f2329;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.frame-note-pop__ref{color:#8f959e;text-overflow:ellipsis;white-space:nowrap;background:#f2f3f5;border-radius:4px;max-width:130px;padding:1px 5px;font-size:10px;overflow:hidden}.frame-note-pop__ta{resize:none;box-sizing:border-box;color:#1f2329;border:1px solid #d0d3d9;border-radius:6px;width:100%;min-height:60px;max-height:40vh;padding:7px 8px;font-family:inherit;font-size:13px;line-height:1.5;overflow-y:auto}.frame-note-pop__ta:focus{border-color:var(--accent);outline:none}.frame-note-pop__ft{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.frame-note-pop__err{color:#d4380d;background:#fff2e8;border:1px solid #ffccc7;border-radius:6px;margin-top:8px;padding:5px 8px;font-size:12px}.frame-card__overflow{color:#b91c1c;background:#fee2e2;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.pane__header-tools{align-items:center;gap:10px;display:flex}.pane__header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.zoombar{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.zoombar__btn,.zoombar__pct{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 8px;font-size:13px;line-height:1}.zoombar__btn:hover,.zoombar__pct:hover{background:var(--surface-2)}.zoombar__pct{font-variant-numeric:tabular-nums;min-width:46px;font-weight:600}.zoombar__fit{white-space:nowrap;font-size:12px}.ver-switch{color:var(--text-dim);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.ver-switch__label{font-weight:600}.ver-switch__select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;max-width:220px;padding:4px 8px;font-size:12px}.ver-switch__select:hover{border-color:var(--border-strong)}.ver-switch__select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inspector{padding:12px}.insp-section{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.insp-section:last-child{border-bottom:none;margin-bottom:0}.insp__name{margin:0 0 10px;font-size:15px;font-weight:600}.insp__statusrow{align-items:center;gap:8px;margin-bottom:12px;display:flex}.insp__field{margin-bottom:10px}.insp__subhead{margin-bottom:8px}.insp__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:2px;font-size:10px;font-weight:600;display:block}.insp__value{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px}.insp__value--mono{color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.ann-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ann{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;padding:9px 10px;transition:border-color .12s,box-shadow .12s,background .12s}.ann:hover{border-color:var(--accent)}.ann--selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);background:var(--accent-weak)}.ann--salient{border-color:var(--salient);background:var(--salient-weak)}.ann__head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;display:flex}.ann__ref{background:var(--surface-2);color:var(--text);border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.ann--salient .ann__ref{background:#fde9bf}.ann__role{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--border-strong);border-radius:999px;padding:0 7px;font-size:10px;font-weight:600}.ann--salient .ann__role{color:var(--locked);border-color:var(--salient)}.ann__intent{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px}.ann__interaction{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;margin:6px 0 0;font-size:11px}.ann__interaction-label{color:var(--accent);font-weight:600}.seg{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.seg__btn{appearance:none;background:var(--surface);font:inherit;color:var(--text-dim);cursor:pointer;border:none;padding:3px 10px;font-size:11px}.seg__btn+.seg__btn{border-left:1px solid var(--border-strong)}.seg__btn.is-active{background:var(--accent);color:#fff}.app--booting{height:100dvh;display:flex}.login{background:var(--bg);justify-content:center;align-items:center;height:100dvh;display:flex}.login__card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:40px 48px;display:flex}.login__logo{color:var(--accent);font-size:40px;line-height:1}.login__title{color:var(--text);margin:6px 0 0;font-size:20px;font-weight:700}.login__sub{color:var(--text-dim);margin:0 0 14px;font-size:13px}.login__btn{color:#fff;background:#1f2328;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.login__btn:hover{background:#000}.landing{background:radial-gradient(1100px 460px at 50% -160px, var(--accent-weak) 0%, transparent 70%), var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;display:flex;overflow-y:auto}.landing__nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1080px;margin:0 auto;padding:18px 28px;display:flex}.landing__brand{align-items:center;gap:9px;display:flex}.landing__logo{color:var(--accent);font-size:24px;line-height:1}.landing__brandname{letter-spacing:-.01em;font-size:16px;font-weight:700}.landing__navactions{align-items:center;gap:10px;display:flex}.landing__langbtn,.landing__navcta{color:var(--accent);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .12s,background .12s}.landing__langbtn{cursor:pointer;font:inherit}.landing__langbtn:hover,.landing__navcta:hover{border-color:var(--accent);background:var(--accent-weak)}.landing__hero{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:760px;margin:0 auto;padding:56px 28px 36px;display:flex}.landing__badge{color:var(--accent);background:var(--accent-weak);border:1px solid var(--border);border-radius:999px;margin-bottom:22px;padding:5px 13px;font-size:12px;font-weight:600;display:inline-block}.landing__headline{letter-spacing:-.02em;margin:0 0 18px;font-size:38px;font-weight:800;line-height:1.18}.landing__hl{color:var(--accent)}.landing__lede{color:var(--text-dim);max-width:620px;margin:0 0 28px;font-size:16px;line-height:1.7}.landing__cta{flex-direction:column;align-items:center;gap:10px;display:flex}.landing__btn{border-radius:10px;align-items:center;gap:9px;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background .12s,transform 60ms;display:inline-flex}.landing__btn--primary{color:#fff;background:#1f2328}.landing__btn--primary:hover{background:#000}.landing__btn--primary:active{transform:translateY(1px)}.landing__ctahint{color:var(--text-faint);font-size:12.5px}.landing__steps{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:28px 28px 48px}.landing__stepstitle{text-align:center;color:var(--text);margin:0 0 26px;font-size:19px;font-weight:700}.landing__stepgrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing__step{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;border-radius:14px;padding:22px 20px}.landing__stepnum{color:#fff;background:var(--accent);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:13px;font-size:15px;font-weight:800;display:flex}.landing__steptitle{color:var(--text);margin-bottom:8px;font-size:15px;font-weight:700}.landing__stepbody{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.62}.landing__foot{text-align:center;color:var(--text-faint);margin-top:auto;padding:20px 28px 26px;font-size:12.5px}.landing__footdot{opacity:.6;margin:0 8px}@media (width<=768px){.landing__nav{padding:14px 18px;padding-left:max(18px, var(--safe-left));padding-right:max(18px, var(--safe-right));flex-wrap:wrap;gap:10px}.landing__brandname{font-size:15px}.landing__navactions{gap:8px}.landing__langbtn,.landing__navcta{align-items:center;min-height:40px;padding:9px 14px;display:inline-flex}.landing__hero{padding:36px 18px 28px}.landing__headline{font-size:28px}.landing__lede{font-size:15px}.landing__cta{width:100%}.landing__btn{box-sizing:border-box;justify-content:center;width:100%;min-height:48px;padding:13px 20px}.landing__steps{padding:22px 18px 40px}.landing__stepgrid{grid-template-columns:1fr;gap:14px}.landing__foot{padding:18px 18px 24px;padding-bottom:max(24px, var(--safe-bottom))}}.topbar__user{border-left:1px solid var(--border);align-items:center;gap:8px;margin-left:6px;padding-left:10px;display:flex}.topbar__avatar{border-radius:50%;width:22px;height:22px;display:block}.topbar__login{color:var(--text);font-size:15px;font-weight:500}.modal-backdrop{z-index:50;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:12px;width:560px;max-width:92vw;max-height:86vh;padding:18px 20px;overflow:auto}.modal__head{justify-content:space-between;align-items:center;display:flex}.modal__title{margin:0;font-size:17px}.modal__hint{color:var(--text-dim);margin:8px 0 14px;font-size:12px}.modal__err{color:#b91c1c;background:#fee2e2;border-radius:6px;margin-bottom:10px;padding:6px 10px;font-size:12px}.token-create{gap:8px;margin-bottom:14px;display:flex}.input{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);border-radius:7px;flex:1;padding:7px 10px;font-size:13px}.token-reveal{background:var(--accent-weak);border:1px solid var(--accent);border-radius:8px;margin-bottom:14px;padding:12px}.token-reveal__label{margin-bottom:6px;font-size:12px;font-weight:600}.token-reveal__value{word-break:break-all;background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:8px;padding:8px;font-size:12px;display:block}.token-reveal__actions{gap:8px;display:flex}.token-table{border-collapse:collapse;width:100%;font-size:12px}.token-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:4px 6px;font-weight:500}.token-table td{border-bottom:1px solid var(--border);padding:6px}.token-table__dim{color:var(--text-dim)}.btn--danger{color:#b91c1c;border-color:#fecaca}.modal--dialog{width:420px;max-width:92vw;padding:18px 20px}.dialog__input{width:100%;margin-top:4px}.dialog__message{color:var(--text);margin:8px 0 4px;line-height:1.5}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog__confirm{background:var(--accent);color:#fff;border-color:var(--accent)}.dialog__confirm:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.dialog__confirm.btn--danger{color:#fff;background:#dc2626;border-color:#dc2626}.dialog__confirm.btn--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.dialog__confirm:disabled{opacity:.55}.setup{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.setup__title{margin-bottom:10px;font-size:13px;font-weight:600}.setup__lede{color:var(--text-dim);margin:0 0 12px;font-size:12px;line-height:1.5}.install__pick{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px;display:flex}.install__pick-label{color:var(--text-dim);flex:none;min-width:88px;font-size:11px;font-weight:600}.seg--wrap{border:none;flex-wrap:wrap;gap:6px;max-width:100%;overflow:visible}.seg--wrap .seg__btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.seg--wrap .seg__btn+.seg__btn{border-left:1px solid var(--border-strong)}.setup__row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.setup__key{color:var(--text-dim);flex:none;min-width:104px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600}.setup__val{word-break:break-all;background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:6px;flex:auto;padding:5px 8px;font-size:12px}.setup__val--mut{color:var(--text-faint)}.setup__block{margin:10px 0}.setup__block-head{color:var(--text-dim);justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.setup__pre{background:var(--bg);border:1px solid var(--border);white-space:pre;color:var(--text);border-radius:6px;margin:0;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}.setup__note{color:var(--text-faint);margin-top:5px;font-size:11px}.setup__test{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.setup__test-ok{color:#15803d;font-size:12px;font-weight:500}.setup__test-fail{color:#b91c1c;font-size:12px;font-weight:500}.setup__test-hint{color:var(--text-faint);font-size:11px}.ver-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ver{border:1px solid var(--border);border-radius:8px;padding:8px 10px}.ver--current{border-color:var(--accent);background:var(--accent-weak)}.ver__head{align-items:center;gap:8px;display:flex}.ver__num{font-size:13px;font-weight:700}.ver__badge{background:var(--accent);color:#fff;border-radius:999px;padding:1px 7px;font-size:10px}.ver__time{color:var(--text-dim);margin-left:auto;font-size:11px}.ver__label{color:var(--text);margin:4px 0 6px;font-size:12px}.ver__actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ver--previewing{background:#8b5cf614;border-color:#8b5cf6}.ver__badge--preview{background:#8b5cf6}.ver__badge--dirty{background:#d97706}.btn--ok{color:#15803d;background:#dcfce7;border-color:#15803d}.btn--accent{color:#fff;background:var(--accent);border-color:var(--accent)}.btn--accent:hover:not(:disabled){filter:brightness(1.08)}.preview-banner{color:var(--text);background:#8b5cf61f;border:1px solid #8b5cf6;border-radius:8px;align-items:center;gap:10px;margin:8px 10px 0;padding:8px 14px;font-size:13px;display:flex}.preview-banner__icon{font-size:15px}.preview-banner__text{flex:1}.preview-banner__text strong{color:#8b5cf6}.pane__subtitle--preview{color:#8b5cf6;font-weight:600}.review-add{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:8px}.review-add__target{gap:6px;margin-bottom:6px;display:flex}.review-add__sel{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;flex:1;padding:4px 6px;font-size:12px}.review-add__ta{box-sizing:border-box;border:1px solid var(--border);resize:vertical;background:var(--surface);width:100%;color:var(--text);border-radius:6px;margin-bottom:6px;padding:7px 9px;font-family:inherit;font-size:13px}.review-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.review{border:1px solid var(--border);border-radius:8px;padding:8px 10px}.review--done{opacity:.55}.review__head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.review__target{color:var(--text-dim);font-size:12px}.review__badge{border-radius:999px;padding:1px 7px;font-size:10px}.review__badge--open{color:#b45309;background:#fef3c7}.review__badge--resolved{color:#15803d;background:#dcfce7}.review__body{color:var(--text);white-space:pre-wrap;margin:2px 0 6px;font-size:13px;line-height:1.5}.review__actions{gap:6px;display:flex}@media (width<=768px){.topbar{height:var(--topbar-h-mobile);flex-basis:var(--topbar-h-mobile);padding-left:max(12px, var(--safe-left));padding-right:max(12px, var(--safe-right))}.topbar__tag{display:none}.topbar__title{text-overflow:ellipsis;white-space:nowrap;max-width:46vw;overflow:hidden}.topbar__error,.topbar__error-text{max-width:38vw}.topbar__hamburger{display:inline-flex}.topbar__secondary{top:calc(var(--topbar-h-mobile) + var(--safe-top));right:max(8px, var(--safe-right));left:max(8px, var(--safe-left));background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:40;max-height:80vh;max-height:calc(100vh - var(--topbar-h-mobile) - var(--safe-top) - var(--safe-bottom) - 16px);-webkit-overflow-scrolling:touch;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:12px;display:none;position:fixed;overflow-y:auto}.topbar__secondary.is-open{display:flex}.topbar__secondary .topbar__user{border-left:none;flex-direction:column;align-items:stretch;gap:8px;margin-left:0;padding-left:0}.topbar__secondary .topbar__login{order:-1;padding:2px 0}.topbar__secondary .btn{justify-content:center;width:100%;min-height:44px}.panes{position:relative}.panes>.pane{border-left:none;border-right:none;flex:none;width:100%;position:absolute;inset:0}.panes[data-mobile-tab=tree]>.pane--left,.panes[data-mobile-tab=canvas]>.pane--center,.panes[data-mobile-tab=inspector]>.pane--right{display:flex}.panes[data-mobile-tab=tree]>.pane--center,.panes[data-mobile-tab=tree]>.pane--right,.panes[data-mobile-tab=canvas]>.pane--left,.panes[data-mobile-tab=canvas]>.pane--right,.panes[data-mobile-tab=inspector]>.pane--left,.panes[data-mobile-tab=inspector]>.pane--center{display:none}.mobile-tabs{height:var(--mobile-tabs-h);height:calc(var(--mobile-tabs-h) + var(--safe-bottom));min-height:var(--mobile-tabs-h);padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);z-index:30;flex:none;justify-content:space-around;align-items:stretch;display:flex}.mobile-tabs__btn{min-height:44px;color:var(--text-faint);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:4px 0;display:flex}.mobile-tabs__btn.is-active{color:var(--accent)}.mobile-tabs__icon{font-size:18px;line-height:1}.mobile-tabs__label{font-size:11px;line-height:1}.canvas__grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:auto;max-width:100vw;padding:16px}.btn,.btn--sm{min-height:40px;padding-top:8px;padding-bottom:8px;font-size:13px}.btn--block,.topbar__secondary .btn,.mobile-tabs__btn{min-height:44px}.tree__row{min-height:44px;padding-top:8px;padding-bottom:8px}.input,.review-add__ta,.review-add__sel,input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input:not([type]),select,textarea{font-size:16px}.input,.review-add__sel{min-height:40px}.review{padding-top:10px;padding-bottom:10px}.review__actions{gap:10px}.modal--dialog{width:100%;padding:16px}.dialog__actions{gap:10px}.dialog__actions .btn{white-space:normal;flex:1 1 0;height:auto;min-height:44px;line-height:1.3}.dialog__input{min-height:44px}}.agents-modal{width:min(920px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.agents-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px;display:grid}.agents-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px}.agents-badge{background:var(--accent,#3b82f6);color:#fff;vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.devices-default-btn{width:100%;margin-top:8px}.agents-card--bind{margin-top:12px}.agents-modal--dispatch{max-width:560px}.dispatch-target{border:1px solid var(--border,#e5e7eb);background:var(--surface-sunken,#f9fafb);border-radius:8px;flex-direction:column;gap:6px;margin-bottom:12px;padding:12px;display:flex}.dispatch-target__row{align-items:baseline;gap:8px;display:flex}.dispatch-target__label{color:var(--text-dim);flex:0 0 84px;font-size:13px}.dispatch-target__value{word-break:break-all;font-size:13px}.dispatch-target__value code{font-size:12px}.dispatch-target__manage{align-self:flex-start;margin-top:4px}.devices-pair{margin-top:8px}.devices-pair .field{margin-bottom:6px}.dirpicker{position:relative}.dirpicker__field{align-items:stretch;gap:6px;display:flex}.dirpicker__field .input{flex:auto}.dirpicker__pop{z-index:30;background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 28px #0000002e}.dirpicker__bar{border-bottom:1px solid var(--border,#e5e7eb);flex-wrap:wrap;align-items:center;gap:2px;padding-bottom:4px;font-size:12px;display:flex}.dirpicker__crumb{color:var(--accent,#3b82f6);cursor:pointer;background:0 0;border:none;padding:1px 3px;font-size:12px}.dirpicker__crumb:hover{text-decoration:underline}.dirpicker__sep{color:var(--text-dim)}.dirpicker__list{flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.dirpicker__item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.dirpicker__item:hover{background:var(--surface-sunken,#f3f4f6)}.dirpicker__name{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.dirpicker__enter{color:var(--text-dim)}.dirpicker__hint{color:var(--text-dim);text-align:center;padding:12px 8px;font-size:12px}.dirpicker__err{color:var(--danger,#dc2626);padding:4px 8px;font-size:12px}.dirpicker__foot{border-top:1px solid var(--border,#e5e7eb);align-items:center;gap:8px;padding-top:6px;display:flex}.dirpicker__cur{color:var(--text-dim);font-size:11px;font-family:var(--font-mono,monospace);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.agents-card--run{margin-top:12px}.agents-card__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.agents-list{flex-direction:column;gap:8px;display:flex}.agents-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;display:flex}.agents-item:hover,.agents-item.is-selected{border-color:var(--accent);background:var(--accent-weak)}.agents-item:disabled{opacity:.55;cursor:not-allowed}.agents-item--row{flex-direction:row;align-items:stretch;gap:0;padding:0;overflow:hidden}.agents-item--row.is-offline-device{opacity:.7}.agents-item__pick{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:auto;align-items:flex-start;gap:2px;padding:9px 10px;display:flex}.agents-item__pick:disabled{cursor:not-allowed}.agents-item__del{color:var(--text-dim);flex:none;align-self:center;margin-right:6px}.agents-item__del:hover{color:#ef4444}.agents-item__rename{color:var(--text-dim);flex:none;align-self:center}.agents-item__rename:hover{color:var(--accent)}.agents-status{border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:500}.agents-status.is-online{color:#15803d;background:#22c55e24}.agents-status.is-offline{color:#b91c1c;background:#ef44441f}.agents-item__main{font-weight:600}.agents-item__sub{color:var(--text-dim);word-break:break-all;font-size:12px}.field{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.field__label{color:var(--text-dim);font-size:12px;font-weight:600}.textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:96px;font:inherit;color:var(--text);background:var(--surface);padding:8px 10px}.agents-run__meta{color:var(--text-dim);flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.agents-result{border-radius:var(--radius-sm);background:var(--accent-weak);color:var(--text);gap:5px;margin-top:10px;padding:10px;display:grid}@media (width<=768px){.agents-modal{width:calc(100vw - 18px)}.agents-grid{grid-template-columns:1fr}}.agents-stream,.agents-final,.agents-runs{gap:7px;margin-top:10px;display:grid}.agents-stream__item,.agents-run-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:left;gap:3px;padding:8px;display:grid}.agents-stream__item span,.agents-run-row span{color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:600}.agents-stream__item p,.agents-final p{white-space:pre-wrap;margin:0}.agents-run-row{cursor:pointer}.agents-run-row:hover{border-color:var(--accent);background:var(--accent-weak)}.agents-card__actions{align-items:center;gap:6px;display:flex}.agents-groups{gap:12px;display:grid}.agents-group{gap:6px;display:grid}.agents-group__title{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.agents-dot{vertical-align:1px;background:#9ca3af;border-radius:999px;width:8px;height:8px;margin-right:6px;display:inline-block}.agents-dot.is-online{background:#22c55e}.agents-dot.is-offline{background:#ef4444}.agents-model-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.agents-model-chips em{background:var(--bg);max-width:100%;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:11px;font-style:normal;overflow:hidden}.agents-target{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:8px 10px;font-size:12px;display:flex}.agents-target strong{color:var(--text)}.agents-target em{font-style:normal}.agents-result__head{align-items:center;gap:8px;display:flex}.agents-spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite agents-spin}@keyframes agents-spin{to{transform:rotate(360deg)}}.agents-debug{color:var(--text-dim);gap:5px;margin-top:8px;display:grid}.agents-debug summary{cursor:pointer;font-size:12px;font-weight:600}@media (width<=768px){.agents-card__actions{flex-wrap:wrap;justify-content:flex-end}}