body.kdw-open{overflow:hidden}
.motor-form{display:none}
.motor-form.active{display:block;position:fixed;inset:0;z-index:1200;margin:0;padding:0;border:0;background:transparent}
.kdw-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.68);cursor:default}
.kdw-panel{position:absolute;right:0;top:0;width:min(760px,92vw);height:100%;display:flex;flex-direction:column;background:var(--kd-color-surface);color:var(--kd-color-foreground);box-shadow:var(--kd-shadow-panel);transform:translateX(0);animation:kdw-in .3s ease-in-out}
.kdw-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 15px;background:var(--kd-color-surface)}
.kdw-header h2{font:var(--kd-type-heading);margin:3px 0 5px;letter-spacing:0}
.kdw-header p,.kdw-eyebrow{font:var(--kd-type-caption);letter-spacing:0;text-transform:uppercase;color:var(--kd-color-muted)}
.kdw-eyebrow{color:var(--kd-color-primary)}
.kdw-icon-btn{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:var(--kd-radius-sm);background:var(--kd-color-surface-raised);color:var(--kd-color-foreground);cursor:pointer}
.kdw-icon-btn svg{width:20px}
.kdw-body{flex:1;min-height:0;overflow:auto;padding:28px}
.kdw-step{animation:kdw-step-in .3s ease-in-out}.kdw-step[hidden]{display:none}
.kdw-detected,.kdw-summary{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:var(--kd-radius-sm);background:var(--kd-color-surface-raised);color:var(--kd-color-muted);font:var(--kd-type-body);margin-bottom:22px}
.kdw-detected svg,.kdw-summary svg{width:19px;flex:0 0 auto;color:var(--kd-color-primary)}
.kdw-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kdw-field{display:block;margin-bottom:18px}.kdw-field>span,.kdw-recent>span{display:block;margin:0 0 7px;font:var(--kd-type-label);color:var(--kd-color-foreground);letter-spacing:0}
.kdw-input-wrap{position:relative}.kdw-input-wrap svg{position:absolute;left:14px;top:15px;width:18px;color:var(--kd-color-muted);pointer-events:none}
.kdw-input,.kdw-input-wrap input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--kd-color-border-strong);border-radius:var(--kd-radius-sm);outline:0;background:var(--kd-color-surface-raised);color:var(--kd-color-foreground);font:var(--kd-type-body);transition:border-color var(--kd-motion-fast),box-shadow var(--kd-motion-fast)}
.kdw-input-wrap input{padding-left:44px}.kdw-input:focus,.kdw-input-wrap input:focus{border-color:var(--kd-color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--kd-color-primary) 18%,transparent)}
.kdw-textarea{min-height:88px;resize:vertical}.kdw-hint,.kdw-muted{font:var(--kd-type-caption);color:var(--kd-color-muted);margin:0 0 9px}
.kdw-recent{margin-bottom:22px}.kdw-recent>div{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}
.kdw-chip,.kdw-segment{min-height:44px;border:1px solid var(--kd-color-border-strong);border-radius:var(--kd-button-radius);background:var(--kd-color-surface-raised);color:var(--kd-color-foreground);padding:9px 14px;white-space:nowrap;cursor:pointer;font:var(--kd-type-label)}
.kdw-chip:hover,.kdw-segment:hover,.kdw-segment.active{border-color:var(--kd-color-primary);color:var(--kd-color-primary);background:color-mix(in oklab,var(--kd-color-primary) 7%,var(--kd-color-surface-raised))}
.kdw-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kdw-segment{border-radius:8px;padding-inline:8px}
.kdw-summary{border-left:3px solid var(--kd-color-primary);margin-top:4px}.kdw-summary p{margin:0}
.kdw-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 28px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--kd-color-border);background:var(--kd-color-surface)}
.kdw-button{min-height:var(--kd-button-height);display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--kd-button-radius);padding:12px 18px;cursor:pointer;font:var(--kd-type-label);text-transform:none;letter-spacing:0}.kdw-button svg{width:18px}
.kdw-button.primary{border:0;background:var(--kd-color-primary);color:var(--kd-button-primary-foreground)}.kdw-button.secondary{border:1px solid var(--kd-color-border-strong);background:var(--kd-color-surface-raised);color:var(--kd-color-foreground)}
.kdw-save-actions{display:flex;align-items:center;gap:15px;flex:1;justify-content:flex-end}.kdw-save-actions .primary{flex:1;max-width:390px}
.kdw-link{min-height:44px;border:0;background:transparent;color:var(--kd-color-muted);font:var(--kd-type-label);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@keyframes kdw-in{from{transform:translateX(30px);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes kdw-step-in{from{transform:translateX(14px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:640px){.kdw-panel{width:100vw}.kdw-header{padding:18px 18px 12px}.kdw-body{padding-left:18px;padding-right:18px;padding-top:20px}.kdw-grid{grid-template-columns:1fr;gap:0}.kdw-segments{grid-template-columns:1fr 1fr}.kdw-footer{padding-left:18px;padding-right:18px}.kdw-save-actions{flex-direction:column;width:100%;gap:5px}.kdw-save-actions .primary{width:100%;max-width:none}.kdw-footer:has(.kdw-save-actions:not([hidden]))>.kdw-button{display:none}}
@media(prefers-reduced-motion:reduce){.kdw-panel,.kdw-step{animation:none}}