@import url('./skill-search-controls.css');
/* Let the catalog use the viewport; selection chips already live in the footer. */
body.party-page dialog.party-skill-picker {width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);margin:auto}
.party-skill-picker.uses-standard-catalog .skill-picker-body {padding:6px 8px}
.party-skill-picker .picker-selection-area:has(#picker-selected>.picker-hint) {display:none}
.party-skill-picker>footer:not(:has([data-picker-remove])) {grid-template-columns:1fr}
@media(max-width:540px){body.party-page dialog.party-skill-picker {width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.party-skill-picker.uses-standard-catalog .skill-picker-body {padding:4px}}
.party-skill-picker.uses-standard-catalog .picker-destination-lane {display:none!important}
.party-skill-picker.uses-standard-catalog .skill-picker-layout {display:flex}
.party-skill-picker.uses-standard-catalog .skill-picker-main {display:flex;flex-direction:column;flex:1;overflow:hidden;padding:0}
.party-skill-picker.uses-standard-catalog .skill-source-tabs {flex-shrink:0}
#picker-catalog-frame {display:block;flex:1;min-height:0;width:100%;border:0;background:var(--paper)}
.party-bulk-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}.party-bulk-toolbar p{margin:0;color:var(--muted);font-size:13px}
.party-page dialog.party-skill-picker{width:calc(100% - 24px);max-width:1180px;height:calc(100dvh - 24px);max-height:920px;padding:0;overflow:hidden}
.party-skill-picker[open]{display:flex;flex-direction:column}
.party-page .party-skill-picker>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:12px 16px;margin:0;border-bottom:1px solid var(--line)}
.party-skill-picker h2,.party-skill-picker h3{margin:0}.party-skill-picker h3{font-size:14px}.party-skill-picker h2{font-size:19px}
.party-skill-picker button{min-height:36px}.party-skill-picker button.text-button{padding:5px 8px;font-size:12px}
.party-skill-picker [hidden]{display:none!important}
.party-skill-picker label{font-size:12px}.party-skill-picker :is(input[type=search],select,textarea){display:block;width:100%;min-width:0;min-height:40px;padding:8px 10px;box-sizing:border-box;margin-top:4px}
.party-skill-picker input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-shrink:0;margin:0;accent-color:var(--accent)}
.picker-targets{flex-shrink:0;padding:8px 16px 12px;border-bottom:1px solid var(--line)}.picker-target-heading{display:flex;align-items:center;gap:4px;margin-bottom:6px}.picker-target-heading h3{margin-right:auto}.picker-target-heading h3 span{color:var(--muted);font-weight:400;font-size:12px}
#bulk-targets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.bulk-target{display:flex;align-items:center;gap:5px;padding:6px;min-height:40px;border:1px solid var(--line);border-radius:4px;min-width:0;cursor:pointer;box-sizing:border-box}
.bulk-target:has(input:checked){background:var(--tint);border-color:var(--accent)}.bulk-target[data-empty]{opacity:.45;cursor:default}.bulk-position{font-size:11px;flex-shrink:0}.bulk-target-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-target img{object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.skill-picker-body{display:flex;flex:1;min-height:0;padding:12px 16px;overflow:hidden}.skill-picker-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:0;width:100%}
.picker-destination-lane{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:14px}.picker-destination-lane>summary{cursor:pointer;flex-shrink:0;font-size:13px;min-height:36px;padding:8px 0;box-sizing:border-box;color:var(--accent)}.picker-destination-lane>summary span{color:var(--game-green);font-size:11px;white-space:nowrap}
.picker-destination-content{min-height:0;display:flex;flex-direction:column;overflow:hidden;flex:1}.picker-destination-content>label{flex-shrink:0;margin-bottom:10px}#picker-destination-list{overflow-y:auto;min-height:0;overscroll-behavior:contain;border-top:1px solid var(--line)}
.picker-destination-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;border-bottom:1px solid var(--line);min-width:0}.picker-destination-row:not(:has(button)){grid-template-columns:minmax(0,1fr)}.picker-destination-row details{min-width:0}.picker-destination-row summary{display:flex;align-items:center;gap:8px;min-height:34px;cursor:pointer;list-style:none;padding:4px;font-size:12px;box-sizing:border-box}.picker-destination-state{font-size:10px;margin-left:auto;flex-shrink:0;color:var(--muted)}.picker-destination-row p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:12px;margin:4px 6px 10px}.game-ui .picker-destination-row>button{min-height:32px;padding:0;min-width:0;width:32px;border:0;background:transparent;color:var(--game-green)}.picker-destination-row.is-planned{background:#19382b}.picker-destination-row.is-planned .picker-destination-state{color:var(--game-green)}
.skill-picker-main{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 12px 0}.skill-source-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:12px}.skill-source-tabs button{font-size:13px;padding:8px 4px;white-space:nowrap;min-height:40px}.game-ui .skill-source-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}
#picker-origin{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}#picker-origin button{padding:6px 12px;font-size:13px}.game-ui #picker-origin button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}
#picker-party-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:2px}#picker-party-name{overflow-wrap:anywhere}#picker-party-members .picker-source-mark{flex:0 0 auto}
@media(max-width:540px){#picker-party-members{grid-template-columns:minmax(0,1fr)}}
.picker-source-filter-panel{margin:8px 0}.picker-source-filter-panel>summary,#picker-filters>summary{font-size:12px;color:var(--accent);cursor:pointer;min-height:36px;padding:8px 0;box-sizing:border-box}.picker-source-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.picker-source-filters:has([hidden]){grid-template-columns:1fr}.picker-source-status{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:30px;color:var(--muted);font-size:12px;margin:4px 0}
#picker-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:2px}.picker-source-card{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;white-space:normal;padding:10px;width:100%}.picker-source-card>span:not(.picker-source-mark){flex:1;min-width:0}.picker-source-card strong,.picker-source-card small{display:block;overflow-wrap:anywhere;line-height:1.6}.picker-source-card strong{font-size:14px}.picker-source-card small{font-size:12px;color:var(--muted)}.picker-source-card img{object-fit:contain;image-rendering:pixelated;flex-shrink:0}.picker-source-mark{color:var(--accent);font-size:23px}.picker-source-card[aria-busy=true]{opacity:.6}
#picker-open-source{margin:0 0 10px}#picker-open-source h3{font-size:15px;overflow-wrap:anywhere;line-height:1.5;margin-top:6px}#picker-open-source>.text-button{padding-left:0}.picker-hint{color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin:6px 0}.picker-empty{font-size:13px;line-height:1.8;color:var(--muted);padding:18px 4px;grid-column:1/-1}.picker-search{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:8px;margin:6px 0}
#picker-filters{margin:6px 0}.picker-filter-groups{border:1px solid var(--line);padding:4px 10px;border-radius:4px}.picker-filter-groups>details+details{border-top:1px solid var(--line)}.picker-filter-groups summary{padding:9px 0;cursor:pointer;font-size:13px}.picker-filter-groups>details>div{display:flex;gap:4px 14px;flex-wrap:wrap;padding:0 0 10px}.picker-filter-groups label{display:flex;align-items:center;gap:6px;min-height:34px}
.picker-list-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}.picker-list-toolbar>span{font-size:12px;color:var(--muted);margin-right:auto}.picker-list-toolbar button{font-size:12px;padding:6px 9px}#picker-skills{border-top:1px solid var(--line)}
.picker-skill-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;border-bottom:1px solid var(--line)}.picker-skill-row>label{display:flex;align-items:center;gap:8px;min-width:0;min-height:38px;padding:6px 5px;box-sizing:border-box;cursor:pointer}.picker-skill-kind{font-size:10px;color:var(--muted);flex-shrink:0}.picker-skill-name{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.picker-owner-mark{font-size:10px;margin-left:auto;flex-shrink:0;color:var(--muted)}.picker-skill-row details{display:contents}.picker-skill-row summary{font-size:11px;min-height:38px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent);list-style:none;padding:0}.picker-skill-row details p{grid-column:1/-1;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;margin:4px 10px 12px}.picker-skill-row.is-picked{background:#19382b}.picker-skill-row.is-picked .picker-owner-mark{color:var(--game-green)}
.party-skill-picker :is(.picker-skill-row,.picker-destination-row) summary::after,.party-skill-picker :is(.picker-skill-row,.picker-destination-row) summary::before{display:none!important;content:none!important}
#picker-paste-area textarea{resize:vertical;max-height:250px}#picker-paste-area button{margin-top:10px}#picker-paste-result{font-size:13px;line-height:1.7;overflow-wrap:anywhere}#picker-source-more,#picker-source-retry,#picker-skills-more{width:100%;margin-top:8px}
.party-skill-picker>footer{flex-shrink:0;padding:10px 16px 12px;border-top:1px solid var(--line);background:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:end}.picker-selection-area,.picker-submit{min-width:0}.picker-selection-heading{display:flex;align-items:center;gap:6px;font-size:12px;min-height:28px}.picker-selection-heading b{color:var(--accent)}.picker-selection-heading button{margin-left:auto}#picker-selected{display:flex;flex-wrap:wrap;gap:4px;max-height:80px;overflow-y:auto;padding:3px 1px;min-height:30px}#picker-selected button{font-size:12px;white-space:normal;overflow-wrap:anywhere;padding:5px 8px;min-height:32px}#picker-selected .picker-hint{margin:0}#picker-preview{font-size:11px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 5px;max-width:350px}.picker-footer-actions{display:flex;gap:8px;justify-content:flex-end}.picker-footer-actions .primary{min-width:190px}.party-skill-picker .error{font-size:13px;color:var(--game-red);line-height:1.6;overflow-wrap:anywhere}.party-skill-picker #picker-selection-error{max-height:75px;overflow-y:auto;margin:4px 0}
.picker-keyboard-skip{position:absolute;left:-10000px;top:auto}.picker-keyboard-skip:focus{position:static;display:block;padding:8px;margin:4px 0;color:var(--accent);border:1px solid var(--accent)}
@media(max-width:999px){.skill-picker-layout{display:flex;flex-direction:column;gap:8px}.picker-destination-lane{border-right:0;padding:0;flex-shrink:0}.picker-destination-lane[open]{max-height:210px}.picker-destination-content{overflow-y:auto}#picker-destination-list{flex-shrink:0}.picker-destination-lane>summary{min-height:32px;padding:5px 0}.skill-picker-main{flex:1}#bulk-targets{grid-template-columns:repeat(3,minmax(0,1fr))}.party-skill-picker>footer{grid-template-columns:minmax(0,1fr)}.picker-submit{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.picker-footer-actions{margin-left:auto}#picker-preview{margin:0;max-width:none;font-size:11px}#picker-selected{max-height:68px}.party-skill-picker #picker-selection-error{flex-basis:100%}}
@media(max-width:540px){.party-page dialog.party-skill-picker{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.party-page .party-skill-picker>header{padding:8px 10px}.party-skill-picker h2{font-size:17px}.picker-targets{padding:4px 10px 8px}.picker-target-heading{margin:0}.party-skill-picker .picker-target-heading button{min-height:32px}.bulk-target{padding:4px;gap:4px;min-height:40px;flex-wrap:wrap}.bulk-target img{width:23px;height:23px}.bulk-target-name{flex-basis:100%;font-size:10px;line-height:1.3}.bulk-position{font-size:10px}.skill-picker-body{padding:4px 10px 8px}.skill-source-tabs{gap:3px;margin-bottom:8px}.skill-source-tabs button{font-size:12px;padding:7px 2px;min-height:42px}.party-skill-picker :is(input[type=search],select,textarea){font-size:16px}.picker-search{grid-template-columns:minmax(0,1fr) 105px}#picker-source-list{grid-template-columns:minmax(0,1fr)}.picker-source-card{padding:9px;gap:9px}.picker-source-card strong{font-size:13px}.picker-source-card small{font-size:11px}.picker-skill-row>label,.picker-skill-row summary{min-height:44px}.picker-skill-row>label{gap:5px}.picker-skill-kind{font-size:9px}.picker-skill-name{font-size:12px}.picker-owner-mark{font-size:9px}.picker-filter-groups label{min-height:40px}.party-skill-picker>footer{padding:6px 10px 10px;gap:4px}.picker-selection-heading{min-height:25px}#picker-selected{max-height:62px}#picker-selected button{min-height:36px}.picker-footer-actions{width:100%}.picker-footer-actions button{min-height:42px}.picker-footer-actions .primary{flex:1;min-width:0;font-size:13px}.picker-destination-lane[open]{max-height:160px}.picker-selection-heading button{min-height:30px}}
@media(max-height:600px){.party-page dialog.party-skill-picker{height:100dvh;max-height:100dvh}.picker-targets{padding-top:0;padding-bottom:4px}.bulk-target-name{display:none}.picker-target-heading{margin-bottom:0}.bulk-target{min-height:32px}.picker-destination-lane{display:none}.skill-picker-body{padding-top:6px}.party-skill-picker>footer{padding-top:5px;padding-bottom:6px}#picker-selected{max-height:42px}.picker-selection-heading{min-height:24px}.picker-selection-heading button{min-height:24px}.picker-source-card{padding:6px}.party-page .party-skill-picker>header{padding-top:6px;padding-bottom:6px}}
/* Source browsing and skill selection use the same space, one task at a time. */
.party-page dialog.party-skill-picker{max-width:1440px}.skill-picker-layout{grid-template-columns:minmax(310px,.85fr) minmax(0,1.2fr)}
#picker-open-source{display:flex;align-items:center;gap:8px;margin:0 0 4px;min-width:0}#picker-open-source h3{font-size:14px;margin:0}#picker-open-source>#picker-source-back{padding:4px 8px;flex-shrink:0;font-size:18px;min-width:38px}
#picker-skill-search>summary{font-size:12px;color:var(--accent);cursor:pointer;min-height:32px;padding:6px 0;box-sizing:border-box}#picker-skill-search.is-catalog>summary{display:none}
.picker-skill-brief{font-size:11px;color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picker-skill-row>label{display:grid;grid-template-columns:18px 43px minmax(85px,.85fr) minmax(50px,1fr) 60px;gap:5px;min-height:30px;padding:3px 4px}.picker-skill-row summary{min-height:30px}.picker-skill-name{font-size:12px}.picker-destination-row summary{display:grid;grid-template-columns:43px minmax(90px,1fr) minmax(40px,1fr) 48px;gap:5px;min-height:30px;padding:3px}.picker-destination-row .picker-skill-kind{font-size:9px}
@media(max-width:999px){.skill-picker-layout{display:flex}.picker-destination-lane[open]{display:flex;max-height:120px;min-height:100px}.picker-destination-content{overflow:hidden}.picker-destination-content>label{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-shrink:0}.party-skill-picker #picker-destination{min-height:28px;padding:3px 6px;margin:0;font-size:12px;width:auto;flex:1}.picker-destination-content>.picker-hint{display:none}#picker-destination-list{flex:1;overflow-y:auto;min-height:0}.picker-destination-row summary{grid-template-columns:43px minmax(90px,1fr) minmax(40px,1fr) 48px}.picker-skill-row>label{grid-template-columns:18px 43px minmax(85px,.85fr) minmax(50px,1fr) 60px}}
@media(max-width:540px){.picker-destination-lane[open]{max-height:106px;min-height:90px}.picker-destination-lane>summary{font-size:11px;min-height:24px;padding:3px 0}.picker-destination-row summary{grid-template-columns:38px minmax(90px,1fr) 48px}.picker-destination-row .picker-skill-brief{display:none}.picker-skill-row>label{grid-template-columns:18px 38px minmax(70px,1fr) 54px;min-height:44px}.picker-skill-row .picker-skill-brief{display:none}.picker-skill-row summary{min-height:44px}#picker-open-source h3{font-size:13px}.picker-list-toolbar{gap:3px;margin:4px 0}.picker-list-toolbar button{font-size:11px;padding:4px 6px}}
@media(max-height:600px){.picker-destination-lane{display:block}.picker-destination-lane[open]{max-height:88px;min-height:72px}.picker-destination-lane>summary{min-height:24px;padding:3px 0}.picker-destination-content>label{display:none}.picker-destination-content>.picker-hint{display:none}.skill-picker-main{padding-bottom:0}.skill-source-tabs{margin-bottom:4px}.skill-source-tabs button{min-height:32px}.picker-destination-lane:not([open]){min-height:24px}.picker-destination-row summary{grid-template-columns:38px minmax(80px,1fr) 48px}.picker-destination-row .picker-skill-brief{display:none}.picker-skill-row>label{grid-template-columns:18px 38px minmax(85px,1fr) 54px}.picker-skill-row .picker-skill-brief{display:none}}
.picker-destination-lane{overflow:hidden}.picker-destination-lane[open]::details-content{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.picker-destination-content{min-height:0;overflow:hidden}#picker-destination-list{min-height:0;overflow:auto;flex:1}
@media(max-height:600px){.party-page dialog.party-skill-picker>header{padding:5px 10px}.party-skill-picker>header button{min-height:32px}.picker-targets{padding:0 10px 4px}.picker-target-heading{min-height:24px}.picker-target-heading button{min-height:24px;padding:2px 6px}#bulk-targets{display:flex}.bulk-target{flex:1;flex-wrap:nowrap;min-width:0;min-height:32px}.bulk-target[data-empty]{display:none}.bulk-target-name{display:block;flex-basis:auto;white-space:nowrap;font-size:10px}.bulk-target img{width:20px;height:20px}.party-skill-picker>footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:4px 10px 6px}.picker-submit{display:block}.picker-footer-actions{width:auto}.picker-footer-actions button{min-height:34px}.picker-footer-actions .primary{font-size:12px;min-width:160px}#picker-preview{max-width:290px;font-size:10px}#picker-selected{max-height:38px;flex-wrap:nowrap;overflow-x:auto}#picker-selected button{flex-shrink:0;min-height:30px}.picker-selection-heading{font-size:11px}.picker-selection-heading button{font-size:10px;min-height:24px}.picker-destination-lane[open]{height:82px;max-height:82px;min-height:82px}}

/* Keep the whole picker workflow reachable when the keyboard or landscape reduces height. */
@media (max-height:600px) {
  .party-skill-picker .skill-picker-body {overflow-y:auto;overscroll-behavior:contain}
  .party-skill-picker .skill-picker-layout {display:block;min-height:0}
  .party-skill-picker .picker-destination-lane {margin-bottom:8px}
  .party-skill-picker .skill-picker-main {overflow:visible;min-height:0;padding-bottom:8px}
  .party-skill-picker #bulk-targets {overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px}
  .party-skill-picker .bulk-target {flex:1 0 112px;min-height:44px;box-sizing:border-box}
  .party-skill-picker .bulk-target-name {min-width:0;overflow:hidden;text-overflow:ellipsis}
  .party-skill-picker > footer {max-height:44dvh;overflow-y:auto;overscroll-behavior:contain}
  .party-skill-picker .picker-selection-heading {flex-wrap:wrap;min-width:0;line-height:1.5}
  .party-skill-picker .picker-selection-heading b {white-space:nowrap}
  .party-skill-picker #picker-selected {max-height:44px}
  .party-skill-picker #picker-selected button {min-height:36px}
  .party-skill-picker .picker-footer-actions button {min-height:44px}
}
@media (max-width:540px) and (max-height:600px) {
  .party-skill-picker > footer {grid-template-columns:minmax(0,1fr);gap:4px}
  .party-skill-picker .picker-selection-heading {font-size:12px}
  .party-skill-picker .picker-selection-heading button {font-size:11px;min-height:28px}
  .party-skill-picker .picker-footer-actions {width:100%}
  .party-skill-picker .picker-footer-actions .primary {min-width:0}
  .party-skill-picker #picker-preview {max-width:none;font-size:11px;margin-bottom:4px}
}

/* A compact effect line keeps mobile candidates distinguishable before opening details. */
.party-skill-picker .skill-search-controls{margin:6px 0}
.party-skill-picker .skill-search-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start}
.party-skill-picker .picker-comparison{min-width:0}
.party-skill-picker .picker-comparison>summary{min-height:44px;box-sizing:border-box;padding:9px 8px;cursor:pointer;color:var(--accent);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.party-skill-picker .picker-comparison-fields{padding:8px;border:1px solid var(--line);border-radius:4px}
.party-skill-picker .picker-comparison-fields>label{display:block}
.party-skill-picker .skill-search-numeric{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.party-skill-picker .skill-search-numeric>label:first-child{grid-column:1/-1}
.party-skill-picker .skill-search-controls :is(button,select,input[type=number]){min-height:44px}
.party-skill-picker .skill-search-numeric input[type=number]{padding:8px 10px;margin-top:4px}
.party-skill-picker .picker-skill-brief{display:flex;align-items:baseline;gap:6px}
.party-skill-picker .picker-skill-metric{flex:none;color:var(--accent);font-weight:650;font-variant-numeric:tabular-nums}
.party-skill-picker .picker-skill-metric.is-unranked{color:var(--muted);font-size:10px;font-weight:400}
.party-skill-picker .picker-skill-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:540px){
  .party-skill-picker .skill-search-tools{grid-template-columns:minmax(0,1fr)}
  .party-skill-picker .skill-search-tools>[data-search-toggle]{min-height:44px}
  .party-skill-picker .picker-comparison>summary{padding:6px 0}
}
@media (max-width:540px), (max-height:600px) {
  .party-skill-picker .picker-skill-row > label {row-gap:2px;min-height:52px}
  .party-skill-picker .picker-skill-row > label > input {grid-column:1;grid-row:1}
  .party-skill-picker .picker-skill-row .picker-skill-kind {grid-column:2;grid-row:1}
  .party-skill-picker .picker-skill-row .picker-skill-name {grid-column:3;grid-row:1}
  .party-skill-picker .picker-skill-row .picker-owner-mark {grid-column:4;grid-row:1}
  .party-skill-picker .picker-skill-row .picker-skill-brief {display:flex;grid-column:2/-1;grid-row:2;line-height:1.5}
  .party-skill-picker .picker-skill-row summary {min-height:52px}
}

/* Keep the search canvas primary; recipient and selection details open on demand. */
body.party-page dialog.party-skill-picker{width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);max-height:none;overflow:hidden}
body.party-page .party-skill-picker>header{padding:6px 12px;min-height:44px;box-sizing:border-box}
.party-skill-picker .picker-targets{padding:0 12px;border-bottom:1px solid var(--line);min-height:40px;max-height:38dvh;overflow:auto;overscroll-behavior:contain}
.party-skill-picker .picker-targets>summary{display:flex;align-items:center;gap:10px;min-height:40px;list-style:none;cursor:pointer;font-size:13px}
.party-skill-picker .picker-targets>summary::before,.party-skill-picker .picker-targets>summary::after{display:none!important}
.party-skill-picker #picker-target-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);flex:1}
.party-skill-picker .picker-target-edit{color:var(--accent);flex-shrink:0}.party-skill-picker .picker-target-edit::after{content:' ▾'}.party-skill-picker .picker-targets[open] .picker-target-edit::after{content:' ▴'}
.party-skill-picker .picker-target-heading{margin-top:4px}.party-skill-picker #bulk-targets{margin-bottom:8px}
.party-skill-picker .skill-picker-layout{display:flex;flex-direction:column;min-width:0;gap:0}
.party-skill-picker .skill-picker-main{width:100%;flex:1;min-height:0}
.party-skill-picker .skill-picker-body{padding:6px 8px;overflow:hidden}
.party-skill-picker .skill-source-tabs{margin-bottom:6px;gap:4px}.party-skill-picker .skill-source-tabs button{min-height:36px;padding:5px}
.party-skill-picker .picker-targets .picker-destination-lane{display:block!important;border:0;border-top:1px solid var(--line);padding:0;margin:0 0 6px;min-height:0;max-height:none;height:auto;overflow:visible}
.party-skill-picker .picker-targets .picker-destination-lane>summary{min-height:36px;padding:7px 0}
.party-skill-picker .picker-destination-content{display:block;overflow:visible}
.party-skill-picker #picker-destination-list{max-height:200px;overflow:auto}
.party-skill-picker>footer,.party-skill-picker>footer:not(:has([data-picker-remove])){display:flex;align-items:center;justify-content:space-between;padding:6px 12px;gap:8px;max-height:35dvh;overflow:auto}
.party-skill-picker .picker-selection-area{flex:1;align-self:center;min-width:0}
.party-skill-picker .picker-selection-area:has(#picker-selected>.picker-hint){display:block}
.party-skill-picker .picker-selection-area>summary{min-height:40px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;list-style:none}
.party-skill-picker .picker-selection-area>summary span{color:var(--muted);font-size:12px;margin-left:4px}
.party-skill-picker .picker-selection-area>summary::after{content:' ▾';color:var(--accent)}
.party-skill-picker .picker-selection-area[open]>summary::after{content:' ▴'}
.party-skill-picker .picker-selection-area b{color:var(--accent);white-space:nowrap}
.party-skill-picker #picker-selected{max-height:110px;flex-wrap:wrap;overflow:auto}
.party-skill-picker .picker-submit{flex:0 1 auto;max-width:55%;margin-left:auto}
.party-skill-picker #picker-preview{max-width:560px;margin:0 0 3px;font-size:12px}
.party-skill-picker .picker-footer-actions .primary{min-width:170px;min-height:40px}
@media(max-width:540px){
 body.party-page dialog.party-skill-picker{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
 .party-skill-picker h2{font-size:16px}
 .party-skill-picker .picker-targets{padding:0 10px}
 .party-skill-picker .picker-targets>summary{min-height:44px}
 .party-skill-picker .skill-source-tabs button{min-height:44px;font-size:12px;padding:5px 2px}
 .party-skill-picker .skill-picker-body{padding:4px}
 .party-skill-picker>footer{padding:6px 8px;gap:6px}
 .party-skill-picker .picker-selection-area>summary{font-size:12px;min-height:44px;gap:3px;flex-wrap:wrap}
 .party-skill-picker .picker-selection-area>summary span{display:none}
 .party-skill-picker .picker-submit{max-width:67%}
 .party-skill-picker .picker-footer-actions .primary{min-width:0;min-height:44px;font-size:12px}
 .party-skill-picker #picker-preview{font-size:11px}
}