/* Neutral authoring desk: the skin being edited is confined to the preview. */
body[data-plugin="skin-studio"] #pluginSearchInput{display:none}
body[data-plugin="skin-studio"] #pluginsView>.library-header :is(h1,p,span){color:#e9eefb!important}
body[data-plugin="skin-studio"] #pluginsView>.library-header{min-height:80px}
body[data-plugin="skin-studio"] #pluginsView>.library-header::before{content:"";display:block;position:absolute;inset:11px;background:#0b111c;border-radius:6px;pointer-events:none;z-index:0}
body[data-plugin="skin-studio"] #pluginsView>.library-header>div{position:relative;z-index:1}
body[data-plugin="skin-studio"] #pluginResultList{display:block!important}
body[data-plugin="skin-studio"] .library-catalog-section{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body[data-plugin="skin-studio"] .library-catalog-section>.library-section-title{display:none}
#skinStudioRoot{--studio-line:#2c3c54;color:#e9eefb!important;background:#0b111c;border:1px solid #26384d;border-radius:16px;padding:18px;font:13px/1.45 "Segoe UI",system-ui,sans-serif;min-width:0}
#skinStudioRoot *{box-sizing:border-box}
#skinStudioRoot :is(h2,strong,legend,label){color:#e9eefb!important}
#skinStudioRoot :is(p,small){color:#aabbce!important}
#skinStudioRoot :is(button,input,select){font:inherit}
#skinStudioRoot button{border:1px solid #3a4c67;border-radius:7px;background:#172339;color:#e9eefb!important;min-height:36px;padding:7px 12px;cursor:pointer}
#skinStudioRoot button:hover{background:#273757;border-color:#8b79ef}
#skinStudioRoot button:disabled{opacity:.45;cursor:not-allowed}
#skinStudioRoot :is(button,input,select):focus-visible{outline:2px solid #51d9ed;outline-offset:2px}
#skinStudioRoot .studio-primary{background:linear-gradient(120deg,#7735dc,#285edb);border-color:#9676f9;font-weight:700}
#skinStudioRoot .studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
#skinStudioRoot .studio-toolbar h2{font-size:22px;margin:5px 0}
#skinStudioRoot .studio-toolbar p{margin:0;max-width:520px}
#skinStudioRoot .studio-toolbar>div>span{font-size:10px;letter-spacing:.2em;color:#63d9e9}
#skinStudioRoot .studio-main-actions{display:flex;gap:7px;flex-wrap:wrap;flex:none}
#skinStudioRoot .studio-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
#skinStudioRoot .studio-controls{display:flex;flex-direction:column;gap:16px;min-width:0}
#skinStudioRoot .studio-local{padding:13px;border:1px solid var(--studio-line);border-radius:10px;background:#111c2c}
#skinStudioRoot .studio-local>strong{font-size:10px;letter-spacing:.15em}
#skinStudioRoot .studio-local select{margin:10px 0}
#skinStudioRoot .studio-local>div,#skinStudioRoot .studio-assets>div{display:flex;flex-wrap:wrap;gap:6px}
#skinStudioRoot small{font-size:11px;display:block;margin-top:8px;line-height:1.5}
#skinStudioRoot label{display:grid;gap:6px;margin-bottom:12px;font-size:12px}
#skinStudioRoot :is(input:not([type=color]):not([type=range]):not([type=file]),select){width:100%;min-width:0;min-height:37px;border:1px solid #34465f;background:#090f1a;color:#e9eefb!important;border-radius:6px;padding:7px 9px}
#skinStudioRoot fieldset{min-width:0;margin:18px 0 0;padding:14px 12px;border:1px solid var(--studio-line);border-radius:10px}
#skinStudioRoot legend{padding:0 5px;font-weight:700;font-size:12px}
#skinStudioRoot .studio-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#skinStudioRoot .studio-color-grid label{display:flex;align-items:center;gap:7px;margin:0;font-size:11px}
#skinStudioRoot input[type=color]{width:32px;height:29px;min-width:32px;padding:0;border:1px solid #52617c;background:transparent;cursor:pointer}
#skinStudioRoot input[type=range]{width:100%;accent-color:#8d76ee}
#skinStudioRoot output{font-size:11px;color:#89d9ec}
#skinStudioRoot input[type=file]{max-width:100%;font-size:11px;color:#aabbce}
#skinStudioRoot .studio-preview-area{min-width:0;position:sticky;top:0}
#skinStudioRoot .studio-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
#skinStudioRoot .studio-preview-tools nav{display:flex;gap:5px}
#skinStudioRoot .studio-preview-tools button.active{border-color:#8b76ed;background:#302855}
#skinStudioRoot [data-studio-size]{font-size:11px;color:#aabbce}
#skinStudioRoot .studio-stage{position:relative;min-width:0;min-height:200px;overflow:hidden;background:#030610;border:1px solid #3b4b65;border-radius:10px}
#skinStudioRoot iframe{position:absolute;left:10px;top:10px;border:0;max-width:none;transform-origin:top left;background:#050910}
#skinStudioRoot .studio-preview-note{font-size:11px;line-height:1.5}
#skinStudioRoot .studio-checks{padding:14px;border:1px solid var(--studio-line);border-radius:10px;background:#0f1a28}
#skinStudioRoot .studio-checks>span{display:block;margin-top:6px;font-size:12px}
#skinStudioRoot .pass{color:#7be2b4!important}
#skinStudioRoot .fail{color:#ff9fae!important}
#skinStudioRoot .warning{color:#f4cb84!important}
#skinStudioRoot .studio-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
#skinStudioRoot [data-studio-dirty]{font-size:11px;color:#afc1da}
#skinStudioRoot [data-studio-status]{padding:10px 0;margin-bottom:0;min-height:38px}
#skinStudioRoot [data-studio-status][data-error=true]{color:#ff9fae!important}
@media(max-width:1199px){#skinStudioRoot .studio-toolbar{align-items:start;flex-direction:column}#skinStudioRoot .studio-layout{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:900px){#skinStudioRoot .studio-layout{display:flex;flex-direction:column-reverse}#skinStudioRoot .studio-preview-area{position:relative;width:100%}#skinStudioRoot .studio-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:start}#skinStudioRoot .studio-assets{grid-column:1/-1;margin:0}}
@media(max-width:500px){#skinStudioRoot{padding:12px}#skinStudioRoot .studio-controls{display:flex}#skinStudioRoot .studio-toolbar h2{font-size:19px}#skinStudioRoot .studio-main-actions{width:100%}#skinStudioRoot .studio-main-actions button{flex:1}#skinStudioRoot .studio-preview-tools button{padding:6px 10px}}
