/* Isolated destination-picker studies. Product tokens, four different compositions. */
.ds-page{max-width:1480px;margin-inline:auto;padding:28px 40px 40px;font-size:13px;line-height:20px;color:var(--rs-text)}
.ds-lab-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.ds-overline{display:block;font-size:12px;line-height:18px;color:var(--rs-text-secondary);font-weight:500}
body.rs .ds-lab-header h1{margin-top:4px}
.ds-exit{display:inline-flex;align-items:center;gap:6px;color:var(--rs-text-secondary);font-size:12px;text-decoration:none;white-space:nowrap;padding-block:8px}
.ds-exit:hover,.ds-exit:active{color:var(--rs-blue);background:transparent;text-decoration:none}
.ds-layout-tabs{display:flex;align-items:stretch;gap:28px;border-bottom:1px solid var(--rs-line)}
.ds-layout-tabs>button{display:flex;align-items:center;gap:8px;padding:10px 0;min-height:42px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--rs-text-secondary);font-family:inherit;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.ds-layout-tabs>button:hover,.ds-layout-tabs>button[aria-selected=true]{color:var(--rs-blue);background:transparent}
.ds-layout-tabs>button[aria-selected=true]{border-bottom-color:var(--rs-blue)}
.ds-option-number{font:11px/18px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--rs-text-secondary)}
.ds-recommended{font-size:11px;line-height:18px;font-weight:500;color:var(--rs-success)}
.ds-layout-detail{min-height:20px;margin:16px 0 20px;color:var(--rs-text-secondary);font-size:12px;line-height:20px}
.ds-layout-panel{min-width:0;border:1px solid var(--rs-line);border-radius:8px;background:var(--rs-bg)}
.ds-flow-header{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;align-items:center;gap:24px;padding:20px 24px;border-bottom:1px solid var(--rs-line)}
body.rs .ds-flow-header h2{font-size:18px;line-height:26px;letter-spacing:-.25px;white-space:nowrap}
.ds-flow-header ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0;min-width:0}
.ds-flow-header li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:18px;color:var(--rs-text-secondary);min-width:0}
.ds-flow-header li:nth-child(2){justify-self:center;color:var(--rs-blue);font-weight:500}
.ds-flow-header li:last-child{justify-self:end}
.ds-flow-header li>span:first-child{display:grid;place-items:center;flex:0 0 26px;inline-size:26px;block-size:26px;border:1px solid var(--rs-line);border-radius:50%;font:12px/18px ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--rs-white)}
.ds-flow-header li.is-complete>span:first-child{background:var(--rs-success);border-color:var(--rs-success);color:var(--rs-white)}
.ds-flow-header li[aria-current=step]>span:first-child{background:var(--rs-blue);border-color:var(--rs-blue);color:var(--rs-white)}
.ds-flow-header .rs-icon{inline-size:12px;block-size:12px}
.ds-workspace{width:min(760px,100%);box-sizing:border-box;margin-inline:auto;padding:28px 0 24px}
.ds-step-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
body.rs .ds-step-intro h3{font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.25px}
.ds-step-intro p{margin-top:4px;color:var(--rs-text-secondary);font-size:13px;line-height:20px}
.ds-source{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.ds-source>span,.ds-endpoint>span{display:flex;flex-direction:column;min-width:0}
.ds-source strong{font-weight:550;color:var(--rs-text-strong);font-size:13px;line-height:20px}
.ds-source small{font-size:11px;line-height:16px;color:var(--rs-text-secondary)}
.ds-chooser{min-width:0;border:1px solid var(--rs-line);background:var(--rs-white);border-radius:6px;overflow:hidden}
.ds-picker-top{padding:12px 12px 0}
.ds-search{display:flex;align-items:center;gap:8px;width:100%;height:40px;box-sizing:border-box;padding:8px 10px;border:1px solid var(--rs-line);border-radius:6px;background:var(--rs-white);color:var(--rs-text-secondary)}
.ds-search:hover{border-color:var(--rs-blue)}
.ds-search:focus-within{border-color:var(--rs-blue);box-shadow:var(--rs-focus-ring)}
.ds-search input{min-width:0;flex:1;padding:0;border:0;outline:none!important;box-shadow:none!important;background:transparent;color:var(--rs-text);font:inherit;line-height:20px}
.ds-search .rs-icon{inline-size:16px;block-size:16px;flex-shrink:0}
.ds-scope{display:flex;align-items:stretch;gap:20px;margin-top:8px;border-bottom:1px solid var(--rs-line)}
.ds-scope>button{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--rs-text-secondary);font-size:12px;line-height:18px;font-weight:500}
.ds-scope>button[aria-selected=true]{color:var(--rs-blue);border-bottom-color:var(--rs-blue)}
.ds-scope>button:hover{color:var(--rs-blue);background:transparent}
.ds-scope>button>span{font:11px/18px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--rs-text-secondary)}
.ds-results{max-height:292px;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;scroll-padding-block:6px}
.ds-options{padding:6px}
.ds-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;box-sizing:border-box;padding:8px 12px;border:0;border-radius:3px;background:transparent;text-align:start;color:var(--rs-text)}
.ds-choice+.ds-choice{margin-top:2px}
.ds-choice:hover{background:var(--rs-hover)}
.ds-choice[aria-checked=true]{background:var(--rs-selected);color:var(--rs-blue)}
.ds-choice:focus-visible{outline:2px solid var(--rs-blue);outline-offset:-2px}
.ds-endpoint{display:inline-flex;align-items:center;gap:10px;min-width:0}
.ds-endpoint>.rs-logo,.ds-source>.rs-logo{object-fit:contain;flex-shrink:0}
.ds-endpoint strong{display:block;font-size:13px;line-height:20px;font-weight:500;overflow-wrap:anywhere}
.ds-endpoint small{display:block;font-size:12px;line-height:18px;color:var(--rs-text-secondary);overflow-wrap:anywhere}
.ds-radio{display:grid;place-items:center;inline-size:16px;block-size:16px;box-sizing:border-box;flex:0 0 16px;border:1px solid var(--rs-line);border-radius:50%;color:var(--rs-white)}
.ds-radio>.rs-icon{inline-size:12px;block-size:12px}
.ds-choice[aria-checked=true] .ds-radio{background:var(--rs-blue);border-color:var(--rs-blue)}
.ds-name{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--rs-text);font-size:13px;line-height:20px}
.ds-name input{display:block;box-sizing:border-box;inline-size:100%;block-size:40px;border:1px solid var(--rs-line);border-radius:6px;background:var(--rs-white);padding:8px 10px;font:inherit;color:var(--rs-text)}
.ds-name input:hover{border-color:var(--rs-blue)}
.ds-name input:focus-visible{outline:none;border-color:var(--rs-blue);box-shadow:var(--rs-focus-ring)}
.ds-name input[aria-invalid=true]{border-color:var(--rs-error-color)}
.ds-error{color:var(--rs-error-color);font-size:12px;line-height:18px;margin-top:6px}
.ds-name-below{margin-top:20px}
.ds-step-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--rs-line)}
.ds-step-footer>button:first-child{justify-self:start}.ds-step-footer>button:last-child{justify-self:end}
.ds-step-footer>span{color:var(--rs-text-secondary);font-size:12px;line-height:18px}
.ds-composition-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:24px}
.ds-composition-split .ds-results{max-height:310px}
.ds-composition-split .ds-choice{padding-inline:8px}
.ds-composition-split .ds-picker-top{padding-inline:10px}
.ds-selection-preview{min-width:0;padding:20px 0 8px}
.ds-selection-preview>.ds-endpoint{margin-top:16px;align-items:flex-start}
.ds-selection-preview>.ds-endpoint strong{font-size:15px;line-height:22px;font-weight:550;color:var(--rs-text-strong)}
.ds-selection-preview>.ds-endpoint small{margin-top:3px}
.ds-destination-note{display:flex;align-items:flex-start;gap:7px;margin-top:20px;padding-bottom:24px;border-bottom:1px solid var(--rs-line);color:var(--rs-text-secondary);font-size:12px;line-height:20px}
.ds-tiny-check{display:flex;color:var(--rs-success);padding-top:2px;flex-shrink:0}
.ds-tiny-check>.rs-icon{inline-size:16px;block-size:16px}
.ds-preview-name{margin-top:24px}
.ds-composition-grid .ds-results{max-height:292px}
.ds-composition-grid .ds-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.ds-composition-grid .ds-choice{min-height:64px;border:1px solid var(--rs-line);border-radius:5px;padding:10px 12px}
.ds-composition-grid .ds-choice+.ds-choice{margin-top:0}
.ds-composition-grid .ds-choice[aria-checked=true]{border-color:var(--rs-blue)}
.ds-composition-grid .ds-endpoint{gap:10px}
.ds-composition-grid .ds-empty{grid-column:1/-1}
.ds-quick{max-width:600px;margin-inline:auto;padding-block:12px 28px}
.ds-field-label{display:block;margin-bottom:8px;color:var(--rs-text);font-size:13px;line-height:20px}
.ds-quick-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:66px;padding:12px 14px;border:1px solid var(--rs-line);border-radius:6px;background:var(--rs-white);color:var(--rs-text);text-align:start}
.ds-quick-trigger:hover,.ds-quick-trigger[aria-expanded=true]{border-color:var(--rs-blue)}
.ds-quick-trigger[aria-expanded=true]>.rs-icon{transform:rotate(180deg)}
.ds-quick-trigger>span{min-width:0}
.ds-quick-trigger>.rs-icon{inline-size:16px;block-size:16px;flex-shrink:0}
.ds-quick-trigger:focus-visible{outline:none;box-shadow:var(--rs-focus-ring);border-color:var(--rs-blue)}
#ds-quick-panel{margin-top:8px}
.ds-quick .ds-results{max-height:244px}
.ds-quick-help{color:var(--rs-text-secondary);font-size:12px;line-height:18px;margin-top:8px}
.ds-quick-name{margin-top:24px}
.ds-empty{display:flex;align-items:center;flex-direction:column;gap:8px;padding:32px 16px;text-align:center;color:var(--rs-text-secondary)}
.ds-empty>.rs-icon{inline-size:22px;block-size:22px;margin-bottom:4px}
.ds-empty strong{color:var(--rs-text);font-weight:500;font-size:13px}
.ds-empty p{font-size:12px;line-height:18px}
.ds-empty .rs-btn{margin-top:8px}
.ds-review{padding-block:8px 12px}
body.rs .ds-review h3{font-size:20px;line-height:28px;letter-spacing:-.35px;margin-top:6px;outline:none}
.ds-review>p{margin-top:8px;color:var(--rs-text-secondary);font-size:13px;line-height:20px}
.ds-review-path{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.4fr);align-items:center;gap:24px;margin-top:24px;padding:24px;border:1px solid var(--rs-line);border-radius:6px;background:var(--rs-white)}
.ds-path-arrow{display:flex;color:var(--rs-text-secondary)}
.ds-review dl{margin:24px 0 0;padding:0;display:grid;gap:14px}
.ds-review dl>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px}
.ds-review dt{font-size:12px;color:var(--rs-text-secondary)}
.ds-review dd{margin:0;font-size:13px;color:var(--rs-text);overflow-wrap:anywhere}
.ds-review footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding-top:20px;border-top:1px solid var(--rs-line)}
.ds-review footer>span{color:var(--rs-text-secondary);font-size:12px;line-height:18px}
.ds-source-preview>.ds-source{margin-top:24px}
.ds-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1150px){.ds-recommended{display:none}.ds-flow-header{grid-template-columns:160px minmax(0,1fr) 160px;gap:20px}.ds-flow-header ol{gap:12px}.ds-flow-header li{font-size:11px;gap:6px}.ds-workspace{width:min(760px,calc(100% - 48px))}}
@media(max-width:900px){.ds-page{padding:24px}.ds-layout-tabs{gap:20px}.ds-layout-tabs>button{font-size:13px}.ds-flow-header{grid-template-columns:1fr;gap:16px}.ds-flow-header ol{max-width:660px;width:100%;margin-inline:auto}.ds-flow-header li{font-size:12px}.ds-workspace{padding-top:24px}}
@media(max-width:640px){.ds-page{padding:20px 16px 28px}.ds-lab-header{align-items:flex-start;gap:12px}.ds-lab-header .ds-exit{font-size:11px}.ds-layout-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.ds-layout-tabs>button{font-size:13px;white-space:normal;text-align:start;min-height:40px}.ds-layout-detail{margin-block:12px 16px}.ds-flow-header{padding:16px}.ds-flow-header ol{gap:8px}.ds-flow-header li{align-items:flex-start;flex-direction:column;gap:6px;font-size:11px;line-height:16px;max-width:110px}.ds-flow-header li:nth-child(2){text-align:center;align-items:center}.ds-flow-header li:last-child{text-align:end;align-items:flex-end}.ds-workspace{width:calc(100% - 32px);padding-block:20px}.ds-step-intro{gap:16px;align-items:flex-start;margin-bottom:20px}.ds-step-intro p{font-size:12px;line-height:18px}.ds-step-intro .ds-source{gap:6px;padding-top:3px}.ds-step-intro .ds-source>.rs-logo{inline-size:20px;block-size:20px}.ds-composition-split{grid-template-columns:1fr;gap:0}.ds-selection-preview{padding-top:24px}.ds-selection-preview>.ds-endpoint{margin-top:12px}.ds-destination-note{margin-top:12px;padding-bottom:16px}.ds-preview-name{margin-top:16px}.ds-results,.ds-composition-grid .ds-results,.ds-composition-split .ds-results{max-height:264px}.ds-composition-grid .ds-options{grid-template-columns:1fr;padding:8px;gap:6px}.ds-composition-grid .ds-choice{min-height:60px}.ds-composition-split .ds-picker-top{padding-inline:12px}.ds-step-footer{gap:8px;margin-top:24px;padding-top:16px}.ds-step-footer>.rs-btn{padding-inline:9px;font-size:12px}.ds-step-footer>span{font-size:11px}.ds-quick{padding-block:0 4px}.ds-review-path{grid-template-columns:1fr;gap:14px;padding:18px}.ds-path-arrow{padding-inline-start:3px}.ds-path-arrow>.rs-icon{transform:rotate(90deg)}.ds-review dl>div{grid-template-columns:1fr;gap:3px}.ds-review footer{align-items:flex-start;flex-direction:column;gap:12px;margin-top:24px}.ds-review footer>.rs-btn{order:1}.ds-review footer>span{order:2}}
@media(max-width:400px){.ds-lab-header{flex-direction:column;gap:4px}.ds-layout-tabs{gap:0 12px}.ds-layout-tabs>button{gap:6px;font-size:12px}.ds-step-intro{flex-direction:column;gap:12px}.ds-step-intro .ds-source{flex-direction:row}.ds-step-intro .ds-source>span{flex-direction:row;gap:6px;align-items:baseline}.ds-flow-header li{max-width:88px}.ds-scope{gap:14px}.ds-scope>button{font-size:11px}.ds-choice{padding-inline:8px}.ds-step-footer{grid-template-columns:auto 1fr auto}}
@media(prefers-reduced-motion:reduce){.ds-page *,.ds-page *::before,.ds-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}