.ab-open{font-weight:700;border:1px solid var(--accent,#ffd08a)!important;color:var(--accent,#ffd08a)!important;background:transparent!important}.ab-dialog{--ab-a:#ffd08a;--ab-b:#93c7ef;width:min(1040px,95vw);max-width:95vw;max-height:94dvh;margin:auto;padding:28px;border:1px solid #3c566b;border-radius:20px;background:linear-gradient(145deg,#172b3b,#0e1926);color:#d9e8f4;box-shadow:0 30px 100px #000b;overflow:auto}.ab-dialog::backdrop{background:#030a12ce;backdrop-filter:blur(7px)}.ab-dialog *{box-sizing:border-box}.ab-dialog h2,.ab-dialog h3,.ab-dialog h4,.ab-dialog p{margin:0}.ab-dialog button{font:600 13px system-ui;color:#d9e8f4;background:#243c50;border:1px solid #3b586f;border-radius:9px;padding:11px 16px;cursor:pointer}.ab-dialog button:disabled{opacity:.42;cursor:default}.ab-dialog button:focus-visible,.ab-dialog input:focus-visible,.ab-dialog select:focus-visible{outline:2px solid #ffe1ad;outline-offset:3px}.ab-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ab-header h2{font-size:34px;line-height:1.2;margin:7px 0}.ab-eyebrow{font-size:10px;letter-spacing:2px;color:#ffd08a}.ab-subtitle{font-size:15px;color:#98b2c6}.ab-dialog .ab-close{background:transparent}.ab-dialog .ab-description{color:#98b2c6;margin:18px 0 20px;font-size:14px}.ab-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ab-card{padding:18px;border-radius:14px;border:1px solid #344b5d;background:#142435;display:grid;grid-template-columns:38px 1fr;gap:10px 12px;transition:border-color .1s,background .1s;min-width:0}.ab-letter{display:grid;place-items:center;grid-row:1/3;width:38px;height:38px;border-radius:10px;background:#2b3842;color:var(--ab-a);font-size:21px;font-weight:800}.ab-card-b .ab-letter{color:var(--ab-b)}.ab-card h3{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:#9ab4c7;align-self:center}.ab-card select{grid-column:2;min-width:0;width:100%;padding:7px 9px;border:1px solid #3b5468;border-radius:6px;background:#0e1c28;color:#e8f1f8;font:600 15px system-ui}.ab-card select:disabled{opacity:1;appearance:none;border-color:transparent;background:transparent;padding-left:0}.ab-card-a.ab-active{border-color:var(--ab-a);background:#302e2b}.ab-card-b.ab-active{border-color:var(--ab-b);background:#1c3347}.ab-trim-label{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:#91aabd;font-size:11px;margin-top:6px}.ab-trim-label input{flex:1;min-width:0;width:100%;accent-color:var(--ab-a)}.ab-card-b .ab-trim-label input{accent-color:var(--ab-b)}.ab-trim-label output{min-width:57px;text-align:right;font:12px ui-monospace,monospace;color:#d9e8f4}.ab-transport{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px 0 19px}.ab-dialog .ab-play{background:var(--ab-a);color:#172635;border-color:var(--ab-a);min-width:108px}.ab-switch{display:flex;gap:6px;background:#0c1722;padding:5px;border-radius:12px}.ab-dialog .ab-listen{border-color:transparent;background:transparent;min-width:147px;font-size:14px}.ab-dialog .ab-listen:first-child[aria-pressed=true]{color:#1e2933;background:var(--ab-a)}.ab-dialog .ab-listen:last-child[aria-pressed=true]{color:#182e40;background:var(--ab-b)}.ab-dialog .ab-flip{letter-spacing:2px;padding:14px 18px}.ab-waves{display:flex;flex-direction:column;gap:9px}.ab-wave-row{display:flex;align-items:center;gap:13px}.ab-wave-label{font:bold 13px ui-monospace,monospace;color:var(--ab-a);width:14px}.ab-wave-row:last-child .ab-wave-label{color:var(--ab-b)}.ab-wave-row canvas{display:block;min-width:0;flex:1;width:100%;height:76px;border:1px solid #30495e;border-radius:8px;cursor:crosshair}.ab-timeline{display:flex;align-items:center;gap:14px;margin:12px 0 18px;padding-left:27px;color:#b5cddd;font:11px ui-monospace,monospace}.ab-timeline span{white-space:nowrap}.ab-timeline input{flex:1;min-width:0;accent-color:var(--ab-a)}.ab-setup{display:grid;grid-template-columns:1fr 180px auto;align-items:start;gap:22px;padding:16px 0;border-top:1px solid #304556}.ab-setup label{font-size:12px;color:#abc0d1;display:flex;flex-wrap:wrap;align-items:center;gap:9px}.ab-setup input[type=number]{width:98px;background:#0c1c29;color:#d9e8f4;padding:8px;border:1px solid #3b586f;border-radius:7px;font:13px ui-monospace,monospace}.ab-setup small{display:block;flex-basis:100%;color:#7e9aaf;font-size:10px}.ab-setup input[type=range]{width:100%;accent-color:#93c7ef}.ab-dialog .ab-message{min-height:25px;color:#ffd08a;font-size:12px;line-height:1.5;margin:2px 0 16px}.ab-feedback{border-top:1px solid #304556;padding-top:18px}.ab-feedback h3{font-size:16px}.ab-dialog .ab-comment-target{color:#8faabc;font-size:11px;margin:8px 0 10px}.ab-feedback form{display:flex;gap:8px}.ab-feedback input{background:#0f2030;color:#d9e8f4;border:1px solid #38566e;border-radius:8px;padding:12px;font:13px system-ui;min-width:0}.ab-feedback input:first-child{width:160px}.ab-feedback input:nth-child(2){flex:1}.ab-feedback form button{white-space:nowrap}.ab-dialog .ab-refresh-comments{background:transparent;border:0;color:#95b8d1;padding:9px 0;font-size:11px}.ab-comment-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-height:230px;overflow:auto;padding-right:5px;margin-top:2px}.ab-comments-version{min-width:0}.ab-comments-version h4{font-size:12px;color:#a8c1d3;margin:10px 0;overflow-wrap:anywhere}.ab-comments-version article{margin:7px 0;padding:10px;border:1px solid #2e485c;background:#102131;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.ab-comments-version article strong{margin-left:8px}.ab-comments-version article p{line-height:1.5;margin-top:8px;color:#c1d4e2;white-space:pre-wrap}.ab-dialog .ab-comment-jump{font:11px ui-monospace,monospace;padding:5px 7px;color:#ffd08a;background:#3b3730;border:0}.ab-dialog .ab-note{font-size:10px;line-height:1.5;color:#8aa5ba}.ab-bottom{margin-top:20px;padding-top:16px;border-top:1px solid #304556;display:flex;align-items:center;gap:12px}.ab-bottom .ab-note{flex:1}.ab-dialog .ab-save{background:#ffd08a;color:#192c3d;border-color:#ffd08a}.ab-dialog .ab-remove{background:transparent;font-size:11px;color:#9cb4c7}.ab-dialog input:disabled{opacity:.5}.ab-dialog .ab-note.ab-privacy{margin-top:8px}
@media(max-width:700px){.ab-dialog{padding:18px 14px;border-radius:14px}.ab-header h2{font-size:27px}.ab-header{gap:8px}.ab-eyebrow{letter-spacing:1px;font-size:9px}.ab-description{line-height:1.5}.ab-cards{gap:9px}.ab-card{padding:12px;grid-template-columns:1fr;gap:7px}.ab-letter{grid-row:auto}.ab-card h3{font-size:9px}.ab-card select{grid-column:1;font-size:12px}.ab-trim-label{flex-wrap:wrap;gap:7px}.ab-trim-label input{flex-basis:70%}.ab-trim-label output{font-size:10px;min-width:45px}.ab-transport{flex-wrap:wrap;gap:9px;margin:20px 0 15px}.ab-switch{order:-1;flex-basis:100%}.ab-dialog .ab-listen{flex:1;min-width:0;font-size:13px;padding:12px 6px}.ab-timeline{flex-wrap:wrap;gap:10px}.ab-timeline input{order:3;flex-basis:100%}.ab-timeline span:last-child{margin-left:auto}.ab-setup{grid-template-columns:1fr 1fr;gap:14px}.ab-reload{grid-column:1/-1}.ab-feedback form{flex-wrap:wrap}.ab-feedback input:first-child{width:100%}.ab-feedback input:nth-child(2){flex-basis:65%}.ab-feedback form button{flex:1;font-size:11px}.ab-comment-list{grid-template-columns:1fr}.ab-bottom{flex-wrap:wrap}.ab-bottom .ab-note{flex-basis:100%}.ab-dialog .ab-save{flex:1}.ab-bottom button{padding:10px;font-size:11px}}