:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#29342f;background:#f6f5f1;font-synthesis:none;--ink: #29342f;--muted: #879089;--line: #e7e8e1;--green: #254b3e;--accent: #da6540;--paper: #fffefa}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,.repo-link{cursor:pointer;border:1px solid #dddfd7;background:#fffefa;color:inherit;border-radius:7px;padding:9px 12px;transition:background .15s,border-color .15s,box-shadow .15s}button:hover,.repo-link:hover{background:#f2f2eb;border-color:#a5b1a4}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,.repo-link:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #da6540;outline-offset:3px}input,select,textarea{color:inherit;background:#fffefa;border:1px solid #dedfd8;border-radius:6px;padding:9px 10px;min-width:0}select{width:100%;font-size:12px;padding-right:20px}input[type=number]{width:100%}label{display:block;color:#778078;font-size:11px;font-weight:500}label>input,label>select{display:block;margin-top:7px}h1,h2,h3,p{margin:0}h2{font-size:19px;font-weight:600;letter-spacing:-.5px}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:#eeefe8;border-right:1px solid #dddfd5;display:flex;flex-direction:column;padding:31px 19px 0;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;margin:0 7px 38px}.brand strong{font-size:26px;font-weight:750;letter-spacing:-1.3px}.brand strong>span{font-size:13px;color:#8a9187;font-weight:400;letter-spacing:-.2px}.brand-mark{display:grid;grid-template-columns:11px 11px;gap:3px;transform:rotate(-3deg)}.brand-mark i{width:11px;height:11px;border-radius:2px;background:#315e49}.brand-mark i:last-child{background:#da6540}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#808a7b;display:flex;align-items:center;gap:7px;margin:0 9px 23px}.status-dot,.success-dot{display:inline-block;background:#6a9379;width:6px;height:6px;border-radius:50%;flex-shrink:0}.error-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#bc533b}.project-name{font-size:9px;letter-spacing:1.3px;margin:0 9px 30px}.project-name input{border:0;background:transparent;padding:3px 0;font-size:14px;font-weight:600;width:100%;letter-spacing:0;color:#354135}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;color:#838b7f;font-size:10px;letter-spacing:1.4px;padding:0 9px;margin-bottom:10px}.sidebar-heading button{border:0;background:transparent;font-size:20px;padding:0 4px}.layers{display:flex;flex-direction:column;gap:8px}.layer-button{display:flex;text-align:left;align-items:center;gap:11px;background:transparent;border-color:transparent;padding:12px 11px;min-height:63px}.layer-button.selected{border-color:#d6ddd0;background:#fffefa;box-shadow:0 2px 3px #25392e05}.layer-index{font-family:monospace;font-size:11px;background:#e6e9de;border-radius:5px;padding:7px;color:#6f7b66}.selected .layer-index{background:#e0eadd;color:#416548}.layer-button>span:nth-child(2){flex:1;font-size:13px;font-weight:550}.layer-button small{display:block;font-size:10px;color:#8c9487;margin-top:5px;font-weight:400}.layer-dot{width:5px;height:5px;background:#799376;border-radius:50%}.layer-controls{margin:13px 8px}.layer-controls>input{font-size:11px;width:100%;background:transparent;border-color:#dee1d4}.layer-controls>div{display:flex;justify-content:space-between}.layer-controls .text-button{font-size:9px;padding:8px 0}.sidebar-note{display:flex;margin:9px 10px;color:#8c9586;gap:9px;font-size:10px;line-height:1.7}.sidebar-note>span{font-size:16px}.sidebar-bottom{margin-top:auto;padding:25px 0}.sidebar-bottom>button,.sidebar-bottom>.docs-link{border:0;background:transparent;width:100%;text-align:left;font-size:12px;color:#6f7a6d;margin-bottom:5px}.docs-link{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:7px;text-decoration:none}.docs-link:hover{background:#e1e6db;color:var(--green)}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:600}.local-footer{font-size:10px;color:#939b8e;display:flex;align-items:center;gap:8px;border-top:1px solid #dce1d4;margin:17px 8px 0;padding-top:18px}.workspace{min-width:0;flex:1}.topbar{height:82px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#faf9f6}.breadcrumbs{font-size:11px;color:#949c93}.breadcrumbs>span{margin:0 13px;color:#c6c9c1}.breadcrumbs strong{font-weight:500;color:#5e6c60}.top-actions{display:flex;align-items:center;gap:7px}.repo-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;text-decoration:none;white-space:nowrap}.saved-label{font-size:10px;color:#8b9788;margin-right:14px}.icon-button{border:0;background:transparent;font-size:20px;padding:6px}.primary{background:var(--green);color:#fff;border-color:var(--green);font-size:11px;padding:11px 17px;margin-left:10px;font-weight:550}.primary:hover{background:#346650;border-color:#346650}.primary>span{margin-left:16px}.export-dialog{width:min(900px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 90px #172d2640;overflow:hidden}.export-dialog[open]{display:flex;flex-direction:column}.export-dialog::backdrop{background:#1c2d2580;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.export-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.export-header h2{margin-top:8px;font-size:24px}.export-header p{margin-top:8px;font-size:13px;line-height:1.6;color:#627168}.export-header .icon-button{width:34px;height:34px;flex-shrink:0;padding:0;font-size:26px}.export-body{min-height:0;padding:22px 28px;overflow-y:auto;overscroll-behavior:contain}.export-code label{margin-bottom:10px;color:#485d50;font-size:12px;font-weight:600}.export-code textarea{display:block;width:100%;height:150px;min-height:120px;padding:16px;resize:vertical;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#324e40;background:#f3f5ef;border-color:#dce3d6}.export-help{margin-top:25px;font-size:13px;line-height:1.65}.export-help h3{font-size:16px;margin-bottom:6px}.export-help>p{color:#627168}.export-help figure{margin:18px 0 0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.export-help figcaption{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px;color:#627168;background:#f8f8f3}.export-help figcaption>strong{color:var(--ink)}.export-help figure a,.export-help img{display:block;width:100%}.export-help figure a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.export-help img{height:auto}.export-paste-note{margin-top:18px}.export-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px;border-top:1px solid var(--line);background:#f6f7f0;flex-shrink:0}.export-copy-status{font-size:12px;line-height:1.5;color:#52684e}.export-footer .primary{margin:0;min-width:118px;flex-shrink:0;font-size:13px;padding:12px 20px}@media(max-width:600px){.export-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.export-header,.export-body,.export-footer{padding:18px}.export-header h2{font-size:20px}.export-code textarea{height:170px}.export-help figcaption{display:grid;padding:10px 12px}.export-footer{flex-direction:column;align-items:stretch;gap:12px}}main{max-width:1660px;margin:auto;padding:36px 36px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8c958b;font-weight:550}h1{font-size:31px;font-weight:530;letter-spacing:-1.1px;margin:9px 0}.page-heading p{color:#929b91;font-size:12px}.subtle{background:transparent;border:1px solid #e0e3d9;font-size:11px;color:#76836f}.view-tabs{display:flex;border-bottom:1px solid #dee3d7;gap:24px;margin-bottom:23px;align-items:center}.view-tabs>button{padding:13px 0 15px;border:0;border-radius:0;background:transparent;color:#8a9487;font-size:12px;margin-bottom:-1px}.view-tabs>button.active{border-bottom:2px solid #315b44;color:#354e39}.tab-count{font-size:9px;background:#e8ece2;margin-left:7px;padding:2px 5px;border-radius:4px}.view-status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:#7f8e79}.panel{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 3px #233d2a02}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:20px;align-items:start}.keyboard-panel{padding:25px 24px 0;min-height:423px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{margin-top:7px}.small-muted{font-size:10px;color:#97a08f}.keyboard-scroll{overflow:auto;margin:29px -3px 20px;padding:3px}.keyboard{min-width:550px;padding:15px 11px 13px;border:1px solid #dce0d5;border-radius:9px;background:#eff0e8;box-shadow:0 3px #dce1d4,0 8px 15px #25392b04}.key-row{display:flex;gap:5px;margin-bottom:5px}.key-row:last-child{margin:0}.key-row:first-child .keycap{height:28px}.keycap{display:flex;min-width:0;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:7px 6px 5px;font-size:10px;height:40px;border:1px solid #d9ded2;background:#fffefa;border-radius:5px;box-shadow:0 2px #d2d8ca;position:relative}.keycap:hover{background:#f6f4e9;transform:translateY(-1px)}.keycap>small{font-size:8px;line-height:7px;color:#7e9683;align-self:flex-end;white-space:nowrap}.keycap.gesture{background:#f5e9d9;border-color:#e3d1b6;color:#977747;box-shadow:0 2px #d8c6a8}.keycap.gesture small{color:#b28b52}.keycap.assigned{background:#dfebe1;border-color:#bed2c2;color:#417656;box-shadow:0 2px #b8cdbb}.keycap.selected{background:#e87550!important;color:#fff!important;border-color:#ce5c36!important;box-shadow:0 2px #bf522f!important;outline:2px solid #f1bcaa;outline-offset:2px}.keycap.selected small{color:#ffe7dc}.keyboard-legend{display:flex;gap:16px;font-size:9px;color:#909b88;margin:0 1px 23px;align-items:center;flex-wrap:wrap}.keyboard-legend>span{display:flex;align-items:center;gap:5px}.keyboard-legend i{width:7px;height:7px;display:block;border-radius:2px;border:1px solid #d5dbc9}.legend-plain{background:#fffefa}.legend-map{background:#d5e5d8}.legend-dance{background:#f2dabc}.keyboard-tip{margin-left:auto;font-size:8px}.key-search{position:relative;display:flex;gap:6px;align-items:center;border:1px solid #e3e6dc;border-radius:6px;padding:0 10px;color:#8d9986;margin-bottom:24px}.key-search>input{border:0;background:transparent;flex:1;font-size:10px;padding:10px 3px}.search-results{position:absolute;top:35px;left:0;right:0;z-index:2;background:#fffefa;box-shadow:0 8px 30px #263b3325;padding:7px;display:grid;grid-template-columns:1fr 1fr;border-radius:6px;gap:4px}.search-results button{font-size:11px;text-align:left}.search-results small{display:block;font-size:9px;color:#8b9383}.feature-note{display:flex;align-items:center;gap:12px;border-top:1px solid #eef0e8;padding:17px 0 20px;color:#607159}.spark{font-size:28px;color:#bb9260}.feature-note strong{font-size:11px;font-weight:550}.feature-note p{font-size:9px;color:#98a08f;margin-top:5px;line-height:1.6}.inspector{padding:21px 21px 15px}.inspector-header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e9ebe2;padding-bottom:19px;margin-bottom:20px}.inspector h2{text-transform:capitalize;font-size:17px;margin-top:7px}.preview-key{background:#f0efe7;border:1px solid #dce0d3;border-radius:6px;padding:11px 8px;min-width:44px;text-align:center;font-size:11px;color:#76876a;box-shadow:0 2px #d9dece}.action-editor{margin-top:13px}.field-pair{display:flex;gap:10px}.field-pair>label{flex:1;min-width:0}.modifier-options{display:flex;gap:5px;margin-top:8px}.modifier-options button{font-size:14px;flex:1;padding:5px;background:#f5f6ef;color:#89977e;border-color:#e7e9df}.modifier-options button.active{color:#345b3d;border-color:#93b29a;background:#e1ebdf}.gesture-step{padding:16px 0;border-bottom:1px solid #eceee5}.gesture-step-title{display:flex;align-items:center;gap:8px}.gesture-step-title strong{font-size:11px;font-weight:550}.gesture-step-title button{border:0;padding:0 4px;margin-left:auto;background:transparent;color:#a0a78f}.step-dots{color:#c49253;font-size:8px;min-width:23px;letter-spacing:1px}.hold-switch{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:10px}.oneshot-timeout{margin-top:12px}.hold-switch input{margin:0;accent-color:#487554;width:12px;height:12px}.hold-action{padding-left:9px;border-left:2px solid #cddfc9}.timing-controls{padding-top:18px}.timing-controls>.field-pair{margin:14px 0}.timing-controls>label{margin-top:13px}.number-input{display:flex;align-items:center;border:1px solid #e1e5d8;border-radius:6px;padding-right:9px;margin-top:7px;background:#fff}.number-input input{border:0;font-size:11px;background:transparent;padding:9px}.number-input>span{font-size:10px;color:#9aa48e}.hint{font-size:10px;color:#929e88;line-height:1.7;margin-top:10px}.add-stage{padding:9px 0;margin-top:13px;width:100%;font-size:10px;background:transparent;border-style:dashed;color:#8b997d}.reset-binding{display:block;width:100%;margin-top:15px;padding-top:13px!important;border-top:1px solid #e9ebe1!important}.text-button{border:0;background:transparent;padding:7px 3px;font-size:10px;color:#839175}.danger{color:#ac5941}.empty-inspector{color:#99a38d;text-align:center;padding:25px 5px;font-size:11px;line-height:1.8}.empty-inspector>span{font-size:24px}.timeline{margin-top:23px;padding:23px 25px}.timeline h2{font-size:18px}.pill{font-size:9px;background:#eef1e7;color:#8c997d;letter-spacing:0;font-weight:400;padding:4px 6px;border-radius:4px;vertical-align:middle;margin-left:8px}.record{font-size:10px;display:flex;align-items:center;gap:8px;background:transparent}.record>span{width:6px;height:6px;border:1px solid #acb69d;border-radius:50%}.recording{color:#bf5c3c;border-color:#bf5c3c}.recording>span{background:#da6540}.preset-row{display:flex;gap:7px;margin:21px 0 19px;flex-wrap:wrap}.preset-row>button{font-size:10px;padding:7px 10px;color:#7b8b6d}.preset-row>button:last-child{margin-left:auto}.timeline-chart{margin-left:52px;padding-top:7px}.time-scale{display:flex;justify-content:space-between;font:9px monospace;color:#a4ac97;margin-bottom:15px}.track{height:36px;border-top:1px solid #e9ecdf;position:relative;background-image:linear-gradient(90deg,#eff1e5 1px,transparent 1px);background-size:25% 100%}.track-label{position:absolute;left:-52px;top:10px;font-size:8px;letter-spacing:1px;color:#9ca68e}.tick{position:absolute;top:6px;font:9px monospace;color:#a99b80;min-width:18px}.tick>i{display:block;width:2px;height:16px;background:#b9c6a9;margin-bottom:2px}.tick.up>i{height:9px;background:#d8dfcd}.output-track{height:42px}.output-chip{position:absolute;top:7px;background:#e0eadb;color:#54784c;border:1px solid #ccdcbf;border-radius:4px;padding:4px 7px;font-size:10px;white-space:nowrap}.trace-summary{margin-top:19px;border-top:1px solid #ebeee2;padding-top:15px;display:flex;align-items:center;gap:9px;font-size:10px;color:#9aa48c}.trace-summary strong{color:#5a7850;font-weight:550}.trace-summary>span:last-child{margin-left:auto}.trace-details{margin-top:12px;font-size:10px;color:#909e81}.trace-details summary{cursor:pointer}.frame-list{margin-top:12px;font-size:10px;max-height:220px;overflow:auto}.frame-list>div{display:grid;grid-template-columns:60px 1fr 1fr 1fr;gap:8px;padding:6px;border-top:1px solid #f0f1e7}.trace-editor{margin:10px 0}.trace-editor textarea{width:100%;height:160px;font:11px monospace;margin-bottom:7px}.capture-hint{color:#b56940}.workspace-footer{display:flex;justify-content:space-between;font-size:9px;color:#a2ab98;padding:23px 0 25px}.muted{padding:0 7px;color:#bac1b0}.settings-panel{display:flex;flex-wrap:wrap;gap:20px;padding:18px 22px;margin-bottom:20px}.settings-panel>label{flex:1;min-width:120px}.device-settings{flex-basis:100%;min-width:0;border-top:1px solid var(--line);padding-top:16px}.device-settings>label{max-width:420px}.device-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:420px;margin-top:12px}.notice{display:flex;align-items:center;justify-content:space-between;padding:12px 36px;background:#e9efe0;color:#647953;font-size:11px;line-height:1.6;gap:15px}.notice button{border:0;background:transparent;font-size:18px;padding:0 5px}.diagnostics{margin:15px 0;padding:12px 17px;background:#fae9df;border:1px solid #edc7b5;border-radius:7px;font-size:11px;color:#9b4d34;white-space:pre-wrap}.diagnostics p{padding:4px 0}.diagnostics code{font-size:10px;opacity:.7}.json-panel,.compiler-panel{padding:25px}.json-panel textarea{margin-top:20px;width:100%;height:570px;background:#f8f9f2;font:12px/1.7 ui-monospace,monospace;resize:vertical}.json-panel button,.compiler-panel button{font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.metrics>div{background:#f3f5eb;border:1px solid #e3e8d9;border-radius:8px;padding:20px}.metrics strong{display:block;font-size:26px;font-weight:500;letter-spacing:-1px}.metrics span{display:block;font-size:10px;color:#94a184;margin-top:7px}.passes{list-style:decimal-leading-zero;padding-left:35px;margin:20px 0}.passes li{padding:13px 7px;color:#7c916a;border-bottom:1px solid #eef1e5}.passes strong{font-size:12px;font-weight:550;text-transform:capitalize;color:#4b6340}.passes p{font-size:11px;margin-top:6px;color:#939f84;line-height:1.6}.compiler-panel details{font-size:12px;color:#6e835c;padding:12px 0}.compiler-panel summary{cursor:pointer}.compiler-panel pre{max-height:420px;overflow:auto;white-space:pre;font:10px/1.6 monospace;background:#f4f5ee;padding:18px;color:#647551;border-radius:7px}.sequence>div{padding:9px;background:#f3f5ed;margin-top:8px;border-radius:7px}.sequence-number{font-size:10px;color:#829572}.layout-ansi .keyboard{min-width:840px}.layout-tkl .keyboard{min-width:650px}@media(min-width:1600px){.keyboard{min-width:720px}.keycap{height:51px}.key-row:first-child .keycap{height:32px}.keyboard-panel{min-height:478px}.editor-grid{grid-template-columns:minmax(0,1fr) 326px}}@media(max-width:1220px){.sidebar{width:202px;padding-left:13px;padding-right:13px}.topbar{padding:0 24px}main{padding:28px 24px 0}.editor-grid{grid-template-columns:minmax(0,1fr) 265px;gap:15px}.keyboard-panel{padding:22px 17px 0}.inspector{padding:19px 16px}.saved-label,.keyboard-tip{display:none}}@media(max-width:980px){.sidebar{width:175px}.brand strong>span{display:none}.topbar{height:70px;padding:0 20px}.breadcrumbs{display:none}.top-actions{margin-left:auto}main{padding:25px 20px 0}.editor-grid{grid-template-columns:minmax(0,1fr)}.keyboard-panel{min-height:390px}.inspector{display:block}.gesture-steps{display:flex;gap:24px}.gesture-step{flex:1;min-width:0}.inspector-header{justify-content:flex-start}.preview-key{margin-left:auto}.settings-toggle{font-size:10px}.page-heading h1{font-size:26px}.timing-controls{max-width:390px}.inspector>label{max-width:300px}.workspace-footer{gap:20px}.sidebar-note{display:none}.keyboard{min-width:520px}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:15px 18px;border-right:0;border-bottom:1px solid #dddfd5}.brand{margin:0 0 15px}.brand strong{font-size:22px}.workspace-label,.project-name,.sidebar-note,.sidebar-heading,.layer-controls,.local-footer{display:none}.layers{flex-direction:row;overflow:auto}.layer-button{min-height:45px;padding:6px 9px;min-width:140px}.layer-button small{display:none}.sidebar-bottom{padding:10px 0 0;display:flex}.sidebar-bottom>button,.sidebar-bottom>.docs-link{font-size:10px;padding:4px}.topbar{height:60px}.primary{padding:9px;font-size:10px}.page-heading{gap:15px}.page-heading h1{font-size:25px}.eyebrow{font-size:8px}.view-tabs{gap:17px}.view-status{font-size:9px}.keyboard-legend{gap:12px}.section-heading h2{font-size:17px}.timeline{padding:18px}.timeline .section-heading{align-items:flex-start}.pill{display:none}.record{padding:7px;font-size:9px;white-space:nowrap}.trace-summary{flex-wrap:wrap}.trace-summary>span:last-child{margin-left:0;width:100%}.gesture-steps{display:block}.settings-panel{flex-wrap:wrap}.settings-panel>label{min-width:120px}.metrics{grid-template-columns:1fr 1fr}.workspace-footer{display:block;line-height:2}.workspace-footer>span{display:block}.notice{padding:10px 20px}.view-tabs>button{font-size:11px}.settings-toggle{padding:8px}.feature-note p{font-size:9px}.frame-list>div{grid-template-columns:45px 1fr 1fr}.frame-list>div>span:last-child{grid-column:2/-1}}