/* WallpaperLocationSheet + TargetFeatureBar: horizontal slots, instant
   selection, and capability-aware controls rather than a generic switch UI. */
.pc-location-demo {padding:12px 18px 22px}
.pc-location-demo .pc-header {padding:14px 10px 20px;gap:10px;flex-wrap:wrap}
.pc-location-demo .pc-header > .material-icon {color:#73bbed}
.pc-location-demo .pc-header > strong {font-size:21px}
.pc-location-demo .pc-header > .pc-location-controls {display:flex;gap:6px;margin-left:auto;align-items:center;flex:none}
.pc-location-controls button,.pc-location-close {display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;box-sizing:border-box;background:transparent;color:#b0b0b0;clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%);transition:background .4s,color .4s,transform .4s}
.pc-location-controls button {cursor:pointer}
.pc-location-demo .pc-header > div .material-icon {background:transparent;padding:0;border-radius:0;box-sizing:border-box;font-size:22px!important;color:inherit}
.pc-location-controls button[hidden] {display:none}
.pc-location-controls .pc-location-mode {background:#193d55;color:#9edcf5}
.pc-location-controls .pc-location-feature[aria-pressed="true"] {background:#0e6ba844;color:#73bbed}
.pc-location-controls .pc-location-close {background:#2c2c2c}
.pc-location-controls button:hover {background:#304958;transform:translateY(-2px)}
.pc-location-demo .pc-hint {margin-bottom:17px}
.pc-location-rails {display:grid;min-width:0;min-height:155px}
.pc-location-demo .pc-location-rail {grid-area:1/1;display:flex;gap:16px;min-width:0;max-width:100%;padding:12px 12px 25px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .5s,transform .5s,visibility .5s;scroll-behavior:smooth}
.pc-location-demo .pc-location-rail.is-current {opacity:1;visibility:visible;transform:none}
.pc-location-demo .pc-target-card {flex:0 0 125px;display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;font-family:PalaceRoboto,sans-serif;cursor:pointer}
.pc-location-demo .pc-target-card > div {width:78px;height:78px;margin:5px 0;border:1px solid #555;background:#2c2c2c;transition:width .3s,height .3s,margin .3s,border-color .3s,background .3s}
.pc-location-demo .pc-target-card.active > div {width:88px;height:88px;margin:0;border:3px solid #0e6ba8;background:#0e6ba833}
.pc-location-demo .pc-target-card > div > img {position:absolute;inset:0;opacity:.35}
.pc-location-demo .pc-target-card > div > .material-icon {position:relative;font-size:30px!important;color:#ccc;background:transparent;bottom:auto;right:auto;border-radius:0}
.pc-location-demo .pc-target-card.active > div > .material-icon {color:#73bbed}
.pc-location-demo .pc-target-card > span {font-size:13px;color:#b0b0b0;line-height:1.3}
.pc-location-demo .pc-target-card.active > span {color:#9edcf5}
.pc-slot-dot {position:absolute;right:5px;top:5px;width:9px;height:9px;background:#0e6ba8;border:2px solid #1a1a1a;border-radius:50%}
.pc-slot-member {position:absolute;left:5px;top:5px;width:13px;height:13px;border:1px solid #b0b0b088;border-radius:50%}
.pc-location-demo .active .pc-slot-member {border:2px solid #1a1a1a;background:#73bbed}
.pc-slot-owner {position:absolute;bottom:4px;left:4px;background:#1a1a1abb;padding:2px;color:#ccc}
.pc-slot-owner .material-icon {font-size:12px!important}
.pc-location-demo .pc-location-assignment {margin:5px 10px 0;padding:13px 16px;min-height:68px;gap:13px}
.pc-location-assignment > img {width:45px;height:34px;object-fit:cover;flex-shrink:0}
.pc-location-assignment strong {font-size:14px}
.pc-location-assignment small {font-size:11px;line-height:1.5}
@media(max-width:800px) {
 .pc-location-demo .pc-location-rail {gap:8px}
 .pc-location-demo .pc-target-card {flex-basis:112px}
}
@media(max-width:480px) {
 .pc-location-demo {padding:10px 8px 18px}
 .pc-location-demo .pc-header {padding:12px 8px 16px;row-gap:10px}
 .pc-location-demo .pc-header > strong {font-size:18px;flex:1}
 .pc-location-demo .pc-header > .pc-location-controls {flex-basis:100%;justify-content:flex-end;gap:5px}
 .pc-location-controls button,.pc-location-close {width:34px;height:34px}
 .pc-location-demo .pc-header > div .material-icon {font-size:20px!important}
 .pc-location-demo .pc-location-rail {gap:4px;padding-inline:4px}
 .pc-location-demo .pc-target-card {flex-basis:87px}
 .pc-location-demo .pc-target-card > div {width:64px;height:64px}
 .pc-location-demo .pc-target-card.active > div {width:74px;height:74px}
 .pc-location-demo .pc-target-card > span {font-size:11px}
 .pc-location-demo .pc-location-assignment {margin-inline:4px;padding:11px 10px}
 .pc-location-assignment small {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
 .pc-location-demo * {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
.story-motion-paused .pc-location-demo * {scroll-behavior:auto!important}