:root{--bg:#f4f6f8;--surface:#fff;--border:#e2e8f0;--text:#1f2933;--text-muted:#64748b;--accent:#2563eb;--error:#dc2626;--done:#16a34a;--warn:#d97706;--nav-h:56px;--maxw:820px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.app{min-height:100%}.content{max-width:var(--maxw);padding:calc(var(--nav-h) + 20px) 16px 48px;margin:0 auto}.notice{color:var(--text-muted);padding:24px 4px}.notice--error{color:var(--error)}.auth{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.auth__card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:380px;padding:28px 24px;box-shadow:0 8px 28px #00000014}.auth__title{margin:0 0 16px;font-size:1.4rem}.auth__hint{color:var(--text-muted);margin:0}.auth__hint--error{color:var(--error)}.auth__form{flex-direction:column;gap:12px;display:flex}.auth__label{font-weight:550}.auth__input{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;padding:11px 14px;font-size:1rem}.auth__input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.auth__button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:10px;padding:11px 14px;font-size:1rem;font-weight:600}.auth__button:disabled{opacity:.55;cursor:not-allowed}.photos{flex-direction:column;gap:16px;margin-top:24px;display:flex}.photo{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;margin:0;padding:12px;display:flex}.photo__img{object-fit:contain;cursor:zoom-in;background:#f1f5f9;border-radius:8px;width:100%;max-height:60vh}.photo__desc-field{flex-direction:column;gap:2px;display:flex}.photo__desc{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);resize:vertical;border-radius:8px;padding:8px 10px}.photo__desc-status{color:var(--text-muted);align-self:flex-end;min-height:1em;font-size:.8rem}.photo__desc-status--saved{color:var(--done)}.photo__desc-status--error{color:var(--error)}.photo__desc-retry{font:inherit;color:var(--error);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.photo__desc:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.photo__delete{font:inherit;color:var(--error);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:6px 12px}.photo__delete:hover{border-color:var(--error)}.photos__add{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:12px;align-self:stretch;padding:14px;font-size:1rem;font-weight:600}.photos__add:disabled{opacity:.6;cursor:not-allowed}.lightbox{z-index:100;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lightbox__img{touch-action:none;will-change:transform;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.lightbox__close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;width:44px;height:44px;font-size:1.4rem;position:absolute;top:12px;right:12px}.navbar{height:var(--nav-h);z-index:10;background:var(--text);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #00000026}.navbar__brand{letter-spacing:.01em;align-items:center;gap:8px;min-width:0;font-size:1.05rem;font-weight:650;display:flex}.navbar__crumb{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navbar__crumb--current{color:#cbd5e1;min-width:0;font-weight:650}.navbar__crumb-sep{color:#94a3b8;flex:none;font-size:1.1rem;line-height:1}.navbar__menu{flex:none;position:relative}.navbar__hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0 9px;display:flex}.navbar__hamburger:hover,.navbar__hamburger[aria-expanded=true]{background:#ffffff1f}.navbar__hamburger span{background:#fff;border-radius:2px;width:100%;height:2px;display:block}.navbar__dropdown{background:var(--surface);min-width:240px;color:var(--text);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000002e}.navbar__dropdown-empty{color:var(--text-muted);margin:0;padding:8px 10px;font-size:.9rem}.list__back{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:8px;padding:8px 4px;font-size:.95rem;text-decoration:none;display:inline-flex}.list__back:hover{color:var(--text)}.list__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.list__title{margin:0;font-size:1.5rem}.list__subtitle{color:var(--text-muted);font-size:.9rem}.status-summary{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;display:flex;overflow:hidden}.status-summary__tile{flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px 8px;display:flex}.status-summary__tile+.status-summary__tile{border-left:1px solid var(--border)}.status-summary__count{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1}.status-summary__count--up{color:var(--done)}.status-summary__count--down{color:var(--error)}.status-summary__count--unknown{color:var(--text-muted)}.status-summary__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.list__search{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;margin-bottom:16px;padding:11px 14px;font-size:1rem}.list__search:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.list__items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list__item{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .12s,transform 60ms;display:flex}.list__item:hover{border-color:var(--accent)}.list__item:active{transform:scale(.995)}.list__item-main{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.list__item-name{word-break:break-word;font-weight:550}.list__item-model{color:var(--text-muted);word-break:break-word;font-size:.82rem}.list__item-end{align-items:center;gap:12px;display:inline-flex}.list__item-count{color:var(--text-muted);font-variant-numeric:tabular-nums;background:var(--bg);border-radius:999px;padding:2px 10px;font-size:.85rem}.list__item-count--ok{color:var(--done);background:color-mix(in srgb, var(--done) 12%, var(--surface))}.list__item-count--broken{color:var(--error);background:color-mix(in srgb, var(--error) 12%, var(--surface))}.list__item-chevron{color:var(--text-muted);font-size:1.4rem;line-height:1}.detail__nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.detail__nav-switches{align-items:center;gap:8px;display:flex}.detail__nav-link{border:1px solid var(--border);max-width:40vw;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:.9rem;text-decoration:none;display:inline-flex;overflow:hidden}.detail__nav-link:hover{border-color:var(--text-muted);background:var(--surface)}.detail__group{margin-bottom:24px}.detail__group:last-child{margin-bottom:0}.detail__group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;padding-left:2px;font-size:.8rem;font-weight:650}.detail__attrs{background:var(--border);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1px;margin:0;display:flex;overflow:hidden}.detail__attr{background:var(--surface);grid-template-columns:minmax(160px,34%) 1fr;gap:16px;padding:14px 16px;display:grid}.detail__attr--toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail__attr-key{color:var(--text-muted);font-size:.9rem;font-weight:550}.detail__attr-value{white-space:pre-wrap;word-break:break-word;margin:0}.detail__model-link{color:var(--accent);text-decoration:underline}.detail__attr-speed{color:var(--text-muted);margin-left:10px;font-size:.85rem}.detail__fqdn{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.detail__fqdn-ip{color:var(--text-muted);margin-left:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.detail__fqdn-warn{margin-left:10px}.detail__jaspy-link{color:var(--accent);margin:10px 4px 0;padding:8px 0;font-size:.9rem;font-weight:550;text-decoration:none;display:inline-block}.detail__jaspy-link:hover{text-decoration:underline}.field-text{align-items:center;gap:8px;width:100%;display:inline-flex}.field-text__input{min-width:0;font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;padding:7px 10px}.field-text__input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.field-check{align-items:center;gap:10px;display:inline-flex}.field-check__box{border:2px solid var(--border);width:48px;height:48px;color:var(--done);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex}.field-check__box--on{background:var(--done);border-color:var(--done);color:#fff}.field-check__box:disabled{opacity:.6;cursor:not-allowed}.field-check__who{color:var(--text);font-weight:550}.field-user{align-items:center;gap:10px;display:inline-flex}.field-user__btn{min-height:38px;font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:9px;padding:8px 14px;font-weight:600}.field-user__btn:disabled{opacity:.6;cursor:not-allowed}.field-user__mine{color:var(--done);align-items:center;gap:6px;font-weight:650;display:inline-flex}.field-user__who{color:var(--text);word-break:break-word;font-weight:550}.field-user__clear{width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.field-user__clear:hover{border-color:var(--error);color:var(--error)}.field-error{color:var(--error);font-size:.85rem}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner--dark{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.detail__attr{grid-template-columns:1fr;gap:4px}}.navbar__actions{flex:none;align-items:center;gap:8px;display:flex}.navbar__action{color:#fff;white-space:nowrap;border-radius:8px;padding:8px 12px;font-weight:600;text-decoration:none}.navbar__action:hover{background:#ffffff1f}.navbar__dropdown-item{min-height:48px;color:var(--text);border-radius:8px;align-items:center;padding:12px 16px;font-size:1.05rem;text-decoration:none;display:flex}.navbar__dropdown-item:hover,.navbar__dropdown-item:active{background:var(--bg)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){filter:brightness(.95);background:var(--accent)}.btn--danger{color:var(--error);border-color:#f0c9c9}.btn--danger:hover:not(:disabled){background:#fdecec}.map-notice{max-width:var(--maxw);padding:calc(var(--nav-h) + 20px) 16px 48px;margin:0 auto}.map-browser{top:var(--nav-h);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.map-browser__tabs{background:var(--surface);border-bottom:1px solid var(--border);flex:none;gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.map-browser__tab{color:var(--text-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 14px;font-weight:600}.map-browser__tab:hover{background:var(--bg)}.map-browser__tab--active{background:var(--bg);color:var(--text);border-color:var(--border)}.map-browser__stage{background:#e9edf1;flex:1;min-height:0}.osd-viewer{touch-action:none;width:100%;height:100%}.map-upload{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 20px;display:flex}.map-upload__or{color:var(--text-muted);font-size:.9rem}.map-upload__url{min-width:220px;font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;padding:8px 10px}.map-card__source{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.map-card__source-label{flex:1;align-items:center;gap:8px;min-width:260px;font-size:.9rem;font-weight:600;display:flex}.map-card__source-input{min-width:0;font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;padding:6px 8px;font-weight:400}.map-cards{flex-direction:column;gap:20px;display:flex}.map-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px}.map-card__head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.map-card__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1.1rem;overflow:hidden}.map-card__status{text-transform:uppercase;letter-spacing:.04em;background:var(--bg);color:var(--text-muted);border-radius:999px;flex:none;padding:2px 8px;font-size:.75rem;font-weight:700}.map-card__status--ready{color:var(--done);background:#e7f6ec}.map-card__status--rendering{color:var(--accent);background:#e7effb}.map-card__status--error{color:var(--error);background:#fdecec}.map-card__badge{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;flex:none;padding:2px 8px;font-size:.75rem}.map-card__body{grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:16px;display:grid}.map-card__preview{border:1px solid var(--border);touch-action:none;background:#f1f4f7;border-radius:8px;justify-content:center;align-items:center;height:320px;display:flex;position:relative;overflow:hidden}.map-card__canvas{transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;max-width:100%;height:auto;max-height:100%;display:block}.map-card__preview-reset{font:inherit;color:#fff;cursor:pointer;background:#1f2933cc;border:none;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:600;position:absolute;top:8px;right:8px}.map-card__preview-note{color:var(--text-muted);background:#ffffffd9;border-radius:6px;padding:2px 6px;font-size:.8rem;position:absolute;bottom:6px;left:8px}.map-card__layers{min-width:0}.map-card__layers-head{margin-bottom:6px;font-size:.9rem;font-weight:700}.map-card__layer-list{border:1px solid var(--border);border-radius:8px;max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.map-card__layer{cursor:pointer;align-items:center;gap:8px;padding:5px 10px;font-size:.9rem;display:flex}.map-card__layer:hover{background:var(--bg)}.map-card__layer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-card__progress{background:var(--bg);border-radius:6px;height:22px;margin-top:14px;position:relative;overflow:hidden}.map-card__progress-bar{background:var(--accent);transition:width .2s;position:absolute;inset:0 auto 0 0}.map-card__progress-label{color:var(--text);mix-blend-mode:luminosity;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex;position:absolute;inset:0}.map-card__actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.map-card__devices{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.map-card__device-layer{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.map-card__device-layer select{font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:260px;padding:6px 8px}.map-card__device-count{color:var(--text-muted);font-size:.85rem}.devices__section,.cabling__section{margin:24px 0 8px;font-size:1rem}.cabling__actions{margin:8px 0 24px}.expandable{border:1px solid var(--border);background:var(--surface);border-radius:10px;transition:border-color .12s}.expandable:hover{border-color:var(--accent)}.expandable+.expandable{margin-top:8px}.expandable__summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;font-weight:550;list-style:none;display:flex}.expandable__summary::-webkit-details-marker{display:none}.expandable__chevron{color:var(--text-muted);font-size:1.4rem;line-height:1;transition:transform .15s}.expandable[open] .expandable__chevron{transform:rotate(90deg)}.expandable .list__items{padding:0 12px 12px}.expandable .detail__attrs{margin:0 12px 12px}@media (width<=560px){.map-card__body{grid-template-columns:1fr}}.issues__link{color:var(--accent);font-size:.95rem;font-weight:600}.issues__toolbar{margin:8px 0 16px}.issues__hint{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.issue-form{flex-direction:column;gap:16px;max-width:560px;display:flex}.issue-form__field{flex-direction:column;gap:6px;font-weight:600;display:flex}.issue-form__field input,.issue-form__field textarea{font:inherit;border:1px solid var(--border);background:var(--surface);resize:vertical;border-radius:8px;padding:10px 12px;font-weight:400}.issue-row{justify-content:space-between;align-items:center}.issue-row__main{flex-direction:column;min-width:0;display:flex}.issue-row__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.issue-row__title--resolved{color:var(--text-muted);text-decoration:line-through}.issue-row__sub{color:var(--text-muted);font-size:.82rem}.issue-row__end{flex:none;align-items:center;gap:10px;display:flex}.warn-row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.warn-row__device{word-break:break-word;font-weight:600}.warn-row__msg{color:var(--text-muted);word-break:break-word;font-size:.85rem}.warn-row__end{flex:none;align-items:center;gap:10px;display:flex}.list__header--section{margin-top:28px}.list__title--sub{font-size:1.1rem}.notice--muted{color:var(--text-muted);font-size:.85rem}.warn-row__stem{background:var(--bg);border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.warn-row__conv-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.issue-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.issue-badge--open{color:var(--error);background:#fdecec}.issue-badge--resolved{color:var(--done);background:#e7f6ec}.issue-detail__head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.issue-detail__meta{color:var(--text-muted);font-size:.9rem}.issue-detail__actions{flex-wrap:wrap;gap:8px;margin:8px 0 24px;display:flex}.issue-detail__location{margin-top:8px}.issue-detail__loc-line{color:var(--text);margin:0 0 8px}.list__item-pin{font-size:.95rem;line-height:1}.list__item-portissue{flex:none;display:block}.list__item-badge{letter-spacing:.02em;color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.list__item-badge--up{background:var(--done)}.list__item-badge--down{background:var(--error)}.list__item-badge--unknown{background:var(--text-muted)}.detail__map-actions{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.osd-device-hit{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:3px}.osd-device-hit:hover,.osd-device-hit:active{box-shadow:0 0 0 2px var(--accent);background:#2563eb47}.osd-pin{pointer-events:none;width:22px;height:22px;position:relative}.osd-pin:before{content:"";background:var(--error);border:2px solid #fff;border-radius:50% 50% 50% 0;width:22px;height:22px;margin-left:-11px;position:absolute;top:0;left:50%;transform:rotate(45deg);box-shadow:0 2px 4px #0006}.osd-pin:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:7px;left:50%}.map-mark__crosshair{pointer-events:none;z-index:5;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-mark__crosshair:before,.map-mark__crosshair:after{content:"";background:var(--error);position:absolute;box-shadow:0 0 0 1px #fffc}.map-mark__crosshair:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.map-mark__crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.map-mark__bar{z-index:6;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:10px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.map-mark__label{font-size:.9rem}.map-toast{z-index:6;background:var(--text);color:#fff;border-radius:8px;padding:8px 14px;font-size:.9rem;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.swp-main{padding:calc(var(--nav-h) + 16px) 16px 48px;max-width:1400px;margin:0 auto}.swp{max-width:820px;margin:0 auto}.swp__toolbar{margin:8px 0 4px}.swp__upload{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;margin:8px 0 12px;padding:12px;display:flex}.swp__upload-row{flex-wrap:wrap;gap:8px;display:flex}.swp__upload-row .field-text{flex:200px}.swp__filters{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.swp__chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.9rem}.swp__chip--on{border-color:var(--accent);color:var(--accent);background:#eef2ff}.swp__group{margin:18px 0}.swp__group-title{margin:0 0 8px;font-size:1rem}.swp__group-count{color:var(--text-muted);font-weight:400}.swp__item{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none}.swp__item-meta{color:var(--text-muted);align-items:center;gap:8px;margin-left:auto;font-size:.82rem;display:flex}.swp__type{text-transform:uppercase;letter-spacing:.03em;font-size:.72rem}.swp__ports{background:var(--bg);border-radius:6px;padding:1px 7px}.swp__annotated{color:var(--done);font-weight:600}.swp__count{background:var(--bg);border-radius:6px;padding:1px 7px}.swp__ready{color:var(--warn);font-weight:600}.swp__missing{color:var(--text-muted);font-style:italic}.swp__models-note{margin:4px 0 12px}.swp__model-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.swp__match{color:var(--text-muted);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.vlans__row{flex-direction:column;align-items:stretch;gap:10px}.vlans__row-head{align-items:center;gap:10px;display:flex}.vlans__row-head .list__item-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.vlans__delete{margin-left:auto}.vlans__row-fields{flex-wrap:wrap;gap:10px;display:flex}.vlans__field{flex-direction:column;flex:220px;align-items:stretch;gap:3px}.vlans__field-label{color:var(--text-muted);font-size:.75rem}.vlans__worklist{margin-top:28px}.vlans__worklist-title{margin:0 0 8px;font-size:1rem}.vlans__discovered .list__item-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.vlans__discovered-meta{align-items:center;gap:10px;margin-left:auto;display:flex}.stencilview__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.stencilview__canvas{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;min-width:480px;position:relative;overflow:hidden}.stencilview__svg{width:100%;height:100%;position:absolute;inset:0}.stencilview__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;font-size:.8rem;font-weight:650}.stencilview__port{fill:#2563eb24;stroke:var(--accent);stroke-width:1.2px;vector-effect:non-scaling-stroke}.stencilview__label{fill:var(--accent);pointer-events:none;font-weight:600}.stencilview__port--console{fill:#a4cedcb3;stroke:#4f8296;stroke-width:1.5px}.detail__uplink-line{border-radius:6px;align-items:center;gap:8px;margin:-2px -6px;padding:2px 6px;display:inline-flex}.detail__uplink-line--interactive{cursor:pointer}.detail__uplink-line--hover{background:color-mix(in srgb, var(--accent) 22%, var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}.stencilview__port--incoming{cursor:pointer}.stencilview__port--hover{stroke-width:3.5px;filter:drop-shadow(0 0 4px #000000b3);stroke:#0b1020!important}.stencilview__label--hover{fill:#0b1020;paint-order:stroke;stroke:#fff;stroke-width:.6px;font-weight:800}.stencilview__vlan{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none}.stencilview__legend{flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;list-style:none;display:flex}.stencilview__legend-item{border-radius:6px;align-items:center;gap:8px;margin:-2px -6px;padding:2px 6px;font-size:.9rem;display:flex}.stencilview__legend--stacked{flex-flow:column;align-items:stretch;gap:4px}.stencilview__legend-item--interactive{cursor:pointer}.stencilview__legend-remote-port{color:var(--text)}.stencilview__legend-item--hover{background:color-mix(in srgb, var(--accent) 26%, var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}.stencilview__legend-item--hover .stencilview__legend-name{color:var(--text)}.stencilview__legend-swatch{border-radius:3px;flex:none;width:14px;height:14px}.stencilview__legend-ports{font-weight:700}.stencilview__legend-name{color:var(--text-muted)}.stencilview__incoming{margin-top:14px}.stencilview__incoming-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;font-size:.8rem;font-weight:650}.stencilview__warn{white-space:nowrap;font-size:.8rem;font-weight:700}.stencilview__warn--red{color:#da3633}.stencilview__warn--yellow{color:#b3801a}.detail__vastapaa{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.detail__vastapaa-line{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.detail__vastapaa-port{color:var(--text-muted);font-variant-numeric:tabular-nums}.detail__vastapaa-warn{margin-left:2px}.settings__field{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:14px 16px}.settings__field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.settings__label{font-weight:550}.settings__reset{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.settings__reset:disabled{opacity:.5;cursor:default}.settings__help{color:var(--text-muted);margin:4px 0 10px;font-size:.85rem}.settings__field textarea.field-text__input{resize:vertical;width:100%;font-family:inherit}.portcust{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:4px 0 12px;padding:12px}.portcust__hint{color:var(--text-muted);margin:0 0 10px;font-size:.85rem}.portcust__rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.portcust__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portcust__swatch{border:1px solid var(--border);border-radius:4px;flex:none;width:16px;height:16px}.portcust__ports{text-align:center;flex:0 0 84px}.portcust__label{flex:220px}.portcust__del{flex:none;padding:6px 10px}.portcust__err{flex-basis:100%;padding-left:24px}.portcust__add{margin-top:10px}.portcust__actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.swpe{flex-direction:column;gap:10px;display:flex}.swpe__bar{align-items:center;gap:12px;display:flex}.swpe__back{color:var(--accent)}.swpe__title{font-weight:700}.swpe__spacer{flex:1}.swpe__count{color:var(--text-muted);font-size:.85rem}.swpe__err{padding:0;font-size:.85rem}.swpe__tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swpe__tool{border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;border-radius:8px;padding:6px 14px}.swpe__tool--on{border-color:var(--accent);color:var(--accent);background:#eef2ff}.swpe__hint{color:var(--text-muted);font-size:.8rem}.swpe__canvas-wrap{flex-direction:column;gap:8px;display:flex}.swpe__zoombar{align-items:center;gap:6px;display:flex}.swpe__zoom-val{color:var(--text-muted);margin-left:4px;font-size:.8rem}.swpe__canvas-scroll{border:1px solid var(--border);background:#0d1117;border-radius:10px;max-height:78vh;overflow:auto}.swpe__canvas{touch-action:none;background:#0d1117;position:relative}.swpe__stencil,.swpe__overlay{width:100%;height:100%;position:absolute;inset:0}.swpe__stencil{pointer-events:none;background:#fff}.swpe__overlay{pointer-events:auto}.swpe__handle{fill:#ffffff40;stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke}.swpe__handle--mod{fill:#d2992233;stroke:#d29922}.swpe__module{fill:#d2992214;stroke:#d29922;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.swpe__preview{fill:#2f81f740;stroke:#2f81f7;vector-effect:non-scaling-stroke}.swpe__marquee{fill:#2f81f71f;stroke:#2f81f7;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.swpe__ft{border:1px solid var(--accent);background:#eef2ff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 12px;display:flex}.swpe__ft-count{font-size:.85rem;font-weight:600}.swpe__ft-grp{align-items:center;gap:4px;display:flex}.swpe__ft-label{color:var(--text-muted);margin-right:4px;font-size:.78rem}.swpe__ft-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;min-width:34px;padding:5px 8px;font-size:.85rem}.swpe__ft-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.swpe__ft-btn:disabled{opacity:.4;cursor:default}.swpe__panel{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px}.swpe__panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.swpe__panel-head h2{margin:0;font-size:1rem}.swpe__group{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:8px}.swpe__group--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.swpe__group-head{cursor:pointer;align-items:center;gap:8px;display:flex}.swpe__swatch{border-radius:3px;flex:none;width:14px;height:14px}.swpe__group-name{flex:1}.swpe__group-n{color:var(--text-muted);font-size:.85rem}.swpe__x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:1.1rem;line-height:1}.swpe__x:hover{color:var(--error)}.swpe__autonum{flex-wrap:wrap;align-items:flex-end;gap:6px;margin:8px 0 2px;display:flex}.swpe__num-field{flex-direction:column;flex:none;gap:2px;display:flex}.swpe__num-field--wide{flex:120px;min-width:0}.swpe__num-field>span{color:var(--text-muted);font-size:.72rem}.swpe__num-field .field-text{width:100%;min-width:0}.swpe__num{width:64px}.swpe__autonum-help{color:var(--text-muted);margin:0 0 8px;font-size:.76rem}.swpe__ports{flex-direction:column;gap:4px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.swpe__port{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:2px;display:flex}.swpe__port--sel{background:#eef2ff}.swpe__port-i{color:var(--text-muted);text-align:right;flex:none;width:24px;font-size:.8rem}.swpe__port-prefix{color:var(--text-muted);flex:none;font-family:monospace;font-size:.85rem}.swpe__port .field-text{flex:1}.swpe__modules{border-top:1px solid var(--border);margin-top:14px;padding-top:10px}.swpe__mod-row{align-items:center;gap:10px;padding:6px 0;display:flex}.swpe__mod-thumb{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:4px;width:56px;height:32px}.swpe__mod-name{flex:1;font-size:.9rem}.swpe__picker{margin-top:8px}.swpe__picker-list{max-height:260px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.swpe__picker-item{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-radius:6px;padding:6px 8px}.swpe__picker-item:hover{background:var(--bg)}