:root{font-family:Avenir Next,Trebuchet MS,sans-serif;color:var(--app-foreground);background:radial-gradient(circle at top left,var(--bg-glow-1),transparent 26rem),radial-gradient(circle at top right,var(--bg-glow-2),transparent 24rem),linear-gradient(180deg,var(--bg-start) 0%,var(--bg-mid) 44%,var(--bg-end) 100%);line-height:1.5;font-weight:400;color-scheme:dark;--app-foreground: #edf3fb;--bg-start: #071018;--bg-mid: #0a121a;--bg-end: #0e1721;--bg-glow-1: rgba(95, 176, 255, .18);--bg-glow-2: rgba(72, 219, 203, .14);--grid-line: rgba(137, 157, 184, .035);--surface: rgba(15, 22, 31, .9);--surface-strong: rgba(7, 12, 18, .96);--surface-accent: rgba(96, 207, 255, .12);--surface-overlay: rgba(10, 15, 21, .98);--surface-modal: rgba(12, 18, 28, .96);--surface-input: rgba(5, 10, 16, .76);--surface-readonly: rgba(255, 255, 255, .03);--surface-subtle: rgba(255, 255, 255, .04);--surface-card: rgba(255, 255, 255, .03);--surface-inset: rgba(7, 12, 19, .4);--surface-danger-card: rgba(7, 11, 15, .32);--surface-backdrop: rgba(7, 11, 15, .7);--surface-drawer-backdrop: rgba(7, 11, 15, .55);--sidebar-top: rgba(6, 11, 18, .97);--sidebar-bottom: rgba(8, 14, 22, .9);--sidebar-fill: rgba(7, 11, 15, .82);--brand-glow: rgba(96, 207, 255, .22);--brand-start: rgba(12, 20, 31, .98);--brand-end: rgba(15, 26, 38, .92);--brand-icon-border: rgba(96, 207, 255, .22);--brand-icon-start: rgba(96, 207, 255, .12);--brand-icon-end: rgba(255, 255, 255, .02);--brand-kicker: #c7d7e7;--brand-status-bg: rgba(96, 207, 255, .08);--brand-status-border: rgba(96, 207, 255, .18);--brand-device-bg: rgba(255, 255, 255, .03);--control-bg: rgba(255, 255, 255, .035);--control-selected-start: rgba(96, 207, 255, .16);--control-selected-end: rgba(103, 224, 197, .12);--primary-start: rgba(96, 207, 255, .18);--primary-end: rgba(103, 224, 197, .12);--primary-base: rgba(255, 255, 255, .04);--notice-bg: rgba(96, 207, 255, .12);--notice-border: rgba(96, 207, 255, .3);--notice-border-strong: rgba(96, 207, 255, .48);--selected-start: rgba(96, 207, 255, .14);--selected-end: rgba(103, 224, 197, .08);--selected-base: rgba(255, 255, 255, .03);--hover-outline: rgba(96, 207, 255, .06);--byte-start: rgba(96, 207, 255, .16);--byte-end: rgba(103, 224, 197, .12);--danger-soft-text: #ffd2c6;--danger-bg: rgba(255, 140, 108, .08);--danger-border: rgba(255, 140, 108, .25);--danger-border-soft: rgba(255, 140, 108, .24);--danger-border-strong: rgba(255, 140, 108, .45);--danger-hover-bg: rgba(255, 140, 108, .12);--danger-hover-border: rgba(255, 140, 108, .24);--danger-active-bg: rgba(255, 140, 108, .2);--danger-active-border: rgba(255, 140, 108, .6);--yaml-bg: rgba(5, 10, 16, .82);--yaml-text: #d7e5f5;--drawer-glow-1: rgba(96, 207, 255, .15);--drawer-glow-2: rgba(103, 224, 197, .12);--border: rgba(150, 171, 198, .16);--border-strong: rgba(96, 207, 255, .34);--text-muted: #91a1b5;--text-strong: #f7fbff;--accent: #60cfff;--accent-2: #67e0c5;--danger: #ff8c6c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=daylight]{color-scheme:light;--app-foreground: #1b2636;--bg-start: #eef4fb;--bg-mid: #e6eef8;--bg-end: #dce7f3;--bg-glow-1: rgba(72, 138, 214, .16);--bg-glow-2: rgba(64, 192, 170, .12);--grid-line: rgba(61, 92, 132, .08);--surface: rgba(255, 255, 255, .88);--surface-strong: rgba(250, 252, 255, .96);--surface-accent: rgba(83, 150, 228, .12);--surface-overlay: rgba(252, 254, 255, .98);--surface-modal: rgba(248, 251, 255, .97);--surface-input: rgba(247, 250, 254, .96);--surface-readonly: rgba(236, 243, 251, .95);--surface-subtle: rgba(20, 36, 54, .06);--surface-card: rgba(20, 36, 54, .04);--surface-inset: rgba(230, 238, 248, .9);--surface-danger-card: rgba(255, 242, 239, .95);--surface-backdrop: rgba(119, 138, 166, .3);--surface-drawer-backdrop: rgba(119, 138, 166, .24);--sidebar-top: rgba(245, 249, 255, .96);--sidebar-bottom: rgba(235, 242, 250, .94);--sidebar-fill: rgba(240, 246, 253, .9);--brand-glow: rgba(83, 150, 228, .16);--brand-start: rgba(248, 251, 255, .99);--brand-end: rgba(236, 244, 252, .95);--brand-icon-border: rgba(83, 150, 228, .2);--brand-icon-start: rgba(83, 150, 228, .1);--brand-icon-end: rgba(255, 255, 255, .88);--brand-kicker: #4e6580;--brand-status-bg: rgba(83, 150, 228, .1);--brand-status-border: rgba(83, 150, 228, .18);--brand-device-bg: rgba(255, 255, 255, .72);--control-bg: rgba(255, 255, 255, .72);--control-selected-start: rgba(83, 150, 228, .18);--control-selected-end: rgba(64, 192, 170, .1);--primary-start: rgba(83, 150, 228, .14);--primary-end: rgba(64, 192, 170, .08);--primary-base: rgba(255, 255, 255, .72);--notice-bg: rgba(83, 150, 228, .1);--notice-border: rgba(83, 150, 228, .22);--notice-border-strong: rgba(83, 150, 228, .32);--selected-start: rgba(83, 150, 228, .16);--selected-end: rgba(64, 192, 170, .08);--selected-base: rgba(255, 255, 255, .74);--hover-outline: rgba(83, 150, 228, .08);--byte-start: rgba(83, 150, 228, .16);--byte-end: rgba(64, 192, 170, .1);--danger-soft-text: #a84731;--danger-bg: rgba(211, 101, 74, .08);--danger-border: rgba(211, 101, 74, .18);--danger-border-soft: rgba(211, 101, 74, .16);--danger-border-strong: rgba(211, 101, 74, .24);--danger-hover-bg: rgba(211, 101, 74, .12);--danger-hover-border: rgba(211, 101, 74, .2);--danger-active-bg: rgba(211, 101, 74, .16);--danger-active-border: rgba(211, 101, 74, .28);--yaml-bg: rgba(243, 247, 252, .96);--yaml-text: #233550;--drawer-glow-1: rgba(83, 150, 228, .14);--drawer-glow-2: rgba(64, 192, 170, .12);--border: rgba(82, 105, 135, .16);--border-strong: rgba(83, 150, 228, .28);--text-muted: #607286;--text-strong: #142133;--accent: #3c86d8;--accent-2: #26b09a}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}body:before{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:2.75rem 2.75rem;content:"";-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 85%);pointer-events:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--sidebar-width, 24rem) minmax(0,1fr);height:100vh;overflow:hidden}.sidebar-rail,.inspector-rail{min-width:0;position:relative}.inspector-rail{align-self:start;position:sticky;top:0}.sidebar{display:flex;flex-direction:column;gap:1.25rem;border-right:1px solid var(--border);background:linear-gradient(180deg,var(--sidebar-top),var(--sidebar-bottom)),var(--sidebar-fill);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:1.25rem;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar-fixed,.sidebar-scroll{display:flex;flex-direction:column;gap:1.25rem}.sidebar-fixed{flex:0 0 auto}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.brand-card,.panel,.service-card,.packet-editor-card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;box-shadow:0 1rem 3rem #0000002e}.brand-card{background:linear-gradient(135deg,rgba(255,186,92,.18),rgba(52,193,188,.12)),var(--surface-strong);display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:.95rem 1rem}.brand-card:after{content:none}.brand-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.brand-mark{display:flex;align-items:center;gap:.65rem;min-width:0}.brand-icon-shell{display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;border:1px solid var(--brand-icon-border);border-radius:1rem;background:linear-gradient(180deg,var(--brand-icon-start),var(--brand-icon-end));box-shadow:inset 0 1px #ffffff0d}.brand-icon{display:block;width:2rem;height:2rem;flex:0 0 auto}.brand-copy{display:flex;flex-direction:column;gap:.15rem}.brand-kicker{color:var(--brand-kicker);font-size:.82rem;letter-spacing:.04em}.brand-status,.brand-device-label{display:inline-flex;align-items:center;width:fit-content;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.72rem;letter-spacing:.12em;padding:.28rem .55rem;text-transform:uppercase}.brand-status{background:var(--brand-status-bg);border-color:var(--brand-status-border)}.brand-device-label{background:var(--brand-device-bg)}.brand-card h1,.workspace-header h1,.panel h2{font-family:Iowan Old Style,Palatino Linotype,serif;letter-spacing:.02em;margin:0}.brand-card p,.workspace-header p,.panel-subtitle,.packet-list-item small,.sidebar-link small,.eyebrow{color:var(--text-muted)}.eyebrow{font-size:.73rem;letter-spacing:.16em;text-transform:uppercase}.brand-card h1{font-size:clamp(1.85rem,2vw,2.2rem);line-height:1.05;max-width:100%;overflow-wrap:break-word;text-wrap:balance;white-space:normal;word-break:normal}.brand-card p{margin:0;overflow-wrap:anywhere}.brand-metadata{color:var(--text-muted);font-size:.78rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.section-title{color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.sidebar-group,.sidebar-sublist,.packet-chip-list,.inspector-stack,.service-stack{display:flex;flex-direction:column;gap:.65rem}.sidebar-sublist{border-left:1px solid rgba(255,237,195,.12);margin-left:1rem;padding-left:.9rem}.sidebar-link,.sidebar-sublink,.packet-chip,.packet-list-item,.panel-action,.subtle-action{align-items:center;border:1px solid transparent;border-radius:1rem;background:rgba(255,255,255,.025);color:var(--text-strong);display:inline-flex;justify-content:center;padding:.8rem .95rem;text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.panel-action-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:flex-end;flex-shrink:0}.panel-action-row>.panel-action,.panel-action-row>.subtle-action{flex:0 0 auto}.button-content,.action-menu-item-main{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:.55rem}.button-content{justify-content:center;line-height:1;white-space:nowrap}.toolbar-icon{display:block;flex:0 0 auto;height:.95rem;width:.95rem}.sidebar-link,.packet-list-item{display:flex;align-items:flex-start;gap:.75rem;justify-content:space-between}.sidebar-link span,.sidebar-sublink,.packet-chip{overflow-wrap:anywhere;white-space:normal}.sidebar-link span{flex:1 1 auto;min-width:0}.sidebar-link-meta{align-items:center;display:inline-flex;flex:0 0 auto;gap:.6rem}.sidebar-link small{flex:0 0 auto;padding-top:.08rem;text-align:right;white-space:nowrap}.sidebar-service-link{align-items:center}.sidebar-chevron{color:var(--text-muted);display:inline-block;font-size:1rem;line-height:1;transition:transform .14s ease}.sidebar-chevron.is-expanded{transform:rotate(90deg)}.packet-list-item{min-width:0}.packet-list-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0}.packet-list-copy strong{display:block;overflow-wrap:anywhere;line-height:1.2}.packet-list-copy small{white-space:nowrap}.sidebar-sublink,.packet-chip{padding:.55rem .8rem}.sidebar-sublink{position:relative}.sidebar-sublink:before{color:#ffedc36b;content:"·";left:-.9rem;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-link:hover,.sidebar-sublink:hover,.packet-chip:hover,.packet-list-item:hover,.panel-action:hover,.subtle-action:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 0 0 1px #60cfff0f}button:disabled{cursor:default;opacity:.45;transform:none}.is-selected{border-color:var(--border-strong);background:linear-gradient(135deg,rgba(96,207,255,.14),rgba(103,224,197,.08)),rgba(255,255,255,.03);box-shadow:inset 0 1px #ffffff0a}.packet-chip.is-static{cursor:default}.workspace{height:100vh;min-width:0;overflow:hidden;padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column}.workspace-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}.workspace-header{background:var(--surface-overlay);border:1px solid var(--border);border-radius:1.1rem;box-shadow:0 1rem 2.4rem #00000029;display:flex;justify-content:stretch;align-items:center;margin-bottom:1.35rem;padding:.75rem .9rem;flex:0 0 auto;position:relative;z-index:10}.workspace-controls{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;gap:.65rem;align-items:center;position:relative}.workspace-controls-primary,.workspace-controls-secondary{display:inline-flex;flex-wrap:wrap;gap:.65rem;align-items:center}.workspace-controls-secondary{justify-content:flex-end;margin-left:auto}.history-controls{display:inline-flex;gap:.45rem}.history-action{min-width:5.5rem;text-align:center}.mode-switcher,.theme-switcher{display:inline-flex;background:var(--control-bg);border:1px solid var(--border);border-radius:999px;padding:.25rem;box-shadow:inset 0 1px #ffffff0a}.mode-switch,.theme-switch{border:0;border-radius:999px;background:transparent;color:var(--text-muted);padding:.55rem .95rem;transition:background .14s ease,color .14s ease;cursor:pointer}.mode-switch.is-selected,.theme-switch.is-selected{background:linear-gradient(135deg,var(--control-selected-start),var(--control-selected-end));color:var(--text-strong)}.panel-action-primary{background:linear-gradient(135deg,var(--primary-start),var(--primary-end)),var(--primary-base);border-color:var(--border-strong)}.action-menu{position:relative}.action-menu-trigger{min-width:8.25rem;text-align:center}.action-menu-popover{position:absolute;top:calc(100% + .65rem);right:0;z-index:30;min-width:14rem;display:flex;flex-direction:column;gap:.3rem;padding:.45rem;border:1px solid var(--border-strong);border-radius:1rem;background:var(--surface-overlay);box-shadow:0 1.25rem 3.2rem #00000057}.action-menu-item{border:1px solid transparent;border-radius:.8rem;background:transparent;color:var(--text-strong);padding:.72rem .85rem;text-align:left;transition:background .14s ease,border-color .14s ease,color .14s ease}.action-menu-item-content{align-items:center;display:flex;justify-content:space-between;width:100%}.action-menu-item:hover{background:rgba(255,255,255,.04);border-color:var(--border)}.action-menu-item-danger{color:var(--danger-soft-text)}.action-menu-item-danger:hover{background:var(--danger-hover-bg);border-color:var(--danger-hover-border)}.workspace-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) var(--inspector-width, 23rem);align-items:start;min-height:0}.resize-handle{background:transparent;border:0;bottom:0;cursor:col-resize;padding:0;position:absolute;top:0;touch-action:none;width:.9rem;z-index:25}.resize-handle:before{background:rgba(255,237,195,.14);border-radius:999px;content:"";top:.4rem;right:.36rem;bottom:.4rem;left:.36rem;position:absolute;transition:background .14s ease,transform .14s ease}.resize-handle:hover:before,.resize-handle:focus-visible:before{background:rgba(255,186,92,.34);transform:scaleX(1.15)}.resize-handle-left{right:-.45rem}.resize-handle-right{left:-.45rem}.import-banner{background:var(--notice-bg);border:1px solid var(--notice-border);border-radius:1rem;color:var(--text-strong);margin-bottom:1rem;padding:.8rem 1rem}.panel{padding:1rem}.gatt-table-panel{position:relative}.gatt-table-header{background:var(--surface-overlay);border-bottom:1px solid var(--border);border-radius:1.25rem 1.25rem 0 0;margin:-1rem -1rem 1rem;padding:1rem;position:sticky;top:0;z-index:18}.preview-panel{margin-top:1rem}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header>div:first-child,.inspector-panel .panel-header>div:first-child{min-width:0}.panel-header h2,.inspector-panel h2{overflow-wrap:anywhere}.panel-title-row{display:flex;align-items:center;gap:.65rem}.panel-action,.subtle-action{background:var(--surface-subtle)}.panel-action{border-color:var(--border-strong);background:linear-gradient(135deg,rgba(96,207,255,.1),rgba(103,224,197,.06)),var(--surface-card)}.danger-action{border:1px solid var(--danger-border-strong);border-radius:.9rem;background:var(--danger-hover-bg);color:var(--text-strong);padding:.65rem .85rem;transition:transform .14s ease,border-color .14s ease,background .14s ease}.danger-action:hover{border-color:var(--danger-active-border);background:var(--danger-active-bg);transform:translateY(-1px)}.danger-action-inline{align-self:flex-start;font-size:.82rem;margin-top:.45rem;padding:.35rem .6rem}.service-card{padding:.95rem}.title-input,.uuid-input,.table-input,.table-select,.notes-input,.binding-select select{width:100%;background:var(--surface-input);border:1px solid var(--border);border-radius:.9rem;color:var(--text-strong);padding:.7rem .8rem}.table-cell-readonly{align-items:center;background:var(--surface-readonly);border:1px solid var(--border);border-radius:.9rem;color:var(--text-muted);display:flex;min-height:2.9rem;padding:.7rem .8rem}.title-input{font-size:1.05rem;font-weight:600}.uuid-input,.table-input-mono,.yaml-preview,.binding-select span{font-family:SFMono-Regular,Menlo,Monaco,monospace}.toggle{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-muted)}.field-grid{display:grid;gap:.75rem}.field-grid{grid-template-columns:3.2rem minmax(10rem,1.5fr) minmax(6rem,.85fr) minmax(5rem,.7fr) minmax(5rem,.7fr) minmax(6rem,.8fr) minmax(6rem,.8fr) minmax(5rem,.7fr);margin-top:.75rem}.field-grid-head{color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;padding:0 .2rem}.field-grid.is-drag-target{background:rgba(96,207,255,.08);border-radius:1rem;outline:1px dashed rgba(96,207,255,.45);padding:.45rem}.field-advanced-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:.35rem 0 1rem 3.95rem;padding:.9rem;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:1rem}.field-advanced-span{grid-column:span 2}.property-pill{align-items:center;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);display:inline-flex;flex-direction:row;gap:.4rem;padding:.35rem .6rem}.service-browser-card{padding:1rem}.service-browser-header,.characteristic-card{border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.02)}.service-browser-header{align-items:start;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;margin-bottom:.9rem;padding:.95rem 1rem;scroll-margin-top:8.5rem}.service-browser-title{font-size:1.05rem;font-weight:600}.service-browser-title-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.service-browser-meta,.characteristic-uuid,.summary-empty{color:var(--text-muted);font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.86rem}.service-browser-tags,.summary-chip-row,.inspector-toggle-grid{display:flex;flex-wrap:wrap;gap:.45rem}.characteristic-list{display:flex;flex-direction:column;gap:.75rem}.characteristic-group{border-left:1px solid rgba(255,237,195,.12);display:flex;flex-direction:column;gap:.7rem;margin:0 0 .95rem 1rem;padding-left:1rem;position:relative}.characteristic-group:before{background:rgba(255,237,195,.42);border-radius:999px;content:"";height:.28rem;left:-.14rem;position:absolute;top:1rem;width:.28rem}.characteristic-group-label{color:var(--text-muted);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.characteristic-card{color:var(--text-strong);display:flex;flex-direction:column;gap:.8rem;padding:.95rem 1rem;scroll-margin-top:8.5rem;text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease}.characteristic-card:hover,.table-row-action:hover{border-color:var(--border-strong);transform:translateY(-1px)}.characteristic-card-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.summary-row{display:flex;flex-direction:column;gap:.45rem}.summary-label{color:var(--text-muted);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.summary-chip{background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;color:var(--text-strong);display:inline-flex;padding:.32rem .7rem}.summary-chip-accent{background:var(--notice-bg);border-color:var(--notice-border)}.packet-workbench{display:grid;gap:1rem;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr)}.packet-list{display:flex;flex-direction:column;gap:.7rem}.packet-list-rail{max-height:42rem;overflow:auto;padding-right:.25rem}.packet-list-rail .packet-list-item{width:100%}.packet-editor-card{padding:1rem}.packet-footer-actions{display:flex;justify-content:flex-start;padding-top:1rem}.drag-handle{align-items:center;align-self:stretch;background:var(--control-bg);border:1px solid var(--border);border-radius:.9rem;color:var(--text-muted);cursor:grab;display:inline-flex;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:1rem;justify-content:center;min-height:2.9rem;-webkit-user-select:none;user-select:none}.drag-handle.is-dragging,.drag-handle:active{cursor:grabbing}.byte-strip{display:flex;align-items:stretch;gap:.35rem;margin-bottom:1rem}.byte-segment{display:flex;flex-direction:column;justify-content:center;gap:.2rem;min-height:4.75rem;background:linear-gradient(135deg,var(--byte-start),var(--byte-end)),var(--surface);border:1px solid var(--border);border-radius:1rem;padding:.75rem}.byte-segment small{color:var(--text-muted)}.inspector-card,.issue-banner{background:var(--surface-card);border:1px solid var(--border);border-radius:1rem;padding:.9rem}.inspector-tab-bar{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.9rem}.inspector-tab{align-items:center;background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:.84rem;font-weight:600;justify-content:center;min-height:2.35rem;padding:.45rem .75rem;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease}.inspector-tab:hover,.inspector-tab:focus-visible{border-color:var(--border-strong);color:var(--text-strong)}.inspector-tab.is-active{background:linear-gradient(135deg,rgba(96,207,255,.12),rgba(103,224,197,.08)),var(--surface);border-color:var(--border-strong);box-shadow:inset 0 1px #ffffff0a;color:var(--text-strong)}.inspector-tab-panel{display:flex;flex-direction:column;gap:.9rem}.inspector-tab-panel>h3,.inspector-tab-section>h3{margin:0}.inspector-tab-section{display:flex;flex-direction:column;gap:.7rem;padding-top:.35rem}.card-header-row,.definition-editor-head{align-items:center;display:flex;justify-content:space-between;gap:.8rem}.card-header-row{margin-bottom:.8rem}.card-header-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.definition-editor-stack{display:flex;flex-direction:column;gap:.9rem}.definition-editor-card{border:1px solid var(--border);border-radius:1rem;padding:.9rem;background:var(--surface-inset)}.definition-editor-head{margin-bottom:.8rem}.definition-value-list{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.8rem}.inline-form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.75rem}.inline-form-grid-compact{grid-template-columns:minmax(0,1.5fr) minmax(8rem,.8fr) auto;align-items:end}.inline-form-grid-bitfield{grid-template-columns:minmax(6rem,.6fr) minmax(0,1.4fr) minmax(8rem,.8fr) auto;align-items:end}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:20}.modal-shell{width:min(72rem,100%);max-height:min(56rem,calc(100vh - 2rem));overflow:auto;border:1px solid var(--border-strong);border-radius:1.4rem;background:var(--surface-modal);box-shadow:0 24px 80px #00000059;padding:1.2rem}.modal-shell-wide{width:min(96rem,calc(100vw - 2rem))}.generate-code-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1.55fr) minmax(18rem,21rem)}.generate-code-main,.generate-review{display:flex;flex-direction:column;gap:1rem}.generate-section,.generate-review-card,.generate-target-card,.generate-output-card,.generate-issue-block{border:1px solid var(--border);border-radius:1rem;background:var(--surface-card)}.generate-section,.generate-review-card{display:flex;flex-direction:column;gap:.9rem;padding:1rem}.generate-target-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr))}.generate-output-list,.generate-issue-stack{display:grid;gap:.75rem}.generate-output-list{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.generate-issue-stack{grid-template-columns:1fr}.generate-target-card,.generate-output-card{color:var(--text-strong);display:flex;flex-direction:column;gap:.55rem;min-height:0;padding:.95rem 1rem;text-align:left;width:100%;transition:transform .14s ease,border-color .14s ease,background .14s ease}.generate-target-card:hover,.generate-output-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.generate-target-card strong,.generate-output-card strong{font-size:1rem}.generate-target-card p,.generate-output-card p,.generate-review-card p,.generate-issue-block p{color:var(--text-muted);margin:0}.generate-target-card small{color:var(--text-muted);font-family:SFMono-Regular,Menlo,Monaco,monospace}.generate-target-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.generate-target-title{align-items:center;display:inline-flex;gap:.7rem;min-width:0}.generate-target-icon{color:var(--text-strong);display:block;height:1.15rem;width:1.15rem}.generate-target-head .summary-chip{flex:0 0 auto;padding:.28rem .58rem;white-space:nowrap}.generate-target-icon-shell-ios,.generate-target-icon-shell-ios.generate-target-icon,.generate-target-icon-ios{color:#f5f7fb}.generate-target-icon-shell-android,.generate-target-icon-shell-android.generate-target-icon,.generate-target-icon-android{color:#8bdc65}.generate-target-icon-shell-flutter,.generate-target-icon-shell-flutter.generate-target-icon,.generate-target-icon-flutter{color:#67b0ff}.generate-target-icon-shell-reactNative,.generate-target-icon-shell-reactNative.generate-target-icon,.generate-target-icon-reactNative{color:#6de1ff}.generate-target-icon-shell-nordic,.generate-target-icon-shell-nordic.generate-target-icon,.generate-target-icon-nordic{color:#59b3ff}.generate-target-icon-shell-zephyr,.generate-target-icon-shell-zephyr.generate-target-icon,.generate-target-icon-zephyr{color:#5bd0c2}.generate-target-icon-shell-rust,.generate-target-icon-shell-rust.generate-target-icon,.generate-target-icon-rust{color:#ffbf6c}.generate-output-head,.generate-section-header,.generate-roadmap-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.generate-section-header>div:first-child,.generate-roadmap-header>div:first-child{min-width:0}.generate-selection-state{border:1px solid var(--border);border-radius:999px;color:var(--text-muted);flex:0 0 auto;font-size:.76rem;letter-spacing:.08em;padding:.32rem .65rem;text-transform:uppercase}.generate-selection-state.is-selected{border-color:var(--notice-border);background:var(--notice-bg);color:var(--text-strong)}.generate-review-card h3,.generate-section h3{margin:0 0 .3rem}.generate-review{align-self:start;position:sticky;top:0}.generate-issue-block{display:flex;flex-direction:column;gap:.55rem;padding:.9rem}.generate-issue-block strong{display:block}.generate-issue-block-warning{border-color:var(--danger-border);background:var(--danger-bg)}.generate-issue-block-success{border-color:var(--notice-border);background:var(--notice-bg)}.generate-issue-list{color:var(--text-muted);display:flex;flex-direction:column;gap:.45rem;margin:0;padding-left:1.1rem}.generate-review-actions{justify-content:stretch}.generate-review-actions>.subtle-action,.generate-review-actions>.panel-action{flex:1 1 auto}.catalog-toolbar{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1rem}.catalog-category-row{display:flex;flex-wrap:wrap;gap:.55rem}.catalog-browser{display:grid;gap:1rem;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr)}.catalog-results,.catalog-detail,.catalog-result-item,.catalog-detail-card,.catalog-source-block{border:1px solid var(--border);border-radius:1rem;background:var(--surface-card)}.catalog-results,.catalog-detail{padding:1rem}.catalog-results{display:flex;flex-direction:column;gap:.9rem;min-height:34rem}.catalog-results-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text-muted);font-size:.86rem}.catalog-result-list{display:flex;flex-direction:column;gap:.7rem;overflow:auto}.catalog-result-item{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;padding:1rem;text-align:left}.catalog-result-item small{color:var(--text-muted)}.catalog-detail{display:flex;flex-direction:column;gap:1rem}.catalog-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.catalog-detail-header h3{margin:.45rem 0 0}.catalog-detail-section{display:flex;flex-direction:column;gap:.7rem}.catalog-detail-section h4{margin:0}.catalog-detail-list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.catalog-detail-card{padding:.8rem}.catalog-detail-card strong,.catalog-detail-card span{display:block}.catalog-detail-card .summary-chip-row{margin-top:.55rem}.catalog-detail-metadata,.catalog-metadata{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:0}.catalog-detail-metadata div,.catalog-metadata div{padding:.65rem .7rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface-inset)}.catalog-detail-metadata dt,.catalog-metadata dt{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.catalog-detail-metadata dd,.catalog-metadata dd{margin:.25rem 0 0;color:var(--text-strong)}.catalog-source-block{padding:.9rem}.catalog-path-list{display:flex;flex-wrap:wrap;gap:.5rem}.catalog-path-chip{display:inline-flex;padding:.3rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-inset);color:var(--text-muted)}.catalog-mono{font-family:SFMono-Regular,Menlo,Monaco,monospace;overflow-wrap:anywhere}.definition-list,.summary-list{margin:0;padding-left:1rem}.definition-list div+div,.summary-list li+li{margin-top:.45rem}.inspector-field{display:flex;flex-direction:column;gap:.4rem}.inspector-panel,.sidebar-scroll{position:relative;top:auto;max-height:var(--inspector-max-height);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-scroll{max-height:none}.inspector-panel::-webkit-scrollbar,.sidebar-scroll::-webkit-scrollbar{width:.55rem}.inspector-panel::-webkit-scrollbar-thumb,.sidebar-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.inspector-panel:hover,.inspector-panel:focus-within,.sidebar-scroll:hover,.sidebar-scroll:focus-within{scrollbar-color:rgba(96,207,255,.38) transparent}.inspector-panel:hover::-webkit-scrollbar-thumb,.inspector-panel:focus-within::-webkit-scrollbar-thumb,.sidebar-scroll:hover::-webkit-scrollbar-thumb,.sidebar-scroll:focus-within::-webkit-scrollbar-thumb{background:rgba(96,207,255,.38)}.inspector-panel:hover::-webkit-scrollbar-thumb:hover,.inspector-panel:focus-within::-webkit-scrollbar-thumb:hover,.sidebar-scroll:hover::-webkit-scrollbar-thumb:hover,.sidebar-scroll:focus-within::-webkit-scrollbar-thumb:hover{background:rgba(96,207,255,.54)}.binding-editor-list{display:flex;flex-direction:column;gap:.7rem}.binding-editor-row{display:grid;gap:.45rem}.table-row-action{border:1px solid var(--danger-border);border-radius:.9rem;background:var(--danger-bg);color:var(--text-strong);min-height:2.9rem;padding:.65rem .75rem}.issue-count-pill{align-items:center;background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:.82rem;padding:.35rem .75rem}.help-trigger{align-items:center;align-self:center;background:var(--notice-bg);border:1px solid var(--notice-border);border-radius:999px;color:var(--text-strong);display:inline-flex;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.88rem;height:1.9rem;justify-content:center;min-width:1.9rem;padding:0 .5rem}.help-trigger:hover{border-color:var(--notice-border-strong);transform:translateY(-1px)}.empty-state{align-items:flex-start;border:1px dashed var(--border-strong);border-radius:1rem;display:flex;flex-direction:column;gap:.8rem;padding:1rem}.empty-state h3,.help-drawer h2,.help-topic-header h3,.help-section h3,.empty-state p,.inline-help-note p,.issue-card p,.issue-card small,.help-topic-link small,.help-topic-header p,.help-section p,.help-callout p{margin:0}.empty-state-rich{background:var(--surface-card)}.service-inline-empty{padding:.8rem}.empty-state-actions{display:flex;flex-wrap:wrap;gap:.65rem}.visually-hidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.yaml-preview{margin:0;overflow:auto;padding:1rem;background:var(--yaml-bg);border:1px solid var(--border);border-radius:1rem;color:var(--yaml-text);font-size:.88rem;max-height:34rem}.issue-banner{border-color:var(--danger-border-strong);margin-bottom:.9rem}.inline-help-note{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem;padding:.9rem;border:1px solid var(--notice-border);border-radius:1rem;background:var(--notice-bg)}.issue-card-list{display:flex;flex-direction:column;gap:.75rem}.issue-card{display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--danger-border-soft);border-radius:.95rem;padding:.85rem;background:var(--surface-danger-card)}.issue-card small{color:var(--text-muted)}.help-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--surface-drawer-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:flex-end}.help-drawer{width:min(64rem,100vw);height:100vh;overflow:auto;padding:1.25rem;border-left:1px solid var(--border-strong);background:radial-gradient(circle at top right,var(--drawer-glow-1),transparent 20rem),radial-gradient(circle at 20% 20%,var(--drawer-glow-2),transparent 18rem),var(--surface-overlay);box-shadow:-1rem 0 3rem #00000047}.help-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.help-drawer-layout{display:grid;gap:1rem;grid-template-columns:minmax(16rem,18rem) minmax(0,1fr)}.help-drawer-nav,.help-drawer-content,.help-callout,.help-section{border:1px solid var(--border);border-radius:1rem;background:var(--surface-card)}.help-drawer-nav{display:flex;flex-direction:column;gap:.6rem;padding:.85rem}.help-topic-link{display:flex;flex-direction:column;gap:.35rem;text-align:left;padding:.85rem .9rem;border:1px solid transparent;border-radius:.9rem;background:transparent;color:var(--text-strong)}.help-topic-link:hover{border-color:var(--border-strong);background:var(--surface-card)}.help-topic-link small{color:var(--text-muted)}.help-drawer-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.help-topic-header{display:flex;flex-direction:column;gap:.45rem}.help-section,.help-callout{display:flex;flex-direction:column;gap:.6rem;padding:.95rem}.help-callout{border-color:var(--notice-border);background:var(--notice-bg)}.help-list{margin:0;padding-left:1.15rem}.help-list li+li{margin-top:.5rem}@media (max-width: 1200px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;overflow:visible}.sidebar-scroll{max-height:none;overflow:visible;padding-right:0}.workspace-grid{grid-template-columns:1fr}.resize-handle{display:none}.inspector-panel{position:relative;top:auto;max-height:none;overflow:visible}.inspector-tab-bar{grid-template-columns:1fr}.inspector-rail{position:relative;top:auto}.workspace-header{background:transparent;border-radius:0;border:0;box-shadow:none;padding-bottom:0;position:relative;top:auto}.packet-workbench,.field-grid,.field-advanced-grid,.inline-form-grid,.inline-form-grid-compact,.inline-form-grid-bitfield,.generate-code-layout,.generate-target-grid,.catalog-browser,.catalog-detail-list,.catalog-detail-metadata,.catalog-metadata{grid-template-columns:1fr}.field-advanced-grid{margin-left:0}.help-drawer{width:100vw}.help-drawer-layout{grid-template-columns:1fr}}@media (max-width: 860px){.workspace-header,.panel-header,.packet-workbench{grid-template-columns:1fr;display:grid}.field-grid,.field-advanced-grid,.inline-form-grid,.inline-form-grid-compact,.inline-form-grid-bitfield,.generate-code-layout,.generate-target-grid,.catalog-browser,.catalog-detail-list,.catalog-detail-metadata,.catalog-metadata{grid-template-columns:1fr}.service-browser-header,.characteristic-card-header,.catalog-detail-header,.catalog-results-header,.panel-title-row,.help-drawer-header,.empty-state-actions{align-items:flex-start;flex-direction:column}}