:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d0e;--bg-deep:#080a0b;--sidebar:#151719;--panel:#111416;--panel-raised:#171a1d;--panel-soft:#1b1e20;--line:#373b3e;--line-soft:#262a2d;--text:#e8e9e4;--muted:#9da0a3;--muted-2:#6f7478;--accent:#c5f43d;--accent-bright:#d4ff54;--accent-ink:#141807;--warning:#ffd459;--danger:#ff7676;--radius:3px;--mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-family:var(--mono);font-synthesis:none;text-rendering:geometricprecision}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}code,pre{font-family:var(--mono)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{grid-template-columns:224px minmax(0,1fr);min-width:0;max-width:100%;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:5;background:linear-gradient(105deg,#181a1c 0%,#121416 100%);flex-direction:column;height:100vh;padding:17px 11px 14px;display:flex;position:sticky;top:0}.brand{padding:0 5px 16px;text-decoration:none;display:block}.brand>span{color:var(--accent-bright);font:700 28px/1 var(--mono);letter-spacing:-1.8px;text-shadow:0 0 14px #c5f43d21;display:block}.brand small{color:#c4c7c8;text-transform:uppercase;letter-spacing:.45px;margin-top:9px;font-size:11px;line-height:1.45;display:block}.trust-stack{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff04;gap:11px;padding:11px 10px;display:grid}.trust-stack>div{color:var(--accent);grid-template-columns:20px 1fr;align-items:start;gap:8px;display:grid}.trust-stack svg{margin-top:1px}.trust-stack strong{text-transform:uppercase;font-size:10px;line-height:1.3;display:block}.trust-stack small{color:#afb2b4;margin-top:2px;font-size:9px;line-height:1.4;display:block}.step-nav{gap:3px;margin:24px -3px 0;display:grid}.step-nav a{color:#b9bcbf;letter-spacing:.3px;text-transform:uppercase;border:1px solid #0000;padding:10px 11px;font-size:11px;line-height:1;text-decoration:none;display:block}.step-nav a span{color:#868b8f}.step-nav a:hover{color:var(--text);border-color:var(--line-soft)}.step-nav a.active{color:var(--accent-ink);border-color:var(--accent);background:linear-gradient(90deg,#d1fb4b,#bce739);box-shadow:0 0 20px #c5f43d14}.step-nav a.active span{color:var(--accent-ink)}.sidebar-help{border-top:1px solid var(--line);gap:9px;margin-top:23px;padding:18px 6px 0;display:grid}.sidebar-help>span{color:#b5b8ba;text-transform:uppercase;margin-bottom:3px;font-size:10px}.sidebar-help a{color:#a5a9ac;font-size:10px;text-decoration:none}.sidebar-help a:before{content:"□";color:var(--muted-2);margin-right:8px}.sidebar-help a:hover{color:var(--accent)}.build-stamp{border:1px solid var(--line);border-radius:var(--radius);background:#17191b;margin-top:auto;padding:12px 10px;font-size:9px}.build-stamp span,.build-stamp small,.build-stamp em{display:block}.build-stamp span{color:#c9cdcf}.build-stamp small{color:#969b9e;margin:4px 0 10px}.build-stamp em{color:#8e9295;font-style:normal}.build-stamp i{background:#72d950;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #72d95066}.main-surface{background:linear-gradient(135deg,#0d0f10,#0a0c0d 55%,#0e1011);min-width:0;max-width:100%}.top-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);min-width:0;display:grid}.panel{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#15181afa,#0d0f10fa)}.top-grid>.panel{min-height:396px;padding:19px 17px 16px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.panel-heading h2,.mapping-toolbar h2,.command-panel h2{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;line-height:1.3}.panel-heading h2 span,.mapping-toolbar h2 span,.command-panel h2 span,.action-card h3 span{color:var(--accent-bright)}.panel-heading p,.mapping-toolbar p,.command-panel .panel-heading p{color:#afb2b4;margin:6px 0 0;font-size:10px;line-height:1.45}.panel-heading code{color:#d5d8d9}.outline-button,.text-button,.icon-button{border:1px solid var(--accent);color:var(--accent);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:1px;justify-content:center;align-items:center;gap:7px;min-height:29px;padding:0 12px;font-size:10px;font-weight:700;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.outline-button:hover:not(:disabled){color:var(--accent-ink);background:var(--accent)}.outline-button:disabled{cursor:not-allowed;opacity:.34}.text-button{border-color:var(--line);color:#bec2c4}.text-button:hover{color:#fff;border-color:#777d81}.icon-button{color:#7f8588;border-color:var(--line);width:28px;min-width:28px;padding:0}.icon-button:hover{color:var(--danger);border-color:var(--danger)}.editor-shell{background:#111315;border:1px solid #4d5255;grid-template-columns:34px minmax(0,1fr);min-width:0;height:292px;display:grid;overflow:hidden}.line-gutter{color:#5f6569;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #2e3235;padding:7px 7px 7px 0;font-size:10px;line-height:18px;overflow:hidden}.line-gutter span{display:block}.editor-shell textarea{resize:none;color:#d8dadb;width:100%;height:100%;caret-color:var(--accent);white-space:pre;-moz-tab-size:2;tab-size:2;background:0 0;border:0;outline:none;padding:7px 11px;font-size:10px;line-height:18px;overflow:auto}.editor-shell textarea::placeholder{color:#62676a}.editor-shell:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px #c5f43d1f}.parse-status{min-height:31px;color:var(--accent);align-items:center;gap:8px;font-size:10px;display:flex}.privacy-note{color:var(--accent);text-transform:uppercase;border:1px solid #596827;align-items:center;gap:6px;padding:6px 8px;font-size:9px;display:inline-flex}.device-list{gap:8px;max-height:160px;display:grid;overflow:auto}.device-row{text-align:left;border-radius:var(--radius);cursor:pointer;background:#ffffff03;border:1px solid #4a4f52;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:9px 11px;display:grid}.device-row:hover:not(:disabled){border-color:#747b7f}.device-row.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px #c5f43d38,0 0 14px #c5f43d08}.device-row:disabled{opacity:.45;cursor:not-allowed}.radio-mark{width:15px;height:15px;color:var(--accent-ink);border:1px solid #60666a;border-radius:50%;place-items:center;display:grid}.selected .radio-mark{background:var(--accent);border-color:var(--accent)}.device-name{min-width:0}.device-name strong,.device-name small,.device-ids small{display:block}.device-name strong{color:#e4e6e4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.device-row.selected .device-name strong{color:var(--accent-bright)}.device-name small,.device-ids small{color:#94999c;font-size:9px;line-height:1.5}.device-ids{text-align:left;min-width:112px}.empty-state{border:1px dashed var(--line);min-height:92px;color:var(--muted-2);place-items:center;font-size:10px;display:grid}.device-detail{border:1px solid var(--line);background:#ffffff03;margin-top:10px;padding:10px 12px}.device-detail dl{grid-template-columns:1fr 1fr;gap:5px 18px;margin:0;display:grid}.device-detail dl div{grid-template-columns:78px 1fr;gap:8px;font-size:9px;display:grid}.device-detail dt{color:#7f8589}.device-detail dd{color:#bfc3c5;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.device-detail p{border-top:1px solid var(--line-soft);color:#77842f;margin:9px 0 0;padding-top:8px;font-size:9px}.inline-warning{color:var(--warning);gap:7px;margin-top:9px;font-size:9px;line-height:1.45;display:flex}.mapping-panel{padding:15px 17px 16px}.mapping-toolbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:11px;display:flex}.search-box{color:#8f9497;background:#131517;border:1px solid #4a5053;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;width:240px;height:29px;padding:0 9px;display:grid}.search-box:focus-within{border-color:var(--accent)}.search-box input{color:#d7d9da;background:0 0;border:0;outline:0;min-width:0;font-size:10px}.search-box input::placeholder{color:#777c80}.search-box small{color:#61666a;font-size:9px}.mapping-workspace{border:1px solid var(--line);grid-template-columns:minmax(510px,.92fr) minmax(510px,1.08fr);min-height:258px;display:grid}.mapping-table{border-right:1px solid var(--line);padding:10px;overflow:hidden}.mapping-labels{color:var(--accent);text-transform:uppercase;grid-template-columns:26px minmax(125px,1fr) 24px minmax(125px,1fr) 102px 30px;gap:7px;margin-bottom:7px;padding:0 2px;font-size:9px;display:grid}.mapping-labels span:first-child{grid-column:2}.mapping-labels span:nth-child(2){grid-column:4}.mapping-labels span:nth-child(3){grid-column:5}.mapping-row{grid-template-columns:26px minmax(125px,1fr) 24px minmax(125px,1fr) 102px 30px;align-items:center;gap:7px;margin-bottom:7px;display:grid}.mapping-row>b{color:#747a7d;text-align:center;font-size:10px;font-weight:400}.mapping-row>svg{color:#92979a;justify-self:center}.mapping-row select{color:#d2d5d6;background:#1a1d1f;border:1px solid #43484b;border-radius:1px;outline:none;width:100%;height:30px;padding:0 27px 0 9px;font-size:9px}.mapping-row select:focus{border-color:var(--accent)}.mapping-row code{color:#b8bcbe;text-overflow:ellipsis;font-size:8px;overflow:hidden}.mapping-actions{gap:8px;padding:5px 0 0 33px;display:flex}.keyboard-preview{background:linear-gradient(145deg,#ffffff03,#0000);flex-direction:column;justify-content:center;padding:10px;display:flex;overflow:hidden}.key-row{gap:4px;margin-bottom:4px;display:grid}.key-row.row-0{grid-template-columns:repeat(14,minmax(30px,1fr))}.key-row.row-1{grid-template-columns:.8fr .8fr 1fr 1fr 1fr 1.15fr 2.2fr 1.15fr 1fr .8fr}.key-row.row-2{grid-template-columns:repeat(8,minmax(48px,1fr));margin-top:7px}.key-row>span{color:#c4c7c9;text-align:center;background:linear-gradient(#202326,#16191b);border:1px solid #383d40;border-bottom-color:#262a2d;place-items:center;min-width:0;min-height:30px;padding:4px;font-size:8px;display:grid;box-shadow:0 1px #090a0b}.key-row>span.experimental{border-style:dotted}.key-row>span.source{color:var(--accent-bright);border-color:var(--accent);box-shadow:inset 0 -2px #c5f43d47}.key-row>span.target{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.key-row>span.source.target{color:var(--accent-ink);background:linear-gradient(135deg, var(--accent) 0 50%, #24291a 50%)}.legend{color:#8f9497;align-items:center;gap:8px;margin-top:10px;font-size:8px;display:flex}.legend i{border:1px solid var(--accent);width:9px;height:9px;display:inline-block}.legend .target-box{background:var(--accent)}.legend svg{color:var(--accent)}.legend span{color:#656a6d;margin-left:auto}.mapping-messages{flex-wrap:wrap;gap:7px 15px;margin-top:10px;display:flex}.mapping-messages p{align-items:center;gap:6px;margin:0;font-size:9px;display:flex}.mapping-messages .error{color:var(--danger)}.mapping-messages .warning{color:var(--warning)}.output-grid{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,2.4fr) repeat(3,minmax(180px,.72fr));display:grid}.command-panel{padding:15px 17px 16px}.command-buttons{gap:8px;display:flex}.code-tabs{border-bottom:1px solid var(--line);gap:0;display:flex}.code-tabs button{color:#7e8488;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 11px;font-size:9px}.code-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.code-preview{background:#0f1112;border:1px solid #474c4f;border-top:0;grid-template-columns:34px minmax(0,1fr);height:250px;display:grid;overflow:hidden}.code-lines{color:#5d6265;text-align:right;border-right:1px solid #2b2f31;padding:9px 7px 9px 0;font-size:9px;line-height:16px;overflow:hidden}.code-lines span{display:block}.code-preview pre{color:#ced1d2;white-space:pre;margin:0;padding:9px 11px;font-size:9px;line-height:16px;overflow:auto}.matching-strip{color:#7e8487;align-items:center;gap:8px;min-height:34px;font-size:9px;display:flex}.matching-strip code{color:#c5c8ca}.matching-strip em{color:var(--warning);margin-left:auto;font-style:normal}.action-card{border-right:1px solid var(--line);background:linear-gradient(145deg,#151719,#101214);min-width:0;padding:15px 14px}.action-card h3{color:var(--accent);text-transform:uppercase;margin:0;font-size:11px}.action-card>p{color:#a3a7a9;min-height:40px;margin:7px 0 12px;font-size:9px;line-height:1.45}.action-card .outline-button{width:100%;min-height:38px}.action-card ul{color:#969b9e;border-top:1px dashed #33383b;border-bottom:1px dashed #33383b;margin:15px 0;padding:13px 0 13px 16px;font-size:9px;line-height:1.7}.action-card>small{color:#b9d259;border:1px solid #4e5d24;align-items:flex-start;gap:6px;padding:9px;font-size:8px;line-height:1.45;display:flex}.action-card.warning>small{color:var(--warning);border-color:#66531b}.action-card>small svg{flex:none;margin-top:1px}.guide{max-width:1120px;margin:0 auto;padding:86px 38px 72px}.guide>header{max-width:780px}.guide h2{color:var(--text);letter-spacing:-1.6px;margin:0;font-size:clamp(25px,3vw,40px);line-height:1.08}.guide>header p{color:#a8acae;margin:18px 0 0;font-size:13px;line-height:1.75}.guide code,.guide a{color:var(--accent)}.guide-columns{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:48px;display:grid}.guide-columns section{border-top:1px solid var(--line);padding-top:16px}.guide h3{color:var(--accent);text-transform:uppercase;margin:0 0 12px;font-size:12px;line-height:1.35}.guide-columns p,.guide-limits p{color:#969b9e;margin:0;font-size:11px;line-height:1.75}.guide-limits{border:1px solid var(--line);background:#111315;margin-top:50px;padding:25px 27px}.page-footer{border-top:1px solid var(--line);color:#929699;justify-content:space-between;align-items:center;gap:20px;min-height:50px;padding:0 22px;font-size:9px;display:flex}.page-footer strong,.page-footer a{color:var(--accent)}.page-footer a{text-decoration:none}@media (max-width:1180px){.site-shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;gap:8px 20px;height:auto;padding:14px 18px;display:grid;position:relative}.brand{padding-bottom:0}.brand>span{font-size:24px}.brand small,.trust-stack,.sidebar-help,.build-stamp{display:none}.step-nav{align-items:center;margin:0;display:flex;overflow-x:auto}.step-nav a{white-space:nowrap;padding:9px 10px}.mapping-workspace{grid-template-columns:minmax(0,1fr)}.mapping-table{border-right:0;border-bottom:1px solid var(--line)}.output-grid{grid-template-columns:1.7fr repeat(3,1fr)}}@media (max-width:900px){.top-grid{grid-template-columns:minmax(0,1fr)}.top-grid>.panel{min-height:auto}.device-list{max-height:none}.output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-panel,.action-card:last-child{grid-column:1/-1}.guide-columns{grid-template-columns:1fr;gap:28px}}@media (max-width:680px){.sidebar{padding:14px;display:block}.brand{padding:0 0 12px}.step-nav a{font-size:9px}.panel-heading,.mapping-toolbar{flex-direction:column;align-items:stretch}.top-grid>.panel,.mapping-panel,.command-panel{padding:15px 12px}.editor-shell{height:270px}.device-row{grid-template-columns:20px minmax(0,1fr)}.device-ids{grid-column:2;gap:12px;display:flex}.device-detail dl{grid-template-columns:1fr}.search-box{width:100%}.mapping-workspace{min-height:0}.mapping-labels{display:none}.mapping-row{grid-template-columns:22px minmax(0,1fr) 18px minmax(0,1fr) 28px}.mapping-row code{grid-area:2/2/auto/5;padding-left:2px}.mapping-actions{padding-left:29px}.keyboard-preview{padding:8px}.key-row.row-0{grid-template-columns:repeat(7,1fr)}.key-row.row-1{grid-template-columns:repeat(5,1fr)}.key-row.row-2{grid-template-columns:repeat(4,1fr)}.legend{flex-wrap:wrap}.legend span{width:100%;margin-left:0}.command-buttons{width:100%}.command-buttons button{flex:1}.output-grid{grid-template-columns:minmax(0,1fr)}.command-panel,.action-card:last-child{grid-column:auto}.action-card{min-height:auto}.guide{padding:62px 18px 54px}.guide h2{font-size:27px}.page-footer{flex-direction:column;align-items:flex-start;padding:15px 14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}