:root{font-family:Avenir Next,Trebuchet MS,sans-serif;color:#f3ead4;background:radial-gradient(circle at top left,rgba(255,181,71,.22),transparent 24rem),radial-gradient(circle at top right,rgba(53,194,193,.18),transparent 26rem),linear-gradient(180deg,#0b1117 0%,#0f161e 48%,#131a23 100%);line-height:1.5;font-weight:400;color-scheme:dark;--surface: rgba(18, 25, 33, .86);--surface-strong: rgba(9, 14, 20, .94);--surface-accent: rgba(255, 186, 92, .12);--border: rgba(255, 237, 195, .16);--border-strong: rgba(255, 196, 105, .32);--text-muted: #b6b0a2;--text-strong: #fff4d5;--accent: #ffba5c;--accent-2: #34c1bc;--danger: #ff8c6c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{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(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 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:18rem minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:1.25rem;border-right:1px solid var(--border);background:rgba(7,11,15,.82);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:1.25rem;position:sticky;top:0;height:100vh;overflow-y:auto}.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:.85rem;padding:1rem}.brand-mark{display:flex;align-items:center;gap:.85rem}.brand-icon{display:block;width:2.8rem;height:2.8rem;flex:0 0 auto}.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}.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-link,.sidebar-sublink,.packet-chip,.packet-list-item,.panel-action,.subtle-action{border:1px solid transparent;border-radius:1rem;background:rgba(255,255,255,.02);color:var(--text-strong);padding:.8rem .95rem;text-align:left;transition:transform .14s ease,border-color .14s ease,background .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}.sidebar-link,.packet-list-item{display:flex;align-items:center;gap:.75rem}.sidebar-link span,.sidebar-sublink,.packet-chip{overflow-wrap:anywhere;white-space:normal}.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-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)}button:disabled{cursor:default;opacity:.45;transform:none}.is-selected{border-color:var(--border-strong);background:rgba(255,186,92,.12)}.packet-chip.is-static{cursor:default}.workspace{padding:1.5rem}.workspace-header{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.workspace-controls{display:inline-flex;flex-wrap:wrap;gap:.65rem;margin-left:auto;align-items:center;position:relative}.history-controls{display:inline-flex;gap:.45rem}.history-action{min-width:5.5rem;text-align:center}.mode-switcher{display:inline-flex;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:999px;padding:.25rem}.mode-switch{border:0;border-radius:999px;background:transparent;color:var(--text-muted);padding:.55rem .95rem;transition:background .14s ease,color .14s ease}.mode-switch.is-selected{background:rgba(255,186,92,.14);color:var(--text-strong)}.panel-action-primary{background:linear-gradient(135deg,rgba(255,186,92,.2),rgba(52,193,188,.12)),rgba(255,255,255,.04);border-color:var(--border-strong)}.action-menu{position:relative}.action-menu-trigger{min-width:9.5rem;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:rgba(10,15,21,.98);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:hover{background:rgba(255,255,255,.04);border-color:var(--border)}.action-menu-item-danger{color:#ffd2c6}.action-menu-item-danger:hover{background:rgba(255,140,108,.12);border-color:#ff8c6c3d}.status-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;min-width:min(32rem,100%);margin-left:auto}.status-bar div{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:1rem;padding:.9rem 1rem}.status-bar strong{display:block;color:var(--text-strong);font-size:1.25rem}.status-bar span{color:var(--text-muted);font-size:.83rem}.workspace-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 23rem;align-items:start}.import-banner{background:rgba(52,193,188,.12);border:1px solid rgba(52,193,188,.3);border-radius:1rem;color:var(--text-strong);margin-bottom:1rem;padding:.8rem 1rem}.panel{padding:1rem}.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:rgba(255,186,92,.08)}.danger-action{border:1px solid rgba(255,140,108,.35);border-radius:.9rem;background:rgba(255,140,108,.12);color:var(--text-strong);padding:.65rem .85rem;transition:transform .14s ease,border-color .14s ease,background .14s ease}.danger-action:hover{border-color:#ff8c6c99;background:rgba(255,140,108,.2);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:rgba(7,11,15,.7);border:1px solid var(--border);border-radius:.9rem;color:var(--text-strong);padding:.7rem .8rem}.table-cell-readonly{align-items:center;background:rgba(255,255,255,.03);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(52,193,188,.08);border-radius:1rem;outline:1px dashed rgba(52,193,188,.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}.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;margin-bottom:.95rem}.characteristic-card{color:var(--text-strong);display:flex;flex-direction:column;gap:.8rem;padding:.95rem 1rem;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:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:999px;color:var(--text-strong);display:inline-flex;padding:.32rem .7rem}.summary-chip-accent{background:rgba(52,193,188,.12);border-color:#34c1bc40}.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:rgba(255,255,255,.04);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,rgba(52,193,188,.15),rgba(255,186,92,.16)),rgba(255,255,255,.02);border:1px solid var(--border);border-radius:1rem;padding:.75rem}.byte-segment small{color:var(--text-muted)}.inspector-card,.issue-banner{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:1rem;padding:.9rem}.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:rgba(7,11,15,.35)}.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:rgba(7,11,15,.7);-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:rgba(12,18,28,.96);box-shadow:0 24px 80px #00000059;padding:1.2rem}.modal-shell-wide{width:min(96rem,calc(100vw - 2rem))}.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:rgba(255,255,255,.03)}.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:rgba(7,11,15,.35)}.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:rgba(7,11,15,.35);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{position:sticky;top:1.5rem}.binding-editor-list{display:flex;flex-direction:column;gap:.7rem}.binding-editor-row{display:grid;gap:.45rem}.table-row-action{border:1px solid rgba(255,140,108,.25);border-radius:.9rem;background:rgba(255,140,108,.08);color:var(--text-strong);min-height:2.9rem;padding:.65rem .75rem}.issue-count-pill{align-items:center;background:rgba(255,255,255,.06);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:rgba(52,193,188,.12);border:1px solid rgba(52,193,188,.3);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:#34c1bc80;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:rgba(255,255,255,.02)}.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:rgba(7,11,15,.78);border:1px solid var(--border);border-radius:1rem;color:#dce8d5;font-size:.88rem;max-height:34rem}.issue-banner{border-color:#ff8c6c73;margin-bottom:.9rem}.inline-help-note{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem;padding:.9rem;border:1px solid rgba(52,193,188,.24);border-radius:1rem;background:rgba(52,193,188,.08)}.issue-card-list{display:flex;flex-direction:column;gap:.75rem}.issue-card{display:flex;flex-direction:column;gap:.35rem;border:1px solid rgba(255,140,108,.24);border-radius:.95rem;padding:.85rem;background:rgba(7,11,15,.32)}.issue-card small{color:var(--text-muted)}.help-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:rgba(7,11,15,.55);-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,rgba(255,186,92,.15),transparent 20rem),radial-gradient(circle at 20% 20%,rgba(52,193,188,.12),transparent 18rem),rgba(10,15,21,.98);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:rgba(255,255,255,.03)}.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:rgba(255,255,255,.03)}.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:#ffba5c47;background:rgba(255,186,92,.08)}.help-list{margin:0;padding-left:1.15rem}.help-list li+li{margin-top:.5rem}@media (max-width: 1600px){.status-bar{min-width:100%}}@media (max-width: 1200px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.workspace-grid{grid-template-columns:1fr}.inspector-panel{position:relative;top:auto}.packet-workbench,.field-grid,.field-advanced-grid,.inline-form-grid,.inline-form-grid-compact,.inline-form-grid-bitfield,.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}.status-bar,.field-grid,.field-advanced-grid,.inline-form-grid,.inline-form-grid-compact,.inline-form-grid-bitfield,.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}}