.amber-help-ready .amber-companion-panel{width:376px;padding:0;box-sizing:border-box;bottom:calc(100% + 26px);overflow:auto;max-height:min(740px,calc(100dvh - 135px),calc(var(--amber-help-height,100dvh) - 135px));border-color:#3f6a80;background:linear-gradient(155deg,#142e43,#0a1627 65%);box-shadow:0 18px 65px #0009}
.amber-help-ready .amber-companion-panel>header{padding:18px 18px 10px;position:sticky;top:0;background:#12263a;z-index:2}.amber-help-ready .amber-companion-panel h2{font-size:17px;color:#e3f6ff}.amber-help-ready .amber-companion-close{min-width:40px;min-height:40px}
.amber-help-ready #amber-companion-tip{padding:0 18px;margin:8px 0 12px;font-size:12px;line-height:1.55}.amber-help-ready #amber-dock-hello{margin:10px 18px}.amber-help-context{display:block;margin:4px 18px 12px;font-size:9px;letter-spacing:.08em;color:#84c9d9}
.amber-help-form{padding:0 18px}.amber-help-form label{display:block;font-size:12px;font-weight:600;color:#d6eaf7;margin-bottom:7px}.amber-help-input-row{display:flex;gap:6px}.amber-help-input-row input{width:100%;min-width:0;min-height:44px;padding:10px 11px;border:1px solid #46637b;background:#071725;border-radius:11px;color:#edf8ff;font:16px system-ui}.amber-help-input-row input::placeholder{color:#859eaf;font-size:12px}.amber-help-input-row button{min-width:46px;border:1px solid #a3e6f3;border-radius:11px;background:#9ae1eb;color:#092535;font-size:21px;cursor:pointer}
.amber-help-shortcuts{display:flex;gap:6px;padding:10px 18px 0;flex-wrap:wrap}.amber-help-shortcuts button,.amber-help-examples button{border:1px solid #355570;background:#142d42;border-radius:20px;color:#bdddED;font:11px system-ui;padding:9px 11px;min-height:36px;cursor:pointer}.amber-help-examples{padding:9px 18px 0;display:flex;gap:5px;flex-wrap:wrap}.amber-help-examples button{font-size:10px;background:transparent;color:#8eafc6;border-style:dashed}
.amber-help-output{padding:14px 18px 18px;overflow-wrap:anywhere}.amber-help-ready .amber-help-output p{font-size:12px;line-height:1.65;margin:8px 0 12px}.amber-help-title{font-size:19px;color:#e5f4ff;margin:8px 0}.amber-help-category{display:block;font-size:10px;color:#79cddd;letter-spacing:.07em;margin:14px 0 7px}.amber-help-steps{padding-left:21px;margin:14px 0;color:#bed4e4;font-size:12px;line-height:1.65}.amber-help-steps li{padding:0 0 10px 4px}.amber-help-steps li::marker{color:#92deec;font-weight:700}.amber-help-tip{padding:10px 12px;background:#18374d;border-radius:9px;border-left:2px solid #7cb9cf;color:#b5d6e7!important}
.amber-help-primary,.amber-help-action{display:block;text-align:left;width:100%;box-sizing:border-box;padding:11px 13px;min-height:43px;border-radius:10px;border:1px solid #456880;background:#17344b;color:#d6f4fc;font:600 12px system-ui;cursor:pointer;text-decoration:none}.amber-help-primary{background:#a5e1e9;color:#0c2a36;border-color:#b9f0f5;text-align:center}.amber-help-subtle,.amber-help-chat{display:block;background:none;border:0;color:#9bbfd6;font:12px system-ui;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.amber-help-result{border:1px solid #304e65;border-radius:12px;padding:12px;margin:10px 0;background:#10283a}.amber-help-result h3{font-size:14px;margin:0;color:#e0f0fb}.amber-help-result .amber-help-action{padding:8px 10px;min-height:37px}.amber-help-directory{display:grid;gap:6px}.amber-help-example{color:#839fb5!important}
.amber-help-personality{margin:0 18px 16px;border-top:1px solid #2c465b;padding-top:12px}.amber-help-personality summary{color:#93b4c9;cursor:pointer;font-size:11px;padding:6px 0}.amber-help-personality .amber-dock-play{margin-top:9px}.amber-help-ready .amber-motion-control{font-size:11px}.amber-help-ready .amber-companion-trigger[aria-expanded=false]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.amber-help-ready .amber-companion-trigger span small{letter-spacing:.03em}
.amber-help-highlight{outline:3px solid #88e2ee!important;outline-offset:5px!important;scroll-margin:110px}.amber-help-nudge{position:fixed;z-index:94;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(540px,calc(100vw - 28px));box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border:1px solid #6cabbc;border-radius:14px;background:#112b3ff5;box-shadow:0 10px 36px #0008;color:#d7f0fa;font:12px/1.55 system-ui}.amber-help-nudge>span{flex:1 1 240px}.amber-help-nudge button{width:auto;min-height:40px}.amber-help-nudge button:last-child{width:40px;min-width:40px;text-align:center}
.amber-help-ready :is(button,a,input):focus-visible{outline:2px solid #a6ebf4;outline-offset:3px}.amber-help-ready button{touch-action:manipulation}.amber-help-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.amber-help-open .amber-companion{right:12px;bottom:calc(12px + var(--amber-help-keyboard,0px))}.amber-help-open .amber-companion-panel{width:376px;max-width:calc(100vw - 24px);bottom:calc(100% + 13px);max-height:min(calc(100dvh - 110px),calc(var(--amber-help-height,100dvh) - 110px))}.amber-help-ready .amber-companion-trigger:after{display:block;position:absolute;right:-3px;top:-3px;content:'?';width:22px;height:22px;margin:0;border-radius:50%;background:#a3e1eb;color:#153646;font:700 13px/22px system-ui;text-align:center}.amber-help-nudge{bottom:88px}}
@media(max-height:500px){.amber-help-open .amber-companion-panel{max-height:min(calc(100dvh - 110px),calc(var(--amber-help-height,100dvh) - 110px))}}
.amber-inline-help{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 13px;margin:8px 0 12px;border:1px solid #456d83;border-radius:20px;background:#143147;color:#b5e8f0;font:600 12px system-ui;cursor:pointer;touch-action:manipulation;text-decoration:none}.amber-inline-help:hover{background:#20455c;border-color:#8cdbe8}.amber-inline-help:focus-visible{outline:2px solid #a6ebf4;outline-offset:3px}.future-tool>.amber-inline-help{position:relative;z-index:2;margin:0 18px 16px;font-size:11px}.lab-panel-heading .amber-inline-help{margin:12px 0 0}
.amber-help-open .amber-companion{z-index:1300}.amber-help-nudge{z-index:1301}
.amber-help-output>.amber-help-action+.amber-help-action{margin-top:6px}
