:root{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);--bg: #ffffff;--surface: #f8fafc;--surface-soft: #f8fafc;--surface-sunken: #f1f5f9;--surface-raised: #ffffff;--text: #1e293b;--text-soft: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--border: #e2e8f0;--border-soft: #eef2f7;--border-strong: #cbd5e1;--brand: #3b82f6;--brand-dark: #2563eb;--brand-2: #3b82f6;--brand-soft: #eff6ff;--brand-border: #bfdbfe;--go: #10b981;--go-dark: #059669;--ok: #059669;--ok-bg: #ecfdf5;--ok-border: #a7f3d0;--warn: #b45309;--warn-bg: #fffbeb;--warn-border: #fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--info: #3b82f6;--info-bg: #eff6ff;--info-border: #bfdbfe;--ok-strong: #047857;--warn-strong: #b45309;--danger-strong: #b91c1c;--info-strong: #1d4ed8;--scrim: rgba(15, 23, 42, .72);--overlay: rgba(15, 18, 30, .5);--on-color: #fff;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14.5px;--fs-16: 16px;--fs-18: 18px;--sp-0: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--control-h: 38px;--thumb-w: 104px;--thumb-h: 66px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-pill: 999px;--shadow-1: none;--shadow-2: none;--shadow-3: 0 12px 32px rgba(15, 23, 42, .16);--shadow-up: 0 -2px 8px rgba(15, 23, 42, .06);--page-pad: clamp(16px, 3vw, 32px);--page-gap: 14px;--sidebar-w: 296px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--bg)}h1,h2,h3{margin:0;font-weight:650;letter-spacing:0}p{margin:0}button{font:inherit;cursor:pointer;color:inherit}.app{height:100dvh;min-height:100dvh;overflow:hidden;padding:var(--page-pad);padding-bottom:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;min-width:0}.brand{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.brand-mark{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:var(--r-md);background:var(--brand);color:var(--on-color);font-weight:700;font-size:var(--fs-16)}.brand h1{font-size:var(--fs-16);line-height:1.4}.brand p{margin-top:var(--sp-0);font-size:var(--fs-12);color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.pill{display:inline-flex;align-items:center;padding:var(--sp-0) var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-12);font-weight:600;line-height:1.5;white-space:nowrap}.pill-xs{font-size:var(--fs-11);padding:var(--sp-0) var(--sp-2)}.pill-success{background:var(--ok-bg);color:var(--ok)}.pill-info{background:var(--info-bg);color:var(--info)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-danger{background:var(--danger-bg);color:var(--danger)}.pill-muted{background:var(--surface-sunken);color:var(--text-muted)}.banner{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--fs-13);line-height:1.6}.banner-error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-strong)}.banner-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-strong)}.layout{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:var(--page-gap);align-items:stretch;flex:1 1 auto;min-height:0;overflow:hidden}.sidebar{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:var(--sp-3);align-content:start;min-height:0;padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.sidebar-head h2{font-size:var(--fs-14)}.count{font-size:var(--fs-12);font-weight:600;color:var(--text-muted);background:var(--surface-sunken);border-radius:var(--r-pill);padding:var(--sp-0) var(--sp-2)}.article-list{list-style:none;margin:0;padding:0;display:grid;align-content:start;gap:var(--sp-0);min-height:0;overflow-y:auto;overscroll-behavior:contain}.article-item,.platform-row,.conn-item{width:100%;padding:var(--sp-2) var(--sp-3);text-align:left;font:inherit;color:inherit;background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--r-md)}.article-item{display:grid;gap:var(--sp-0)}.article-item:hover,.conn-item:hover{background:var(--surface-sunken)}.article-item.is-active,.conn-item.is-active{background:var(--brand-soft);border-color:var(--brand-border)}.article-title{font-size:var(--fs-13);line-height:1.45;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-11);color:var(--text-muted)}.dot{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.sidebar-foot{padding-top:var(--sp-3);border-top:1px solid var(--border-soft);font-size:var(--fs-11);line-height:1.6;color:var(--text-muted)}.empty-hint{padding:var(--sp-2) var(--sp-1);font-size:var(--fs-13);line-height:1.6;color:var(--text-muted)}.workspace{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--page-gap);min-width:0;min-height:0;overflow:hidden}.workspace-scroll{display:grid;align-content:start;gap:var(--page-gap);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-0) var(--sp-1) var(--sp-0) var(--sp-0);scroll-behavior:smooth}.card{display:grid;align-content:start;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;min-width:0}.card-head-main{display:grid;gap:var(--sp-0);min-width:0;flex:1 1 240px}.card-title{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.card-title h2{font-size:var(--fs-16);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.card-sub{font-size:var(--fs-12);line-height:1.5;color:var(--text-muted)}.card-head-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end}.card-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.inline-warn{padding:var(--sp-2) var(--sp-3);border:1px solid var(--danger-border);border-radius:var(--r-md);background:var(--danger-bg);color:var(--danger-strong);font-size:var(--fs-12);line-height:1.6}.empty-state{font-size:var(--fs-13);color:var(--text-muted);text-align:center}.editor{display:grid;gap:var(--page-gap);min-width:0}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:var(--page-gap);align-items:stretch}.ico-badge{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand)}.ico-badge svg{width:15px;height:15px}.info-list{display:grid;gap:var(--sp-3)}.info-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:var(--sp-3);align-items:center;min-width:0}.info-row.is-tall{align-items:start}.info-label{font-size:var(--fs-12);font-weight:600;color:var(--text-soft);line-height:1.8}.info-label .req{margin-left:var(--sp-0);color:var(--danger)}.info-row .field{gap:var(--sp-1)}.tag-entry{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.tag-entry .btn{flex:none}.tag-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.tag-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-0) var(--sp-1) var(--sp-0) var(--sp-2);border-radius:var(--r-pill);background:var(--brand-soft);border:1px solid var(--brand-border);color:var(--brand-dark);font-size:var(--fs-12);font-weight:500;line-height:1.9;max-width:100%}.tag-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-chip-close{flex:none;display:grid;place-items:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:var(--fs-12);line-height:1;cursor:pointer}.tag-chip-close:hover{background:var(--surface-sunken);color:var(--text-soft)}.md-card{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;min-width:0}.md-area{width:100%;height:100%;min-height:300px;resize:vertical;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-12);line-height:1.8;color:var(--text);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-raised)}.md-area:focus{outline:2px solid var(--brand-border);outline-offset:-1px;border-color:var(--brand)}.md-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.md-count{font-size:var(--fs-11);color:var(--text-muted)}.editor-foot{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.editor-foot .spacer{flex:1 1 auto}.field{display:grid;gap:var(--sp-2);min-width:0}.field>span{font-size:var(--fs-12);font-weight:600;color:var(--text-soft)}.field input,.field textarea,.field select,.sidebar-search,.ctl{width:100%;font:inherit;font-size:var(--fs-13);line-height:1.6;color:var(--text);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-raised);transition:border-color .15s ease,background .15s ease}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field textarea:focus,.field select:focus,.sidebar-search:focus,.ctl:focus{outline:2px solid var(--brand-border);outline-offset:-1px;border-color:var(--brand);background:var(--surface)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.field-hint{font-size:var(--fs-11);line-height:1.5;color:var(--text-muted)}.field-color{max-width:96px}.field input[type=color]{height:var(--control-h);padding:var(--sp-1)}.hint{font-size:var(--fs-11);line-height:1.5;color:var(--text-muted)}.muted-text{color:var(--text-muted)}.small{font-size:var(--fs-12);line-height:1.6}.tiny{font-size:var(--fs-11);line-height:1.5}.over-limit{color:var(--danger)}.note{font-size:var(--fs-12);line-height:1.6;color:var(--text-muted)}.tips{margin:0;padding-left:var(--sp-4);display:grid;gap:var(--sp-1);font-size:var(--fs-12);line-height:1.65;color:var(--text-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--fs-13);font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none;transition:background .15s ease,border-color .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-12)}.btn svg{width:14px;height:14px}.btn-xs{padding:var(--sp-0) var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-11);font-weight:500}.btn-block{width:100%}.btn-primary{background:var(--brand);color:var(--on-color)}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-ghost{background:var(--surface-raised);border-color:var(--border);color:var(--text-soft)}.btn-ghost:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand-dark)}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-border)}.btn-publish{background:var(--go);border-color:var(--go-dark);color:var(--on-color)}.btn-publish:hover:not(:disabled){background:var(--go-dark)}.btn-select{font:inherit;font-size:var(--fs-12);font-weight:600;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);max-width:132px}.btn-select:focus{outline:2px solid var(--brand-border);outline-offset:-1px;border-color:var(--brand)}.link-btn{background:none;border:none;padding:0;font-size:var(--fs-12);font-weight:600;color:var(--brand)}.link-btn:hover{text-decoration:underline}.link-btn:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.plat-grid{display:grid;grid-template-columns:repeat(var(--plat-cols, 4),minmax(0,1fr));gap:var(--sp-3)}.plat-tile{display:flex;flex-direction:column;gap:var(--sp-2);min-height:172px;min-width:0;padding:var(--sp-3);text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);outline:none;transition:border-color .15s ease,background .15s ease}.plat-tile:hover{border-color:var(--brand-border)}.plat-tile:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.plat-tile.is-checked{background:var(--brand-soft);border-color:var(--brand-border)}.plat-tile.is-active{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:-1px}.tile-check{flex:none;width:18px;height:18px;display:grid;place-items:center;padding:0;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-raised);color:transparent;transition:background .15s ease,border-color .15s ease}.tile-check svg{width:12px;height:12px}.tile-check:hover{border-color:var(--brand)}.tile-check.is-on{background:var(--brand);border-color:var(--brand);color:var(--on-color)}.pt-head{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.pt-head .pill{flex:none;margin-left:auto}.platform-dot{flex:none;width:20px;height:20px;border-radius:var(--r-sm);color:var(--on-color);font-size:var(--fs-11);font-weight:700;display:grid;place-items:center}.pt-name{flex:1;min-width:0;font-size:var(--fs-13);font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-desc{font-size:var(--fs-11);line-height:1.6;color:var(--text-faint);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pt-brief{font-size:var(--fs-12);line-height:1.6;color:var(--text-muted);word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pt-brief.is-busy{color:var(--brand);font-weight:600}.pt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1);min-width:0}.pt-chip{flex:none;max-width:100%;padding:1px var(--sp-1);font-size:var(--fs-11);line-height:1.5;color:var(--text-muted);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-when{flex:none;margin-left:auto;font-size:var(--fs-11);color:var(--text-faint);white-space:nowrap}.pt-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-width:0;margin:auto 0 0;padding:var(--sp-2) 0 0;border:0;border-top:1px solid var(--border-soft);background:none;font:inherit;text-align:left}.pt-foot-btn{cursor:pointer}.pt-foot-btn:hover .tile-login,.pt-foot-btn:hover .tile-mark{color:var(--brand)}.tile-login{flex:1;min-width:0;font-size:var(--fs-11);font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-login.is-ok{color:var(--ok)}.tile-mark{flex:none;display:grid;place-items:center;width:18px;height:18px;color:var(--border-strong)}.tile-mark svg{width:16px;height:16px}.tile-mark.is-on{color:var(--ok)}.action-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-up),var(--shadow-2);position:sticky;bottom:0;z-index:5;flex:none}.ab-status{display:grid;gap:var(--sp-1);flex:1 1 320px;min-width:0}.ab-status-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--fs-12)}.ab-status-head strong{font-size:var(--fs-13)}.ab-link{font-size:var(--fs-12);font-weight:600;color:var(--brand);text-decoration:none}.ab-link:hover{text-decoration:underline}.ab-msg{max-height:3.4em;overflow-y:auto;overscroll-behavior:contain}.ab-hint{font-size:var(--fs-12);line-height:1.6;color:var(--text-muted)}.ab-inline{margin-left:var(--sp-2);font-size:var(--fs-11)}.ab-buttons{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap;flex:0 1 auto;max-width:100%}.publish-ok,.publish-warn,.publish-error{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-12);line-height:1.6;word-break:break-word}.publish-ok{background:var(--ok-bg);border:1px solid var(--ok-border);color:var(--ok-strong)}.publish-warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn)}.publish-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-strong)}.publish-fix{margin-left:var(--sp-2);font-weight:600;color:var(--danger-strong);white-space:nowrap}.publish-warn-list{margin:0;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-6);border:1px solid var(--warn-border);border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn);font-size:var(--fs-12);line-height:1.6;list-style:disc}.publish-warn-list li{word-break:break-word}.img-tools{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.img-empty{font-size:var(--fs-12);color:var(--text-muted)}.img-strip{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.img-thumb{margin:0;width:var(--thumb-w);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);overflow:hidden}.img-thumb .img-shot{position:relative;display:block;height:var(--thumb-h);background:var(--surface-sunken)}.img-thumb img{width:100%;height:100%;object-fit:cover;display:block}.img-badge{position:absolute;top:var(--sp-1);left:var(--sp-1);min-width:var(--sp-5);padding:0 var(--sp-1);border-radius:var(--r-pill);background:var(--scrim);color:var(--on-color);font-size:var(--fs-11);line-height:var(--sp-5);text-align:center}.img-thumb figcaption{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1);border-top:1px solid var(--border-soft)}.img-thumb .btn{flex:1 1 0;min-width:0;padding-left:var(--sp-1);padding-right:var(--sp-1)}.img-warn{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--warn-border);border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn-strong);font-size:var(--fs-12);line-height:1.55}.img-warn .link-btn{color:var(--warn);white-space:nowrap}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:4vh var(--sp-4);background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:auto}.modal{width:min(760px,100%);background:var(--surface-raised);border-radius:var(--r-lg);box-shadow:var(--shadow-3);overflow:hidden}.modal-wide{width:min(940px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-3);border-bottom:1px solid var(--border-soft)}.modal-head h2{margin-bottom:var(--sp-0);font-size:var(--fs-16)}.modal-body{padding:var(--sp-4) var(--sp-5) var(--sp-5)}.modal-form{display:grid;gap:var(--sp-3)}.modal-form h3{font-size:var(--fs-14);color:var(--text-soft)}.platform-rows{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-4)}.platform-row{display:flex;align-items:center;gap:var(--sp-2)}.platform-row-main{display:grid;gap:var(--sp-0);flex:1;min-width:0}.platform-row-main strong{font-size:var(--fs-13)}.platform-row.is-off{opacity:.55}.conn-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--sp-4);align-items:start;max-height:min(72vh,620px);overflow:auto}.conn-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-1);position:sticky;top:0}.conn-item{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer}.conn-item:hover{background:var(--surface-sunken)}.conn-item.is-active{background:var(--brand-soft);border-color:var(--brand-border)}.conn-item-main{display:grid;gap:var(--sp-0);flex:1;min-width:0}.conn-item-main strong{font-size:var(--fs-13);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-panel{display:grid;gap:var(--sp-3);min-width:0;padding-left:var(--sp-4);border-left:1px solid var(--border-soft)}.conn-panel-head{display:flex;align-items:center;gap:var(--sp-2)}.conn-panel-head h3{font-size:var(--fs-14)}.diag-block{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-4)}.diag-block h3{font-size:var(--fs-14);color:var(--text-soft)}.diag-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border-soft);font-size:var(--fs-12)}.diag-row:last-child{border-bottom:none}.diag-label{flex:0 0 130px;color:var(--text-muted)}.diag-value{flex:1;min-width:0;color:var(--text);word-break:break-word}.diag-value.is-ok{color:var(--ok-strong);font-weight:600}.diag-value.is-bad{color:var(--danger-strong);font-weight:600}.diag-value.is-muted{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--text-faint)}@media(max-width:1100px){:root{--sidebar-w: 260px}.editor-grid{grid-template-columns:minmax(0,1fr)}.plat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px)and (min-width:761px){.plat-tile{min-height:160px}.pt-desc{-webkit-line-clamp:1}}@media(max-width:980px){body{overflow:auto}.app{height:auto;min-height:100dvh;overflow:visible;padding-bottom:var(--sp-4)}.layout{grid-template-columns:1fr;grid-template-rows:auto;flex:0 1 auto;overflow:visible}.sidebar{grid-template-rows:auto auto auto auto auto;overflow:visible}.article-list{max-height:40vh}.workspace{display:block;overflow:visible}.workspace-scroll{overflow:visible;padding:0}.action-bar{margin-top:var(--page-gap)}.ab-status{flex:1 1 100%}.conn-layout{grid-template-columns:1fr;max-height:none}.conn-list{position:static}.conn-panel{padding-left:0;padding-top:var(--sp-3);border-left:none;border-top:1px solid var(--border-soft)}}@media(max-width:760px){:root{--page-pad: 12px;--page-gap: 12px}.plat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plat-tile{min-height:150px}.field-row{grid-template-columns:1fr}.info-row{grid-template-columns:92px minmax(0,1fr)}.card{padding:var(--sp-3)}.modal-overlay{padding:0}.modal{border-radius:0;min-height:100dvh}.modal-head,.modal-body{padding-left:var(--sp-4);padding-right:var(--sp-4)}}@media(max-width:520px){.plat-grid{grid-template-columns:minmax(0,1fr)}.info-row{grid-template-columns:minmax(0,1fr);gap:var(--sp-1)}.tag-entry{flex-wrap:wrap}}