.pkd-cols{align-items:flex-start;gap:16px;display:flex}.pkd-col{flex-direction:column;gap:11px;min-width:0;display:flex}.pkd-col.grow{flex:auto}.pkd-row{align-items:flex-end;gap:8px;display:flex}.pkd-row .pk-field{flex:1 1 0;min-width:0}.pkd-row .pk-field.fixed{flex:0 0 100px}.pkd-row>.pk-unit{align-self:center}.pk-dialog .pk-field>label.pk-check{font-size:var(--fs);letter-spacing:0;text-transform:none;color:var(--text);font-weight:400}.pk-dialog .pk-field>label.pk-check:hover{color:var(--text-hi)}.pkd-section{font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--hair);margin:2px 0 0;padding-bottom:7px;font-weight:600}.pkd-note{color:var(--text-dim);font-size:var(--fs-sm);line-height:1.55}.pkd-readout{background:var(--s0);border:1px solid var(--hair);border-radius:var(--r-md);color:var(--text-dim);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:pre-wrap;padding:9px 11px;line-height:1.7}.pkd-readout b{color:var(--text-hi);font-weight:600;font-size:var(--fs)}.pkd-presets{border-right:1px solid var(--hair);flex-direction:column;flex:0 0 210px;gap:10px;padding-right:16px;display:flex}.pkd-cats{flex-wrap:wrap;gap:4px;display:flex}.pkd-cat{border-radius:var(--r-full);height:22px;color:var(--text-dim);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:0 10px;transition:background .12s,color .12s}.pkd-cat:hover{background:var(--s3);color:var(--text-hi)}.pkd-cat.active{background:var(--accent-dim);color:var(--accent-hi);font-weight:600}.pkd-preset-list{flex-direction:column;gap:5px;max-height:292px;padding-right:2px;display:flex;overflow:auto}.pkd-preset{text-align:left;background:var(--s1);border:1px solid var(--hair);border-radius:var(--r-md);cursor:pointer;color:var(--text);flex-direction:column;gap:2px;padding:6px 10px;transition:background .12s,border-color .12s,color .12s;display:flex;position:relative;overflow:hidden}.pkd-preset:before{content:"";background:var(--accent);opacity:0;width:3px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.pkd-preset:hover{background:var(--s3);border-color:var(--hair-2);color:var(--text-hi)}.pkd-preset.active{background:var(--accent-dim);border-color:var(--hair-2);color:var(--text-hi)}.pkd-preset.active:before{opacity:1}.pkd-preset>span{font-weight:500}.pkd-preset small{color:var(--text-faint);font-size:var(--fs-micro);letter-spacing:.01em;font-variant-numeric:tabular-nums}.pkd-preset.active small{color:var(--text-dim)}.pkd-seg,.pkd-size-btns{background:var(--s0);border:1px solid var(--hair);border-radius:var(--r-full);flex-wrap:nowrap;align-items:center;gap:2px;width:max-content;max-width:100%;padding:2px;display:inline-flex}.pkd-seg button,.pkd-size-btns button{border-radius:var(--r-full);height:21px;color:var(--text-dim);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:none;padding:0 12px;transition:background .12s,color .12s}.pkd-seg button:hover,.pkd-size-btns button:hover{background:var(--s3);color:var(--text-hi)}.pkd-seg button.active,.pkd-size-btns button.active{background:var(--accent-dim);color:var(--accent-hi);box-shadow:var(--lift);font-weight:600}.pkd-chain{background:var(--s3);border:1px solid var(--hair-2);border-radius:var(--r-sm);width:27px;height:27px;box-shadow:var(--lift);color:var(--text-dim);cursor:pointer;flex:none;align-self:center;margin:8px 0 0;padding:0;transition:background .12s,border-color .12s,color .12s;position:relative}.pkd-chain:before,.pkd-chain:after{content:"";border-radius:var(--r-full);border:1.5px solid;width:12px;height:7px;transition:left .12s,width .12s;position:absolute;top:9px}.pkd-chain.on:before{left:3px}.pkd-chain.on:after{left:10px}.pkd-chain.off:before{width:10px;left:1px}.pkd-chain.off:after{width:10px;left:14px}.pkd-chain:hover{background:var(--s4);border-color:var(--hair-3);color:var(--text-hi)}.pkd-chain.on{background:var(--accent-dim);border-color:var(--accent-ring);color:var(--accent-hi)}.pkd-chain.on:hover{color:var(--accent-hi)}.pkd-anchor{background:var(--s0);border:1px solid var(--hair);border-radius:var(--r-md);grid-template-rows:repeat(3,28px);grid-template-columns:repeat(3,28px);gap:3px;width:max-content;padding:3px;display:grid}.pkd-anchor button{background:var(--s2);border:1px solid var(--hair);border-radius:var(--r-xs);cursor:pointer;color:var(--text-faint);justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:flex}.pkd-anchor button:hover{background:var(--s4);color:var(--text-hi)}.pkd-anchor button.active{background:var(--accent-dim);border-color:var(--accent-ring);color:var(--accent-hi);box-shadow:var(--lift)}.pkd-preview{border:1px solid var(--hair-2);border-radius:var(--r-md);background-color:#8a8a8a;background-image:linear-gradient(45deg,#797979 25%,#0000 25%),linear-gradient(-45deg,#797979 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#797979 75%),linear-gradient(-45deg,#0000 75%,#797979 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;min-height:120px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000004d}.pkd-preview canvas{max-width:100%;max-height:100%;box-shadow:var(--sh-1);display:block}.pkd-prefs{align-items:stretch;gap:16px;min-height:340px;display:flex}.pkd-prefs-nav{border-right:1px solid var(--hair);flex-direction:column;flex:0 0 158px;gap:3px;padding-right:14px;display:flex}.pkd-prefs-nav button{text-align:left;border-radius:var(--r-sm);height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 10px;transition:background .12s,color .12s;display:flex}.pkd-prefs-nav button:hover{background:var(--s3);color:var(--text-hi)}.pkd-prefs-nav button.active{background:var(--accent-dim);color:var(--text-hi);box-shadow:inset 2px 0 0 var(--accent);font-weight:500}.pkd-prefs-body{flex:auto;min-width:0;max-height:62vh;padding-right:2px;overflow:auto}.pkd-prefs-body .pkd-section{margin-bottom:10px}.pkd-keys-search{align-items:center;gap:10px;margin-bottom:11px;display:flex}.pkd-keys-search .pk-input{flex:auto}.pkd-keys-search .pk-hint{font-variant-numeric:tabular-nums;color:var(--text-dim);flex:none;margin:0}.pkd-keys-scroll{background:var(--s1);border:1px solid var(--hair);border-radius:var(--r-md);max-height:56vh;overflow:auto}.pkd-keys-table{border-collapse:collapse;width:100%;font-size:var(--fs)}.pkd-keys-table th{background:var(--s2);text-align:left;color:var(--text-dim);font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--hair-2);z-index:1;padding:7px 12px;font-weight:600;position:sticky;top:0}.pkd-keys-table td{border-bottom:1px solid var(--hair);vertical-align:middle;height:30px;color:var(--text-hi);padding:4px 12px;line-height:1.35}.pkd-keys-table tr:last-child td{border-bottom:none}.pkd-keys-table tr:hover td{background:#ffffff09}.pkd-keys-table td .pk-hint{font-size:var(--fs-micro);color:var(--text-faint);margin-top:0;line-height:1.4}.pkd-keys-group td{background:var(--s0);color:var(--text-dim);font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;border-top:1px solid var(--hair);height:26px;font-weight:600}.pkd-keys-table tr:hover .pkd-keys-group td,.pkd-keys-table tr.pkd-keys-group:hover td{background:var(--s0)}.pkd-key-btn{min-width:100px;font-family:var(--font);font-size:var(--fs-sm);background:var(--s3);border:1px solid var(--hair-2);border-radius:var(--r-xs);box-shadow:var(--lift);color:var(--text);cursor:pointer;text-align:center;padding:3px 8px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.pkd-key-btn:hover{background:var(--s4);border-color:var(--hair-3);color:var(--text-hi)}.pkd-key-btn.recording{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hi)}.pkd-key-btn.custom{color:var(--accent-hi);border-color:var(--accent-ring)}.pkd-key-clear{visibility:hidden}.pkd-keys-table tr:hover .pkd-key-clear{visibility:visible}.pkd-about{font-size:var(--fs);line-height:1.65}.pkd-about p{color:var(--text);margin:0 0 6px}.pkd-about ul{color:var(--text-dim);background:var(--s1);border:1px solid var(--hair);border-radius:var(--r-md);max-height:200px;margin:4px 0 8px;padding:8px 8px 8px 26px;overflow:auto}.pkd-about li{margin:2px 0}.pk-dialog-body>.pk-form+.pk-hint{border-top:1px solid var(--hair);margin-top:10px;padding-top:9px}