/* Full-window studio with collapsible inspectors and an unobstructed image stage. */
html body.warm-modern[data-theme] dialog#psk-material-studio{--ms-bg:#202528;--ms-panel:#292f32;--ms-line:#ffffff20;--ms-text:#eeeae2;--ms-muted:#b2b9b9;--ms-accent:#d6bc86;position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--ms-bg)!important;color:var(--ms-text)!important;overflow:hidden!important;box-shadow:none!important;font:13px/1.45 system-ui,sans-serif!important}
html body.warm-modern[data-theme] dialog#psk-material-studio[open]{display:grid!important;grid-template-rows:58px minmax(0,1fr) 32px}
html body.warm-modern[data-theme] dialog#psk-material-studio.ms-windowed{inset:4vh 3vw!important;width:94vw!important;height:92dvh!important;border:1px solid var(--ms-line)!important;border-radius:14px!important}
#psk-material-studio::backdrop{background:#080b0dc9;backdrop-filter:blur(8px)}
#psk-material-studio *{box-sizing:border-box;text-shadow:none!important}
body #psk-material-studio :is(h2,p,label,span,strong,small){color:inherit!important}
#psk-material-studio .ms-top{display:flex;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid var(--ms-line);background:#242a2d;min-width:0}
#psk-material-studio .ms-title{display:flex;flex-direction:column;margin-right:auto;min-width:0}.ms-title strong{font-size:15px}.ms-title span{font-size:11px;color:var(--ms-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:35vw}
body #psk-material-studio button{background:#343c40!important;color:var(--ms-text)!important;border:1px solid var(--ms-line)!important;border-radius:7px!important;padding:7px 11px!important;font:500 12px/1.4 system-ui,sans-serif!important;min-height:34px;box-shadow:none!important;cursor:pointer;white-space:normal}
body #psk-material-studio button:hover{background:#414b50!important}body #psk-material-studio button[aria-pressed=true],body #psk-material-studio button[aria-selected=true]{background:#d6bc8622!important;border-color:var(--ms-accent)!important;color:#f2d79f!important}body #psk-material-studio button.ms-primary{background:var(--ms-accent)!important;color:#202528!important;font-weight:650!important}
#psk-material-studio :is(button,input,select,textarea):focus-visible{outline:2px solid #f2cf88!important;outline-offset:3px}#psk-material-studio .ms-main{position:relative;min-height:0;overflow:hidden;display:flex}#psk-material-studio .ms-stage{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#3c474b,#242b2e 75%);touch-action:none}
#psk-material-studio .ms-world{position:absolute;left:50%;top:50%;line-height:0;transform-origin:center;user-select:none;touch-action:none}.ms-world img{width:100%;height:100%;display:block;max-width:none!important;max-height:none!important;object-fit:contain}.ms-world canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ms-world[hidden],.ms-empty[hidden],.ms-view-modes[hidden]{display:none!important}
#psk-material-studio .ms-rail{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;gap:7px;background:#202629c9;padding:6px;border:1px solid var(--ms-line);border-radius:10px;z-index:2}#psk-material-studio .ms-rail button{width:36px;padding:6px!important;font-size:18px!important}
#psk-material-studio .ms-view-modes{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border-radius:10px;background:#202629ed;border:1px solid var(--ms-line);white-space:nowrap}
#psk-material-studio .ms-panel{width:320px;flex:0 0 320px;display:flex;flex-direction:column;min-height:0;background:var(--ms-panel);border-left:1px solid var(--ms-line)}#psk-material-studio.ms-panel-hidden .ms-panel{display:none}
#psk-material-studio .ms-tabs{display:flex;gap:5px;padding:12px;border-bottom:1px solid var(--ms-line)}.ms-tabs button{flex:1}#psk-material-studio .ms-panel-content{overflow:auto;flex:1;padding:16px;scrollbar-width:thin;scrollbar-color:#657074 transparent}.ms-panel-content h2{font-size:17px!important;margin:0 0 8px}.ms-panel-content p{font-size:12px;margin:8px 0 15px;line-height:1.65}#psk-material-studio .ms-muted{color:var(--ms-muted)!important}#psk-material-studio .ms-stage-note{border-top:1px solid var(--ms-line);padding-top:16px;margin-top:22px;font-size:11px!important;color:var(--ms-muted)!important}#psk-material-studio .ms-notice{background:#d6bc8610;border-left:2px solid var(--ms-accent);padding:10px}
#psk-material-studio .ms-panel-content label{display:block;font-size:11px;margin:12px 0;color:var(--ms-muted)!important}#psk-material-studio .ms-panel-content :is(input:not([type=range]),select,textarea){display:block;width:100%;max-width:100%;margin-top:5px;background:#202729!important;color:var(--ms-text)!important;border:1px solid #586368!important;border-radius:6px!important;font:13px/1.4 system-ui,sans-serif!important;padding:8px!important;box-shadow:none!important}#psk-material-studio input[type=range]{display:block;width:100%;accent-color:var(--ms-accent);padding:0!important;margin:10px 0;min-height:24px}#psk-material-studio textarea{resize:vertical;min-height:64px}#psk-material-studio .ms-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}#psk-material-studio .ms-two label{min-width:0}
#psk-material-studio .ms-source{display:flex;align-items:center;gap:10px;border:1px solid var(--ms-line);border-radius:8px;padding:8px;margin:10px 0}.ms-source img{width:60px;height:46px;object-fit:contain;border-radius:4px;background:#1b2225}.ms-source button{flex:1;text-align:left}
#psk-material-studio .ms-sample{border:1px solid var(--ms-line);border-radius:10px;padding:12px;margin:14px 0}.ms-sample>img{width:100%;height:115px;object-fit:contain;background:#1d2326;border-radius:6px}#psk-material-studio .ms-regions{display:flex;flex-direction:column;gap:5px;margin:12px 0}#psk-material-studio .ms-regions button{display:flex;align-items:center;text-align:left;gap:8px}.ms-regions i{width:18px;height:18px;border:1px solid #ffffff44;border-radius:4px;flex-shrink:0}.ms-regions span{flex:1}.ms-regions small{font-size:10px}#psk-material-studio .ms-assigned{display:flex;gap:10px;align-items:center;background:#1d2528;border-radius:8px;padding:8px;margin:10px 0}.ms-assigned img{width:70px;height:48px;object-fit:contain}.ms-assigned span{font-size:12px}
#psk-material-studio .ms-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:min(520px,calc(100% - 120px))}.ms-empty h2{font-size:25px!important;font-weight:550;margin:12px 0}.ms-empty p{color:var(--ms-muted)!important;line-height:1.7}.ms-empty-icon{font-size:55px;color:var(--ms-accent)!important}.ms-empty button{margin:6px 3px}
#psk-material-studio .ms-footer{display:flex;align-items:center;padding:4px 16px;background:#242a2d;border-top:1px solid var(--ms-line);font-size:11px;overflow:hidden}.ms-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#psk-material-studio.ms-busy{cursor:progress}#psk-material-studio.ms-busy button:not(:first-child){opacity:.7}
@media(min-width:1600px){#psk-material-studio .ms-panel{width:350px;flex-basis:350px}}
@media(max-width:800px){html body.warm-modern[data-theme] dialog#psk-material-studio[open]{grid-template-rows:54px minmax(0,1fr) 36px}#psk-material-studio .ms-top{padding:7px 9px;gap:6px}.ms-title strong{font-size:12px}.ms-title span{display:none}.ms-top>span{display:none}.ms-top button{padding:6px 8px!important;min-height:36px}#psk-material-studio .ms-panel{position:absolute;right:0;bottom:0;width:100%;height:43%;z-index:3;border-top:1px solid var(--ms-line);border-left:0;box-shadow:0 -8px 25px #0003}#psk-material-studio:not(.ms-panel-hidden) .ms-stage{height:57%;align-self:flex-start}#psk-material-studio .ms-rail{left:8px;top:8px}#psk-material-studio .ms-tabs{padding:7px}#psk-material-studio .ms-panel-content{padding:12px}.ms-panel-content h2{font-size:15px!important}#psk-material-studio .ms-empty{width:calc(100% - 95px);margin-left:20px}.ms-empty h2{font-size:18px!important}.ms-empty p{font-size:12px}.ms-empty-icon{font-size:32px}#psk-material-studio .ms-view-modes{bottom:8px}#psk-material-studio.ms-windowed{inset:0!important;width:100%!important;height:100dvh!important;border-radius:0!important}}

@media(max-width:800px){body #psk-material-studio .ms-top>button:first-child{font-size:0!important;width:36px;min-width:36px;padding:5px!important}#psk-material-studio .ms-top>button:first-child::after{content:"←";font:20px/1 system-ui}#psk-material-studio .ms-title strong{font-size:12px;line-height:1.2}}

#psk-material-studio .ms-world img{pointer-events:none}