/* Module-local UI and scoped shell effects, never a donor stylesheet replacement. */
.ci-display-settings{box-sizing:border-box;max-width:100%;padding:14px 0;color:inherit;font:inherit}
.ci-display-settings *{box-sizing:border-box}
.ci-display-settings h2{margin:0 0 8px}.ci-display-settings h3{margin:12px 0 8px;font-size:1em}
.xp-view .ci-display-settings>h2{font-size:22px!important;letter-spacing:0}
.ci-display-settings p{max-width:70ch;line-height:1.5;overflow-wrap:anywhere}
.ci-display-settings fieldset{min-width:0;margin:12px 0;padding:12px;border:1px solid #888}
.ci-display-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin:5px 0}
.ci-display-field span{flex:1;min-width:0}.ci-display-field select{width:46%;max-width:280px;min-height:32px}
.ci-display-field input[type=checkbox]{width:20px;height:20px;flex:none}
.ci-display-actions{display:flex;flex-wrap:wrap;gap:8px}.ci-display-settings button{padding:7px 12px;min-height:34px;max-width:100%;white-space:normal}
.ci-display-upload{border-top:1px solid #999;margin-top:16px}.ci-display-upload input[type=file]{display:block;width:100%;max-width:100%;margin:8px 0 12px}
.ci-display-status{background:#fffde8;border-left:3px solid #897226;padding:8px 10px}.ci-display-note{font-size:.92em}
.ci-display-skins{margin:16px 0;padding:16px;border:1px solid #adc3df;border-radius:12px;background:linear-gradient(125deg,#edf4ff,#f8fcff);color:#193752}
.ci-display-skins h3{margin:0 0 6px;font-size:1.2em}.ci-display-skins .ci-display-skin-intro{margin:0 0 14px;line-height:1.45}
.ci-display-skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));gap:10px}
.ci-display-settings .ci-display-skin-choice{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:8px;border:2px solid #b4c4d9;border-radius:8px;background:#fff;color:#193752;text-align:left;font-size:14px;line-height:1.25;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ci-display-settings .ci-display-skin-choice:hover:not(:disabled){border-color:#276db1;box-shadow:0 3px 10px #174eae22}
.ci-display-settings .ci-display-skin-choice.is-selected{border-color:#174eae;background:#e0eeff;box-shadow:inset 0 0 0 1px #174eae}
.ci-display-skin-sample{position:relative;display:block;height:46px;border:1px solid #9eb2c9;border-radius:4px;overflow:hidden;background:linear-gradient(125deg,#f7f8f8,#ecf2f7)}
.ci-display-skin-sample-bar{display:block;height:13px;background:linear-gradient(#3488f5,#1450c3)}
.ci-display-skin-sample::after{content:'';display:block;width:60%;height:6px;margin:9px 8px;background:#c5d3e4;box-shadow:0 9px 0 #e0e7ef}
.ci-display-skin-choice[data-skin=windows-21] .ci-display-skin-sample,.ci-display-skin-choice[data-skin=win21_] .ci-display-skin-sample{border-radius:0;background:#dfe6d5}
.ci-display-skin-choice[data-skin=windows-21] .ci-display-skin-sample-bar,.ci-display-skin-choice[data-skin=win21_] .ci-display-skin-sample-bar{background:#28369c}
.ci-display-skin-choice[data-skin=windows-98] .ci-display-skin-sample{border-radius:0;background:#c0c0c0}
.ci-display-skin-choice[data-skin=windows-98] .ci-display-skin-sample-bar{background:linear-gradient(90deg,#000080,#1084d0)}
.ci-display-skin-choice[data-skin=starfleet] .ci-display-skin-sample{border-color:#62597c;border-radius:12px 2px 2px 12px;background:#141721}
.ci-display-skin-choice[data-skin=starfleet] .ci-display-skin-sample-bar{background:linear-gradient(90deg,#c797db,#efa968)}
.ci-display-skin-choice[data-skin=starfleet] .ci-display-skin-sample::after{background:#e0b079;box-shadow:0 9px 0 #666384}
.ci-display-skin-choice[data-skin=aero] .ci-display-skin-sample{background:linear-gradient(130deg,#d8f2ff,#f8fafb)}
.ci-display-skin-choice[data-skin=aero] .ci-display-skin-sample-bar{background:linear-gradient(#bddff5,#689bc2)}
.ci-display-skin-choice[data-skin=fenster-xp_] .ci-display-skin-sample-bar{background:linear-gradient(#57b965,#247431)}
.ci-display-settings[data-guest=true] .ci-display-actions{justify-content:flex-end}.ci-display-settings[data-guest=true] .ci-display-note{display:none}
#xp-lab-root[data-public-guest=true] .xp-window:is([data-program-id="public.display"],[data-program-id="public.skins"]) .xp-sidebar{display:none}
.ci-display-settings :focus-visible{outline:3px solid #174eae;outline-offset:2px}
#xp-lab-root[data-ci-display=v1][data-ci-display-motion=off] *,#xp-lab-root[data-ci-display=v1][data-ci-display-motion=off] *::before,#xp-lab-root[data-ci-display=v1][data-ci-display-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
#xp-lab-root[data-ci-display=v1][data-ci-display-transparency=off] .xp-window{backdrop-filter:none!important;opacity:1!important}
#xp-lab-root[data-ci-display=v1][data-wallpaper=custom]{background-image:none}
.ci-display-wallpaper{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.ci-display-wallpaper img{display:block;width:100%;height:auto;max-width:none}
#xp-lab-root[data-ci-display=v1][data-ci-display-vertical=on] .ci-display-wallpaper{overflow:hidden;pointer-events:none}
@media(max-width:480px){.ci-display-settings fieldset{padding:8px}.ci-display-field{gap:8px}.ci-display-field select{width:48%}.ci-display-settings button{width:100%}}
@media(max-height:600px){
 #xp-lab-root[data-public-guest=true] .xp-window:is([data-program-id="public.display"],[data-program-id="public.skins"]) .xp-view{padding:10px}
 .ci-display-settings[data-guest=true]{padding:0}
 .ci-display-settings[data-guest=true]>p{margin:6px 0;line-height:1.35}
 .ci-display-settings[data-guest=true] .ci-display-skins{margin:8px 0;padding:10px}
 .ci-display-settings[data-guest=true] .ci-display-skin-intro{margin-bottom:8px;line-height:1.35}
 .ci-display-settings[data-guest=true] .ci-display-skin-sample{height:34px}
}
@media(prefers-reduced-motion:reduce){.ci-display-settings *{animation:none!important;transition:none!important}}

.ci-display-skin-choice[data-skin=xp-aero] .ci-display-skin-sample{background:linear-gradient(130deg,#edfbff,#dce7fa);box-shadow:inset 0 0 0 1px #ffffffb3}
.ci-display-skin-choice[data-skin=xp-aero] .ci-display-skin-sample-bar{background:linear-gradient(#ffffffb3,#79b0f7 47%,#3078df 52%,#8ac4fc);box-shadow:0 1px 1px #29477977}
