:root{--surface-base:#edeff1;--surface-raised:#fff;--surface-sunken:#e2e5e8;--line:#d2d6da;--line-strong:#b9bec3;--text-primary:#16181a;--text-secondary:#4a4f54;--text-disabled:#7b8085;--accent:#16181a;--accent-hover:#000;--accent-contrast:#fff;--brand:#e4002b;--state-measuring:#4a4f54;--state-ok:#0f7b54;--state-warning:#b45309;--state-error:#c8102e;--font-display:"IBM Plex Sans", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--touch-min:48px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius:5px;--radius-sm:4px;--radius-md:var(--radius);--radius-lg:var(--radius);--shadow-sm:0 1px 2px #16181a0d;--shadow-md:0 8px 24px #16181a24;--overlay:#16181a99;--stage-max:1024px;--content-max:600px;--step-title-size:48px}@media (width<=900px){:root{--space-3:10px;--space-4:12px;--space-5:14px;--space-6:16px;--space-8:20px;--step-title-size:40px}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-600.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-700.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--surface-base);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-body);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;padding-top:env(safe-area-inset-top,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);overflow:hidden}input,textarea,select,[contenteditable=true],.selectable-log,.selectable{-webkit-user-select:text;user-select:text}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes breathingPulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.top{height:56px;padding:0 var(--space-5);background:var(--surface-raised);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:14px;display:flex}.top .mark{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.top .mark .dot{background:var(--brand);border-radius:50%;flex:none;width:10px;height:10px}.top .mark small{color:var(--text-disabled);font-size:13px;font-weight:400}.top .spacer{flex:1}.chip{color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--line);white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:4px 11px;font-size:12.5px;display:inline-flex}.led{background:var(--text-disabled);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.led.ok{background:var(--state-ok)}.led.warn{background:var(--state-warning)}.led.err{background:var(--state-error)}.led.busy{background:var(--state-measuring)}.chip.mono{font-family:var(--font-mono);font-size:12px}.btn{min-height:var(--touch-min);padding:0 var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-primary);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-sunken)}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.danger{border-color:var(--state-error);background:var(--state-error);color:var(--accent-contrast)}.btn.block{width:100%}.btn:disabled{border-color:var(--line);background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.iconbtn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.iconbtn:hover{background:var(--surface-sunken)}.iconbtn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.rail{box-sizing:border-box;width:240px;height:100%;padding:var(--space-4);background:var(--surface-raised);border-right:1px solid var(--line);justify-content:space-between;gap:var(--space-3);flex-direction:column;flex:none;display:flex;overflow:hidden}.sechead{letter-spacing:.09em;text-transform:uppercase;color:var(--text-disabled);font-size:11px;font-weight:600}.steps{margin:var(--space-3) 0 0;flex-direction:column;gap:2px;min-height:0;padding:0;list-style:none;display:flex}.steps li{color:var(--text-disabled);white-space:nowrap;align-items:center;gap:11px;padding:5px 0;font-size:14px;display:flex;overflow:hidden}.steps .num{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--text-disabled);background:var(--surface-raised);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.steps .label{text-overflow:ellipsis;overflow:hidden}.steps li.is-done .num,.steps li.is-now .num{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.steps li.is-done{color:var(--text-secondary)}.steps li.is-now{color:var(--text-primary);font-weight:600}.rail-foot{gap:var(--space-2);flex-direction:column;display:flex}.rail-foot .chip{justify-content:flex-start}.rail-buttons{gap:var(--space-2);display:flex;position:relative}.subnav{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;background:var(--surface-base);flex:none;display:flex}.subnav .right{margin-left:auto}.subnav button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-height:34px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:7px;padding:0 12px 0 8px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.subnav button:hover{background:var(--surface-sunken)}@media (width<=900px){.top{gap:10px;height:46px;padding:0 14px}.rail{width:180px;padding:12px}.steps li{gap:9px;padding:3px 0;font-size:13px}.steps .num{width:20px;height:20px;font-size:10px}.top .mark small{display:none}}.record-screen{background:var(--surface-base);flex:1;min-height:0;display:flex}.list{background:var(--surface-raised);border-right:1px solid var(--line);flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.list-head{padding:var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.list-search{align-items:center;display:flex;position:relative}.list-search svg{color:var(--text-disabled);pointer-events:none;position:absolute;left:11px}.list-search input{width:100%;min-height:var(--touch-min);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);color:var(--text-primary);font:inherit;padding:0 12px 0 34px;font-size:14px}.list-items{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.client-row{width:100%;padding:10px var(--space-4);border:0;border-bottom:1px solid var(--line);background:var(--surface-raised);text-align:left;font:inherit;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:11px;display:flex}.client-row:hover{background:var(--surface-sunken)}.client-row.is-active{background:var(--surface-sunken);border-left-color:var(--brand)}.client-row .who{flex:1;min-width:0}.client-row .who b{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.client-row .who span{color:var(--text-secondary);font-size:12.5px}.client-row .when{color:var(--text-disabled);white-space:nowrap;font-size:12px}.avatar{background:var(--surface-sunken);border:1px solid var(--line);width:34px;height:34px;color:var(--text-secondary);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.avatar.big{width:56px;height:56px;font-size:18px}.client-row.is-active .avatar{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.record{min-width:0;min-height:0;padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.rechead{align-items:flex-start;gap:var(--space-3);display:flex}.rechead .who{flex:1;min-width:0}.rechead h2{color:var(--text-primary);margin:0;font-size:22px;font-weight:700;line-height:1.2}.rechead .sub{color:var(--text-secondary);margin-top:2px;font-size:13px}.rechead-acts{align-items:flex-start;gap:var(--space-2);flex:none;display:flex}.badges{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.chip.empty{color:var(--text-disabled);background:0 0;border-style:dashed}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius)}.grid4{gap:14px var(--space-5);padding:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.field .label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-disabled);font-size:11px;font-weight:600}.field .val{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;overflow:hidden}.field .val.mono{font-family:var(--font-mono);font-size:13px}.field .val.empty{color:var(--text-disabled)}.cardfoot{padding:11px var(--space-4);border-top:1px solid var(--line);background:var(--surface-sunken);border-radius:0 0 var(--radius) var(--radius);color:var(--text-secondary);align-items:center;gap:9px;font-size:13px;display:flex}.cardfoot .spacer{flex:1}.cardfoot button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.cardfoot button:hover{color:var(--state-error)}.hist .hd{align-items:center;gap:var(--space-3);padding:11px var(--space-4);border-bottom:1px solid var(--line);display:flex}.hist .delta{font-family:var(--font-mono);color:var(--text-secondary);font-size:12.5px}.hist table{border-collapse:collapse;width:100%}.hist th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-disabled);padding:9px var(--space-4);border-bottom:1px solid var(--line);font-size:11px;font-weight:600}.hist td{padding:11px var(--space-4);border-bottom:1px solid var(--line);color:var(--text-primary);font-size:14px}.hist tbody tr:last-child td{border-bottom:0}.hist tbody tr[role=button]{cursor:pointer}.hist tbody tr[role=button]:hover td{background:var(--surface-sunken)}.hist .num{font-family:var(--font-mono)}.hist .hint{padding:9px var(--space-4);border-top:1px solid var(--line);background:var(--surface-sunken);border-radius:0 0 var(--radius) var(--radius);color:var(--text-secondary);font-size:12.5px}.hist .empty{padding:var(--space-5) var(--space-4);color:var(--text-disabled);font-size:14px}.record-empty{padding:var(--space-5);color:var(--text-disabled);text-align:center;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}@media (width<=900px){.list{width:238px}.grid4{gap:10px var(--space-4);grid-template-columns:repeat(2,1fr)}.hideOnPi{display:none!important}.rechead h2{font-size:19px}.avatar.big{width:44px;height:44px;font-size:16px}.edit-client .label{display:none}.edit-client{padding:0 var(--space-3)}.record .hist tbody tr:nth-child(n+4){display:none}}.tiles{gap:var(--space-3);grid-template-columns:1.4fr 1fr 1fr 1fr;display:grid}.tile{padding:var(--space-3) var(--space-4);flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.tile .num{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:27px;font-weight:700;line-height:1.1}.tile .num .u{color:var(--text-secondary);margin-left:4px;font-size:.5em;font-weight:600}.tile.hero .num{font-size:46px}.tile .foot{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-top:2px;font-size:12px;display:flex;overflow:hidden}.lower{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.comp,.trend{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.comp .bar{background:var(--surface-sunken);border:1px solid var(--line);border-radius:100px;height:14px;display:flex;overflow:hidden}.comp .bar .fat{background:var(--brand);height:100%}.comp .legend{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.comp .legend span{align-items:center;gap:8px;display:flex}.comp .legend b{font-family:var(--font-mono);color:var(--text-primary);margin-left:auto;font-size:12.5px}.comp .legend i{border-radius:2px;flex:none;width:9px;height:9px}.comp .legend i.fat{background:var(--brand)}.comp .legend i.lean{background:var(--line-strong)}.trend-scope{color:var(--text-secondary);margin:-6px 0 0;font-size:12px;line-height:1.35}.trend svg{width:100%;height:auto;color:var(--text-primary)}.trend .row{font-family:var(--font-mono);color:var(--text-disabled);justify-content:space-between;font-size:12px;display:flex}.trend .row.values{color:var(--text-secondary)}.trend-empty{color:var(--text-disabled);margin:0;font-size:13px;line-height:1.45}.rhead{align-items:flex-start;gap:var(--space-3);display:flex}.rhead h2{color:var(--text-primary);margin:0;font-size:22px;font-weight:700;line-height:1.2}.rhead .sub{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.rfoot{align-items:center;gap:var(--space-3);padding-top:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}@media (width<=900px){.tiles{grid-template-columns:repeat(2,1fr)}.tile .num{font-size:24px}.tile.hero .num{font-size:40px}.comp,.trend{padding:var(--space-3)}.rhead h2{font-size:19px}}.instr{text-align:center;min-height:0;padding:var(--space-4) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.instr figure{width:100%;max-width:300px;color:var(--text-primary);margin:0}.instr figure svg{width:100%;height:auto}.instr h2{letter-spacing:-.02em;color:var(--text-primary);margin:10px 0 0;font-size:40px;font-weight:700;line-height:1.1}.instr p{max-width:460px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}@media (width<=900px){.instr figure{max-width:230px}.instr h2{font-size:30px}.instr p{max-width:420px;font-size:13px}}.panel{min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);background:var(--surface-base);flex:1;overflow-y:auto}.panel-col{gap:var(--space-4);flex-direction:column;width:100%;max-width:780px;margin:0 auto;display:flex}.panel-title{color:var(--text-primary);margin:0;font-size:22px;font-weight:700;line-height:1.2}.panel-grid{align-items:start;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel-grid>.wide{grid-column:1/-1}@media (width<=640px){.panel-grid{grid-template-columns:minmax(0,1fr)}}.panel-sec{gap:var(--space-3);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex}.panel-sec>h3{letter-spacing:.09em;text-transform:uppercase;color:var(--text-disabled);margin:0;font-size:11px;font-weight:600}.panel-sec>p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.panel-sec.is-off{opacity:.65}.panel-sec>.btn{align-self:flex-start}.panel-sec .sublabel{letter-spacing:.04em;text-transform:uppercase;color:var(--text-disabled);font-size:11px;font-weight:600}.btn-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.btn-row.nav .btn{padding:0 var(--space-4);justify-content:space-between}.kv{flex-direction:column;display:flex}.kv>div{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-bottom:1px solid var(--line);padding:7px 0;font-size:13.5px;display:flex}.kv>div:last-child{border-bottom:0;padding-bottom:0}.kv .k{color:var(--text-secondary);white-space:nowrap}.kv .v{min-width:0;color:var(--text-primary);text-align:right;text-overflow:ellipsis;font-weight:600;overflow:hidden}.kv .v .led{width:9px;height:9px;margin-right:7px}.kv .v.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.note{padding:9px var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:flex-start;gap:9px;font-size:13px;line-height:1.4;display:flex}.note svg{flex:none;margin-top:1px}.note.warn,.note.err,.note.ok{border-left:3px solid var(--line-strong);color:var(--text-primary)}.note.warn{border-left-color:var(--state-warning)}.note.err{border-left-color:var(--state-error)}.note.ok{border-left-color:var(--state-ok)}.note.busy{animation:1.5s ease-in-out infinite breathingPulse}.note b{font-weight:700;display:block}.note .raw{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;margin-top:3px;font-size:11px;display:block}.seg{gap:var(--space-2);display:grid}.seg[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.seg[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.seg button{min-height:var(--touch-min);padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-base);color:var(--text-primary);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.seg button:hover:not(:disabled):not(.is-on){background:var(--surface-sunken)}.seg button.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:inset 0 0 0 1px var(--accent)}.seg button:disabled{cursor:not-allowed;color:var(--text-disabled)}.picks{gap:var(--space-2);flex-direction:column;display:flex}.pick{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);text-align:left;font:inherit;cursor:pointer;flex-direction:column;gap:3px;display:flex}.pick:hover:not(:disabled){background:var(--surface-sunken)}.pick.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pick:disabled{cursor:not-allowed}.pick:disabled .name,.pick:disabled .desc{color:var(--text-disabled)}.pick.is-on:disabled .name{color:var(--text-primary)}.pick .name{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:14.5px;font-weight:600;display:flex}.pick .name .dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px;margin-left:auto}.pick .desc{color:var(--text-secondary);font-size:12.5px;line-height:1.35}.pick .why{color:var(--state-error);margin-top:2px;font-size:12px;font-weight:600}.counts{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.counts>div{padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-sm)}.counts .k{letter-spacing:.04em;text-transform:uppercase;color:var(--text-disabled);font-size:11px;font-weight:600}.counts .n{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:1px;font-size:26px;font-weight:700;line-height:1.1}.counts .n.pending{color:var(--state-warning)}.hist-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hist-bar .count{font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12.5px}.hist-bar .spacer{flex:1}.hist-bar b{color:var(--text-primary);font-size:14px;font-weight:600;display:block}.hist-bar .sub{color:var(--text-secondary);margin-top:1px;font-size:12.5px;display:block}select.field-select{min-height:var(--touch-min);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-raised);max-width:260px;color:var(--text-primary);font:inherit;cursor:pointer;padding:0 10px;font-size:14px;font-weight:600}.hist .who{color:var(--text-secondary);margin-top:1px;font-size:12px;display:block}.hist .who .anon{color:var(--text-disabled)}.hist td.act{width:1%;padding-right:var(--space-3);text-align:right}.hist td.act .iconbtn{width:32px;height:32px}.hist td.act .iconbtn:hover{border-color:var(--state-error);color:var(--state-error)}.modal{z-index:320;padding:var(--space-5);background:var(--overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal .box{gap:var(--space-4);width:100%;max-width:440px;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.modal h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.modal p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.modal .acts{gap:var(--space-3);justify-content:flex-end;display:flex}.drawer{z-index:300;background:var(--surface-raised);border-left:1px solid var(--line);width:min(440px,100vw);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);flex:none;display:flex}.drawer-head h2{min-width:0;color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:700}.drawer-head .iconbtn{width:40px;height:40px}.drawer-body{min-height:0;padding:var(--space-3);background:var(--surface-sunken);font-family:var(--font-mono);color:var(--text-primary);flex:1;font-size:12px;line-height:1.5;overflow-y:auto}.drawer-body div{white-space:pre-wrap;word-break:break-all}.drawer-body .empty{color:var(--text-secondary)}.drawer-foot{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--line);background:var(--surface-raised);flex-direction:column;flex:none;display:flex}.keys{flex-wrap:wrap;gap:6px;display:flex}.keys button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-base);min-height:36px;color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;padding:0 10px;font-size:12px;font-weight:600}.keys button:hover:not(:disabled){background:var(--surface-sunken)}.keys button:disabled{cursor:not-allowed;color:var(--text-disabled)}.drawer-foot form{gap:6px;display:flex}.drawer-foot input{min-width:0;min-height:var(--touch-min);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-primary);font-family:var(--font-mono);flex:1;padding:0 10px;font-size:13px}@media (width<=900px){.panel{padding:var(--space-3) var(--space-4) var(--space-4)}.panel-title{font-size:18px}.panel-sec{padding:var(--space-3);gap:var(--space-2)}.drawer{width:min(400px,100vw)}}