:root{--bg: #f7ede7;--bg-2: #f1e4db;--paper: #ffffff;--ink: #1d1a17;--ink-2: #5b544d;--ink-3: #8a8078;--line: rgba(29, 26, 23, .08);--line-strong: rgba(29, 26, 23, .14);--accent: #c8562a;--accent-ink: #ffffff;--ring: rgba(200, 86, 42, .35);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 0 0 1px rgba(29, 26, 23, .04), 0 8px 24px rgba(29, 26, 23, .06), 0 2px 6px rgba(29, 26, 23, .04);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"cv11","ss01";color:var(--ink);background:var(--bg);background-image:radial-gradient(1200px 600px at 10% -10%,#ffe9d8 0%,transparent 60%),radial-gradient(900px 500px at 110% 10%,#f1e0d1 0%,transparent 55%),radial-gradient(800px 500px at 50% 120%,#f7d9c3 0%,transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{display:grid;grid-template-rows:auto 1fr;height:100vh;padding:16px;gap:16px}.topbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-xl);background:var(--glass-bg-strong);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.topbar .brand{display:flex;align-items:center;gap:10px;padding:0 6px 0 4px}.topbar .brand .dot{width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#e88c62,var(--accent) 70%);box-shadow:0 0 0 3px #c8562a24}.topbar h1{font-size:13.5px;margin:0;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.topbar .title-label{color:var(--ink-2);font-size:13px;margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw;font-weight:500}.topbar .divider{width:1px;height:20px;background:var(--line);margin:0 4px}.topbar .spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;color:var(--ink);background:#ffffffa6;border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px #fffc inset,0 1px 2px #1d1a170a}.btn:hover{background:#ffffffe6;border-color:#1d1a1733}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 1px #ffffff59 inset,0 4px 14px #c8562a47}.btn.primary:hover{filter:brightness(1.04)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:#1d1a170d}select.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;background-color:#ffffffb3;max-width:260px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.content{display:grid;grid-template-columns:1fr;min-height:0;gap:16px}.content.with-source{grid-template-columns:1fr minmax(340px,28vw)}.pane{position:relative;min-height:0;border-radius:var(--r-2xl);background:var(--glass-bg);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden}.diagram-pane{display:flex;flex-direction:column}.diagram-scroll{position:relative;flex:1;min-height:0;overflow:auto;padding:28px 28px 40px;background-image:radial-gradient(circle at 1px 1px,rgba(29,26,23,.07) 1px,transparent 0);background-size:22px 22px;background-position:0 0;cursor:grab;touch-action:pan-x pan-y}.diagram-scroll.is-panning,.diagram-scroll:active{cursor:grabbing;-webkit-user-select:none;user-select:none}.app.is-space-held,.app.is-space-held .arch-node,.app.is-space-held .arch-group,.app.is-space-held .arch-resize,.app.is-space-held .editable{cursor:grab!important}.app.is-space-held .diagram-scroll.is-panning,.app.is-space-held .diagram-scroll:active{cursor:grabbing!important}.mermaid-host{min-width:100%;min-height:100%;display:flex;align-items:flex-start;justify-content:center}.mermaid-host svg{max-width:none;height:auto;filter:drop-shadow(0 10px 30px rgba(29,26,23,.06))}.source-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr)}.source-pane h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:0;padding:12px 16px 8px;font-weight:600;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,#fff6,#fff0)}.source-pane pre{margin:0;padding:14px 16px;overflow:auto;font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;color:#2c2721;white-space:pre}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;pointer-events:none;color:var(--ink-2);font-size:14px;font-weight:500}.drop-hint small{color:var(--ink-3);font-size:12.5px;font-weight:400}.drop-overlay{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:2px dashed var(--accent);border-radius:var(--r-xl);background:#c8562a14;pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600;letter-spacing:-.005em}.error{margin:16px;padding:12px 14px;background:#c8562a14;border:1px solid rgba(200,86,42,.3);color:#7a3417;border-radius:var(--r-lg);font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap}.mod-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;letter-spacing:.01em;color:#6a2a10;background:#c8562a1f;border:1px solid rgba(200,86,42,.28);border-radius:999px}.mod-dot{width:6px;height:6px;border-radius:999px;background:#c8562a;box-shadow:0 0 0 2px #c8562a33}.btn:disabled{opacity:.5;cursor:not-allowed}.zoom{display:inline-flex;align-items:center;gap:4px;padding:2px;border-radius:var(--r-md);background:#ffffff80;border:1px solid var(--line)}.zoom .btn{height:28px;padding:0 10px}.zoom__value{font-size:12px;color:var(--ink-2);font-weight:500;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.diagram-stage{margin:0 auto;position:relative}.arch-wrap{position:relative;width:100%;height:100%}.arch-canvas{position:relative;margin:0 auto}.arch-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:visible}.arch-edge-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.arch-edge-labels>*{pointer-events:auto}.arch-edge-label{position:absolute;transform:translate(-50%,-50%);padding:1px 5px;font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:8px;font-weight:600;letter-spacing:.03em;line-height:1.15;background:#fffaf6eb;border:1px solid rgba(29,26,23,.08);border-radius:4px;white-space:nowrap;pointer-events:auto}.arch-group{position:absolute;z-index:1;cursor:grab;touch-action:none}.arch-group:active{cursor:grabbing}.arch-group.is-dragging{cursor:grabbing;z-index:90;outline:2px dashed rgba(200,86,42,.7);outline-offset:2px}.arch-group.is-inner{cursor:grab}.arch-group__title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;position:absolute;top:8px;left:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.arch-group__dot{width:6px;height:6px;border-radius:999px;flex-shrink:0}.arch-group__label{white-space:nowrap}.arch-group__sublabel{font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink-2);font-size:9.5px;line-height:1.35}.arch-node{position:absolute;z-index:3;background:#ffffffe0;border:1px solid rgba(29,26,23,.08);border-radius:var(--r-lg);box-shadow:0 1px #fffc inset,0 1px 2px #1d1a170a,0 6px 16px #1d1a170a;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .16s ease;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.arch-node:hover{box-shadow:0 1px #ffffffe6 inset,0 2px 4px #1d1a170d,0 10px 22px #1d1a1714}.arch-node.is-dragging{cursor:grabbing;z-index:100;box-shadow:0 1px #fff inset,0 4px 8px #1d1a1714,0 20px 40px #1d1a172e,0 0 0 3px #c8562a59;transition:none}.arch-node:active{cursor:grabbing}.arch-node__head{display:flex;align-items:flex-start;gap:10px;min-width:0}.arch-node__icon{width:32px;height:32px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.arch-node__title{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.arch-node__label{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arch-node__sublabel{font-size:11.5px;color:var(--ink-2);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.arch-node__footer{margin-top:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.arch-node__tag{align-self:flex-start;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;line-height:1.4}.arch-node__class{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:9px;font-weight:600;letter-spacing:.02em;color:var(--ink-3);background:#1d1a170d;border:1px solid rgba(29,26,23,.08);padding:1px 6px;border-radius:4px;line-height:1.3;white-space:nowrap}.arch-node__features{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.arch-node__features li{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-2);line-height:1.3;letter-spacing:-.005em}.arch-node__bullet{width:4px;height:4px;border-radius:999px;flex:0 0 auto;opacity:.8}.editable{cursor:text;outline:none;border-radius:4px;transition:box-shadow .12s ease,background .12s ease;min-width:12px;min-height:1em}.editable:hover{box-shadow:0 0 0 2px #1d1a1714}.editable[contenteditable=true]{cursor:text;background:#fffffff2;box-shadow:0 0 0 2px #c8562a80,0 1px 4px #1d1a1714;user-select:text;-webkit-user-select:text}.editable[contenteditable=true]::selection{background:#c8562a38}.editable:empty:before{content:attr(data-placeholder);color:var(--ink-3);font-style:italic;opacity:0;transition:opacity .12s ease}.arch-node:hover .editable:empty:before,.arch-group:hover .editable:empty:before,.editable[contenteditable=true]:empty:before{opacity:.55}.arch-node__tag.editable:empty{opacity:0;pointer-events:none;transition:opacity .12s ease}.arch-node:hover .arch-node__tag.editable:empty,.arch-node__tag.editable[contenteditable=true]:empty{opacity:.6;pointer-events:auto}.arch-resize{position:absolute;right:3px;bottom:3px;width:16px;height:16px;display:flex;align-items:flex-end;justify-content:flex-end;padding:2px;border-radius:5px;cursor:nwse-resize;color:var(--ink-3);opacity:0;transition:opacity .12s ease,background .12s ease;touch-action:none}.arch-node:hover .arch-resize,.arch-group:hover .arch-resize,.arch-resize:hover{opacity:.85}.arch-resize:hover{background:#1d1a1714;color:var(--ink);opacity:1}body.is-exporting{background:#f7ede7;background-image:none}body.is-exporting .topbar,body.is-exporting .arch-resize{display:none}body.is-exporting .editable:hover,body.is-exporting .editable{box-shadow:none!important;background:transparent!important}body.is-exporting .pane,body.is-exporting .arch-legend,body.is-exporting .arch-group,body.is-exporting .arch-node,body.is-exporting .arch-edge-label,body.is-exporting .arch-group__title{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.is-exporting .pane{background:#ffffffd9!important;box-shadow:none!important;border-color:#1d1a1714!important}body.is-exporting .arch-legend{background:#fffffff2!important;box-shadow:0 0 0 1px #1d1a170f!important}body.is-exporting .diagram-scroll{background-image:none;padding:16px;overflow:visible}body.is-exporting .arch-node{background:#fffffff2!important}.arch-legend{margin:24px auto 8px;max-width:100%;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:24px;padding:16px 20px;border-radius:var(--r-xl);background:var(--glass-bg-strong);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.arch-legend__col{min-width:0}.arch-legend__heading{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600;margin-bottom:8px}.arch-legend__row{display:flex;flex-wrap:wrap;gap:8px 14px}.arch-legend__chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.arch-legend__swatch{width:14px;height:14px;border-radius:5px;border:1px solid}.arch-legend__notes{display:flex;flex-direction:column;gap:6px}.arch-legend__note{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--ink-2);line-height:1.4}.arch-legend__noteIcon{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:#1d1a170d;color:var(--ink-2);display:flex;align-items:center;justify-content:center}.arch-legend__noteIcon svg{width:14px;height:14px}.arch-legend__codes{display:flex;flex-direction:column;gap:8px}.arch-legend__codes>div{display:flex;flex-wrap:wrap;gap:3px 10px;align-items:baseline}.arch-legend__code-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-right:4px;flex-basis:100%}.arch-legend__code{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:10px;color:var(--ink-2);line-height:1.3}.arch-legend__code strong{color:var(--ink);font-weight:700}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:400px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--r-2xl);padding:40px 36px 36px;box-shadow:var(--glass-shadow);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.login-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0}.login-header h1{font-size:18px;font-weight:700;color:var(--ink);margin:0}.login-subtitle{font-size:13px;color:var(--ink-2);margin:0 0 28px;line-height:1.5}.login-already{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin:0 0 20px;background:var(--hover, rgba(0, 0, 0, .04));border:1px solid var(--rule, rgba(0, 0, 0, .08));border-radius:8px;font-size:13px;color:var(--ink-2)}.login-already strong{color:var(--ink);font-weight:600}.login-signout{margin-left:auto;font-size:12px;padding:4px 10px}.login-form{display:flex;flex-direction:column;gap:18px}.login-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}.login-input{padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink);transition:border-color .15s,box-shadow .15s}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.login-input::placeholder{color:var(--ink-3)}.login-error{font-size:13px;color:#b33a3a;background:#b33a3a14;border:1px solid rgba(179,58,58,.18);border-radius:var(--r-sm);padding:8px 12px}.login-btn{margin-top:4px;padding:10px 0;font-size:14px;font-weight:600;width:100%;justify-content:center;text-align:center}.loading-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg);color:var(--ink-2);font-size:14px}.spinner{width:28px;height:28px;border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logout-btn{font-size:12px;padding:4px 10px;opacity:.7;transition:opacity .15s}.logout-btn:hover{opacity:1}.picker-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.picker-container{width:100%;max-width:520px}.picker-header{margin-bottom:24px}.picker-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.picker-title-row h1{font-size:18px;font-weight:700;color:var(--ink);margin:0}.picker-subtitle{font-size:13px;color:var(--ink-2);margin:0;line-height:1.5}.picker-grid{display:flex;flex-direction:column;gap:10px}.picker-card{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--glass-shadow);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease;text-align:left;font-family:inherit}.picker-card:hover{background:#ffffffe6;border-color:var(--accent);transform:translateY(-1px)}.picker-card:active{transform:translateY(0)}.picker-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.picker-card__name{font-size:15px;font-weight:600;color:var(--ink)}.picker-card__id{font-size:12px;color:var(--ink-3);font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace}.picker-footer{margin-top:20px;text-align:center}.sec-page{min-height:100vh;display:flex;flex-direction:column;color:var(--ink)}.sec-page__bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:12px 28px;background:var(--glass-bg-strong);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line);box-shadow:0 1px #fff6 inset}.sec-page__bar .brand{display:flex;align-items:center;gap:10px}.sec-page__bar h1{font-size:14px;margin:0;font-weight:600;letter-spacing:-.01em}.sec-page__meta{color:var(--ink-2);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.sec-page__bar .spacer{flex:1}.sec-page__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;max-width:1320px;margin:0 auto;padding:40px 28px 80px;width:100%}.sec-page__grid--solo{grid-template-columns:minmax(0,1fr);max-width:1060px;padding:56px 56px 96px}.side{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;padding:8px 4px 24px}.side__heading{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600;padding:0 8px 10px}.side ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.side a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-md);color:var(--ink-2);font-size:13px;font-weight:500;text-decoration:none;transition:background .12s ease,color .12s ease;border-left:2px solid transparent}.side a:hover{background:#1d1a170a;color:var(--ink)}.side a.is-active{background:#c8562a14;color:#6a2a10;border-left-color:var(--accent);font-weight:600}.side__num{font-size:10px;letter-spacing:.06em;color:var(--ink-3);font-weight:600;font-variant-numeric:tabular-nums;width:20px}.side a.is-active .side__num{color:var(--accent)}.sec-page__main{min-width:0;display:flex;flex-direction:column;gap:48px}.sec-page__title-block h1{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;line-height:1.15}.sec-page__title-block h1 span{display:inline-block;vertical-align:middle;margin-left:12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#c8562a1f;color:var(--accent);border:1px solid rgba(200,86,42,.3)}.sec-page__title-block p{color:var(--ink-2);font-size:15px;line-height:1.6;margin:0;max-width:70ch}.sec{scroll-margin-top:92px;background:#ffffffa6;border:1px solid var(--glass-border);border-radius:var(--r-2xl);padding:24px 28px 28px;box-shadow:var(--glass-shadow);overflow:visible}.sec__header{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.sec__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;flex:0 0 auto;box-shadow:0 2px 6px #c8562a4d}.sec__title{font-size:22px;font-weight:700;letter-spacing:-.015em;margin:0 0 2px;line-height:1.2}.sec__kicker{font-size:14px;color:var(--ink-2);margin:0;line-height:1.5}.sec__body{font-size:14.5px;line-height:1.6}.sec__body>*+*{margin-top:16px}.sec__lede{font-size:15.5px;color:var(--ink-2);line-height:1.65;max-width:68ch}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}.stat{padding:14px 16px;background:#fffaf6b8;border:1px solid var(--line);border-radius:var(--r-lg)}.stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600;margin-bottom:6px}.stat__value{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.35}.stat__accent{font-size:12.5px;color:var(--ink-2);margin-top:2px}.diagram-embed{margin-top:4px}.diagram-frame{background:#ffffff8c;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:inset 0 1px #fff9}.diagram-frame__toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:#fffaf6b3;flex-wrap:wrap}.diagram-frame__label{font-size:11.5px;color:var(--ink-2);padding-left:6px;letter-spacing:.01em}.diagram-frame__toolbar .spacer{flex:1}.diagram-frame__toolbar .btn{height:28px;padding:0 10px;font-size:12px}.diagram-frame__toolbar .zoom{padding:0}.diagram-frame__toolbar .zoom .btn{height:24px;padding:0 8px;font-size:11.5px}.diagram-frame .diagram-scroll{position:relative;overflow:visible;padding:16px}.legend-strip{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:14px 4px 0;margin:14px 0 0;font-size:12.5px;color:var(--ink-2)}.legend-strip li{display:inline-flex;align-items:center;gap:8px}.sw{width:14px;height:14px;border-radius:5px;border:1px solid}.sw--green{background:#8bbf9333;border-color:#8bbf9399}.sw--blue{background:#90aed333;border-color:#90aed399}.sw--yellow{background:#d3b76538;border-color:#d3b76599}.sw--orange{background:#e0a37938;border-color:#e0a37999}.legends{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:14px 16px;background:#fffaf6b3;border:1px solid var(--line);border-radius:var(--r-lg)}.legend-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.legend-col li{font-size:12.5px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.legend-heading{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600;margin-bottom:8px}.tbl-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff9}.tbl{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.45}.tbl thead th{position:sticky;top:0;background:#f7ede7f5;color:var(--ink);font-weight:600;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line-strong);white-space:nowrap;z-index:1}.tbl tbody td{padding:10px 14px;border-top:1px solid rgba(29,26,23,.05);vertical-align:top;color:var(--ink)}.tbl tbody tr:nth-child(2n) td{background:#fffaf673}.tbl tbody tr:hover td{background:#c8562a0a}.tbl .num{font-variant-numeric:tabular-nums;color:var(--ink-3);width:42px}.tbl .mono{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:-.005em}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;letter-spacing:.02em;line-height:1.3;border:1px solid transparent}.tag--c{background:#d38f3e24;color:#7a4e11;border-color:#d38f3e47}.tag--e{background:#5ca06e24;color:#2d5837;border-color:#5ca06e47}.tag--a{background:#8265b024;color:#3e2566;border-color:#8265b04d}.tag--n{background:#1d1a170f;color:var(--ink-2)}.tag--none{color:var(--ink-3);font-weight:500}.split{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.split__rest{color:var(--ink-2);font-size:12.5px}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.3;border:1px solid transparent}.pill--live{background:#5ca06e29;color:#21502f;border-color:#5ca06e52}.pill--opt{background:#d3b76538;color:#6a4f11;border-color:#d3b76570}.pill--plan{background:#e0a37938;color:#7a3a14;border-color:#e0a37970}.pill--partial{background:#d38f3e2e;color:#7a4e11;border-color:#d38f3e66}.note{padding:12px 14px;background:#5ca06e14;border:1px solid rgba(92,160,110,.25);border-radius:var(--r-lg);font-size:13.5px;color:#1e3d28;line-height:1.55}.note strong{color:#153524}.gate-chain{display:flex;flex-direction:column;align-items:stretch;gap:0}.gate-start,.gate-end{align-self:center;padding:6px 14px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2);background:#fffaf6d9;border:1px dashed var(--line-strong);border-radius:999px;margin:4px 0}.gate{display:flex;flex-direction:column;align-items:stretch}.gate__card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%;padding:12px 16px;border-radius:var(--r-lg);background:#ffffffbf;border:1px solid var(--line-strong);cursor:pointer;transition:border-color .12s ease,background .12s ease;text-align:left}.gate__card:hover{border-color:#1d1a1738;background:#ffffffeb}.gate__card.is-open{border-color:var(--accent);background:#fffffff2;box-shadow:0 4px 14px #c8562a1a}.gate__card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.gate__headrow{display:flex;align-items:flex-start;gap:16px}.gate__title{font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.gate__tag{font-size:11.5px;color:var(--ink-2);margin-top:1px}.chev{margin-left:auto;color:var(--ink-3);font-size:14px;transition:transform .14s ease}.chev.is-open{transform:rotate(180deg);color:var(--accent)}.gate__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.gate__bullets li{position:relative;padding-left:12px;font-size:12px;color:var(--ink-2);line-height:1.4}.gate__bullets li:before{content:"";position:absolute;left:2px;top:7px;width:3px;height:3px;border-radius:999px;background:var(--accent);opacity:.7}.gate__detail{margin:6px 0 2px;padding:0}.gate__arrow{align-self:center;color:var(--ink-3);padding:2px 0;line-height:0}.ctrl-block{margin-top:20px}.ctrl-block:first-child{margin-top:0}.ctrl-block__h{display:flex;align-items:baseline;gap:10px;font-size:15px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}.ctrl-block__num{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--accent);font-weight:600}.mon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.mon-card{padding:16px 18px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fffaf6a6}.mon-card h3{font-size:13.5px;font-weight:700;letter-spacing:-.005em;margin:0 0 8px;color:var(--ink)}.mon-card__kicker{font-size:12.5px;color:var(--ink-3);margin:0 0 8px}.mon-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.mon-card li{position:relative;padding-left:14px;font-size:13px;color:var(--ink-2);line-height:1.45}.mon-card li:before{content:"";position:absolute;left:2px;top:9px;width:4px;height:4px;border-radius:999px;background:var(--ink-3);opacity:.6}.gaps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.gap{padding:16px 18px;border-radius:var(--r-lg);border:1px solid rgba(211,183,101,.45);background:#d3b7651a}.gap__head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.gap__head h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.005em}.gap__badge{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#d3b7654d;color:#5a4309;border:1px solid rgba(211,183,101,.5)}.gap p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.55}.fw{margin:0;display:flex;flex-direction:column;gap:12px}.fw__row{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px 16px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fffaf699}.fw__row dt{font-weight:700;font-size:13.5px;color:var(--ink);letter-spacing:-.005em}.fw__row dd{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.55}.integrations{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.integrations li{padding:14px 16px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fffaf699}.integrations h3{margin:0 0 4px;font-size:13.5px;font-weight:700}.integrations p{margin:0;font-size:13px;color:var(--ink-2);line-height:1.55}.docfoot{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:24px 4px 0;border-top:1px dashed var(--line);font-size:12.5px;color:var(--ink-2);line-height:1.55}.docfoot strong{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600;margin-bottom:4px}@media (max-width: 960px){.sec-page__grid{grid-template-columns:1fr;padding:24px 16px 60px}.side{position:relative;top:0;max-height:none;order:-1;padding-bottom:16px;border-bottom:1px solid var(--line)}.side ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.sec{padding:18px 16px 20px}}@page{size:A4;margin:14mm 14mm 18mm}@page landscape-wide{size:420mm 300mm;margin:8mm}@media print{html,body{background:#fff!important;color:#1a1814!important;font-size:10.5pt}body:before,body:after{display:none}.sec-page__bar,.side,.diagram-frame__toolbar,.arch-resize,.mod-badge{display:none!important}.sec-page__grid{grid-template-columns:1fr!important;padding:0!important;max-width:none!important;gap:20px!important}.sec-page__main{gap:24px!important}.sec{background:#fff!important;box-shadow:none!important;border:1px solid #d4cdc5!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;page-break-inside:avoid;padding:14pt 16pt!important}.sec__title{font-size:16pt!important}.sec__kicker{font-size:10pt!important}.sec__num{box-shadow:none!important;width:28pt!important;height:28pt!important;font-size:10pt!important}.gate__card,.mon-card,.gap,.fw__row,.integrations li,.stat,.legends,.tbl-wrap,.diagram-frame{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-color:#d4cdc5!important}.gate__detail{display:block!important}.gate__card{cursor:default!important}.chev{display:none!important}.tbl thead th{background:#f4ebe3!important;color:#1a1814!important}.tbl tbody tr:nth-child(2n) td{background:#fafaf4!important}.tbl .mono,.tag,.pill{font-family:JetBrains Mono,Menlo,Consolas,monospace!important}.sec#architecture{page:landscape-wide;page-break-before:always;page-break-after:always;padding:8pt!important;border:none!important}.sec#architecture .sec__header{margin-bottom:4px!important}.sec#architecture .sec__title{font-size:12pt!important}.sec#architecture .sec__kicker{display:none!important}.diagram-frame .diagram-scroll{height:auto!important;overflow:visible!important;padding:0!important;background-image:none!important}.diagram-frame .diagram-stage{width:1380px!important;height:1300px!important}.diagram-frame .diagram-stage>div{transform:scale(.68)!important;transform-origin:top left!important;width:1380px!important;height:1300px!important}.diagram-frame{border:none!important;overflow:hidden!important;width:calc(1380px * .68)!important;height:calc(1300px * .68)!important;margin:0 auto!important}.legend-strip{font-size:8pt!important;margin-top:4px!important}.diagram-embed .arch-legend{font-size:7pt!important}a{color:inherit!important;text-decoration:none!important}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}