.web-studio{--ws-color:#c3a0f3;--ws-warm:#e1c68b;width:min(1500px,calc(100vw - 36px));height:min(900px,calc(100svh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #bc9ee55e;border-radius:20px;background:linear-gradient(130deg,#19281e,#0e1c15);color:#edf0de;box-shadow:0 30px 120px #000b,0 0 70px #b36bdd0b;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .2s,transform .25s;overflow:hidden;display:none;flex-direction:column}
.web-studio[open]{display:flex}.web-studio.is-visible{opacity:1;transform:none}.web-studio::backdrop{background:#030c09d6;backdrop-filter:blur(3px)}.web-studio[data-studio-mode=glitch]{--ws-color:#f3a3e8;border-color:#e98dde65;background:linear-gradient(125deg,#281a27,#111d16 55%)}
.web-studio button,.web-studio input,.web-studio select{font-family:Geologica,Arial,sans-serif}.web-studio button{transition:background .22s,border-color .22s,transform .22s}.web-studio button:focus-visible,.web-studio input:focus-visible,.web-studio select:focus-visible,.web-studio label:has(input[type=file]):focus-within{outline:2px solid var(--ws-color);outline-offset:2px}.web-studio button:disabled{cursor:default;opacity:.4}.ws-header{flex:none;display:flex;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid #d4bd8930;background:linear-gradient(100deg,#c19bdb0c,transparent 75%)}.ws-brand{display:flex;align-items:center;gap:12px}.ws-brand>img{width:43px;height:47px;filter:drop-shadow(0 0 12px #a474db55)}.ws-brand small{font-size:8px;letter-spacing:.16em;color:#d8ca9b}.ws-brand h2{font-size:24px;margin:3px 0 0;color:var(--ws-color)}.ws-access{margin-left:auto;padding:6px 10px;border:1px solid #bdc99b2c;border-radius:8px;color:#b3c2a8;font-size:9px}.ws-close{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid #d0c39139;border-radius:9px;background:#d0c3910b;color:#e6dcb9;font-size:22px}.ws-close:hover{background:#d0c39122;transform:rotate(5deg)}
.ws-workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;flex:1;min-height:0}.ws-preview{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#0d1b1570}.ws-preview-toolbar{display:flex;align-items:center;gap:10px;padding:11px 17px;border-bottom:1px solid #bfd2a824}.ws-preview-toolbar label{display:flex;align-items:center;gap:8px;color:#a2b398;font-size:10px}.ws-preview-toolbar label:first-child{flex:1}.ws-preview-toolbar select,.ws-settings select{appearance:auto;min-width:0;padding:8px 10px;border:1px solid #b0c09b35;border-radius:8px;background:#10251a;color:#e5ead4;font-size:11px}.ws-preview-toolbar select{max-width:190px}.ws-preview-toolbar button{margin-left:auto;border:1px solid #c7bf852e;border-radius:8px;background:#c7bf850c;color:#d6cc9d;width:32px;height:32px;font-size:19px}.ws-canvas-wrap{position:relative;flex:1;min-height:220px;overflow:hidden}.ws-frame{width:100%;height:100%;display:block;border:0;background:#111b2b}.ws-model-label{position:absolute;top:15px;left:17px;display:grid;gap:4px;padding:9px 11px;border:1px solid #d9d8ae35;border-radius:9px;background:#0b2018bb;pointer-events:none}.ws-model-label b{font-size:12px;color:#e7efce}.ws-model-label small{font-size:8px;color:#a7bb9b}.ws-engine-state{position:absolute;inset:0;display:grid;place-items:center;padding:40px;background:#10251be6;text-align:center;color:#dbcaa6;font-size:13px;line-height:1.7}.ws-age{padding:12px 18px;display:grid;grid-template-columns:120px 1fr;gap:3px 14px;align-items:center;border-top:1px solid #d0cd9b23;background:#10271b}.ws-age>label{font-size:11px;color:#cbd7b8;display:flex;gap:8px}.ws-age output{color:#e8d294;font-weight:600}.ws-age input{accent-color:var(--ws-color);width:100%;margin:0}.ws-age small{grid-column:2;font-size:8px;color:#9aaf90}.ws-fidelity{font-size:9px;color:#95a78a;line-height:1.6;padding:7px 17px;background:#0b1b12;margin:0}
.ws-controls{min-height:0;display:flex;flex-direction:column;border-left:1px solid #bcb18c2c;background:linear-gradient(160deg,#14271c,#0c1d14);overflow:hidden}.ws-side-tabs{display:flex;gap:6px;padding:11px 13px;border-bottom:1px solid #c2b88725;flex:none}.ws-side-tabs button{flex:1;border:1px solid transparent;border-radius:8px;background:none;color:#9eaf95;padding:8px;font-size:11px}.ws-side-tabs button[aria-pressed=true]{border-color:#c1a0e54a;color:var(--ws-color);background:#ad8bc215}.ws-editor,.ws-library{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#657151 transparent;padding:13px 15px;overscroll-behavior:contain}.ws-name{display:grid;gap:7px;color:#b2c1a7;font-size:10px}.ws-name input{width:100%;padding:9px 10px;border:1px solid #b0c19b38;border-radius:8px;background:#0a1b12;color:#e5e9d9;font-size:12px}.ws-zones-title{display:flex;justify-content:space-between;align-items:center;margin:17px 0 8px}.ws-zones-title b{font-size:11px;font-weight:500}.ws-zones-title span{font-size:8px;color:#8d9e84}.ws-zones{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ws-zones button{display:flex;align-items:center;gap:7px;text-align:left;padding:8px;border:1px solid #abc49228;border-radius:7px;background:#9ac18a07;color:#b8c7ae;font-size:9px;min-width:0}.ws-zones button i{flex:none;width:16px;height:16px;border-radius:4px;border:1px solid #dfe7c740;background:var(--zone-color);box-shadow:inset 0 1px #ffffff40}.ws-zones button[aria-pressed=true]{border-color:var(--ws-color);background:#a98ac31a;color:#eee7f4}.ws-zones button:hover:enabled{background:#a98ac327}.ws-zones button small{font-size:7px;margin-left:auto;color:#8b9b80}.ws-zones button:disabled{opacity:.38}
.ws-color-panel{margin-top:16px;border:1px solid #c8b98234;border-radius:11px;padding:11px;background:#0a1b12a0}.ws-color-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ws-color-title b{font-size:11px;color:#d8d5b8}.ws-color-title>div{display:flex;gap:4px}.ws-color-title button{width:25px;height:25px;border:1px solid #bbc69433;border-radius:6px;background:#abbf9310;color:#c7d4b7;font-size:15px}.ws-color-pick{display:flex;align-items:stretch;gap:8px}.ws-color-pick>input{appearance:none;border:1px solid #c1c9a044;border-radius:9px;padding:3px;background:#10291a;width:53px;height:44px;cursor:pointer}.ws-color-pick input::-webkit-color-swatch-wrapper{padding:0}.ws-color-pick input::-webkit-color-swatch{border:0;border-radius:6px}.ws-color-pick>label{display:grid;align-content:center;font-size:8px;color:#9eb390;min-width:0;gap:2px}.ws-color-pick>label input:not([type=file]){width:95px;max-width:100%;font-size:13px;border:0;border-bottom:1px solid #bfd0a42b;background:none;color:#e4e9ce;padding:3px 0;text-transform:uppercase}.ws-color-pick .ws-image-pick{cursor:pointer;margin-left:auto;border:1px solid #c3cb9a32;border-radius:7px;padding:6px 9px;font-size:9px;color:#d2d7b6;background:#b2c48f0b}.ws-image-pick:hover{background:#b2c48f19}.ws-rgb{display:grid;gap:7px;margin-top:12px}.ws-rgb label{display:grid;grid-template-columns:12px 1fr 24px;align-items:center;gap:9px;color:#b7c8a7;font-size:9px}.ws-rgb input{width:100%;margin:0;accent-color:var(--ws-color)}.ws-rgb output{text-align:right;font-size:9px;color:#95ac86}
.ws-settings{display:grid;gap:10px;margin-top:15px}.ws-settings label{display:grid;gap:6px;font-size:10px;color:#a9bd9d;grid-template-columns:1fr auto}.ws-settings select,.ws-settings input{grid-column:1/-1;width:100%}.ws-settings input{accent-color:var(--ws-color);margin:0}.ws-settings output{color:var(--ws-color)}.ws-variant-switch{display:flex;gap:5px}.ws-variant-switch button{flex:1;font-size:9px;color:#a6b69c;padding:9px 4px;background:#091a12;border:1px solid #b1c0942e;border-radius:7px}.ws-variant-switch button[aria-pressed=true]{color:var(--ws-color);border-color:#e495df75;background:#d67bcc11}.ws-variant-note{font-size:9px;line-height:1.6;color:#9bb290}.ws-transfer{flex:none;display:flex;gap:8px;padding:10px 14px;border-top:1px solid #b5c68c28}.ws-transfer label,.ws-transfer button{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 5px;border:1px solid #bbcb9735;border-radius:7px;background:#a0b6810b;color:#cad8b9;font-size:9px;cursor:pointer}.ws-transfer label:hover,.ws-transfer button:hover{background:#bbc89122}
.ws-library{display:grid;align-content:start;gap:9px}.ws-library article{position:relative;padding-right:28px;border:1px solid #afc08e2d;border-radius:10px;background:#0a1d12;overflow:hidden}.ws-library article>button:first-child{display:block;width:100%;text-align:left;padding:12px;border:0;background:none;color:#dbdfc6}.ws-library article>button:last-child{position:absolute;right:7px;top:9px;width:22px;height:22px;border:1px solid #c4c49330;border-radius:5px;background:none;color:#b0bb9c}.ws-library-chips{display:flex;margin:0 0 9px;gap:2px}.ws-library-chips i{width:26px;height:18px;border-radius:3px}.ws-library b{display:block;font-size:12px;overflow-wrap:anywhere}.ws-library small{display:block;font-size:8px;color:#96ac8c;margin-top:5px}.ws-empty{font-size:11px;color:#a5b695;line-height:1.8;padding:16px}
.ws-footer{margin:0;padding:13px 22px 11px;border:0;border-top:1px solid #c6bb8835;background:#0c1c13;display:grid;grid-template-columns:1fr auto;gap:4px 18px;flex:none}.ws-footer>div:first-child{min-width:0;display:grid;gap:3px;align-content:center}.ws-footer [data-ws-draft]{font-size:10px;color:#d7c48e}.ws-footer output{font-size:10px;color:#9bb490;line-height:1.6}.ws-footer output.is-error{color:#f2a59c}.ws-footer-actions{display:flex;gap:9px;align-items:center}.ws-footer-actions button{padding:12px 17px;border:1px solid #c5a6df80;border-radius:9px;background:linear-gradient(125deg,#c9afe3,#a18ac9);color:#1e2620;font-size:11px;font-weight:600;box-shadow:inset 0 1px #fff4}.ws-footer-actions button:hover:enabled{transform:translateY(-2px);filter:brightness(1.08)}.ws-footer-actions button:disabled{background:#77886b0c;border-color:#a9bd8b36;box-shadow:none;color:#a3b294;opacity:.5}.ws-footer>p{grid-column:1/-1;font-size:8px;line-height:1.6;color:#7f9476;margin:3px 0 0}
.ws-image-overlay{position:absolute;inset:0;background:#091a12f5;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:16px}.ws-image-overlay>button{align-self:end;padding:9px 13px;border:1px solid #c5ce9d55;border-radius:8px;background:#a0b88613;color:#d8dfbf}.ws-image-overlay p{font-size:12px;color:#cad7b5}.ws-image-overlay canvas{max-width:100%;max-height:calc(100% - 100px);object-fit:contain;border:1px solid #adb98a50;border-radius:9px;cursor:crosshair}
.web-studio.ws-locked{width:min(480px,calc(100vw - 28px));height:auto;max-height:90svh;overflow:auto;text-align:center;padding:35px 30px;align-items:center;gap:13px}.ws-locked .ws-close{position:absolute;right:13px;top:13px}.ws-lock-art{height:100px;width:100px;display:grid;place-items:center;border:1px solid #b99bda4a;border-radius:50%;background:radial-gradient(circle,#ba83db2e,transparent);margin:5px 0}.ws-lock-art img{width:70px;height:78px}.ws-locked h2{font-size:29px;color:var(--ws-color)}.ws-locked>p:not(.portal-kicker){font-size:12px;line-height:1.8;color:#bac7ac}.ws-locked>small{font-size:9px;line-height:1.7;color:#91a485}.ws-lock-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:10px}.ws-lock-actions button{padding:12px 16px;border:1px solid #ccb18b6e;border-radius:9px;background:linear-gradient(125deg,#e3c783,#eddaab);font-size:11px;color:#24311f}
@media(max-width:1000px){.ws-workspace{grid-template-columns:minmax(0,1fr) 310px}.ws-controls .ws-editor{padding:12px}.ws-header{padding:13px 17px}.ws-preview-toolbar{padding:10px;gap:6px}.ws-preview-toolbar label{display:grid;gap:4px}.ws-preview-toolbar select{max-width:170px}.ws-footer{padding:11px 15px}.ws-footer-actions button{padding:10px 12px}}
@media(max-width:700px){.web-studio{width:calc(100vw - 16px);height:calc(100svh - 16px);border-radius:14px;overflow:auto}.ws-header{position:sticky;top:0;z-index:4;background:#15261cf5;gap:8px;padding:10px 12px}.ws-brand{gap:7px}.ws-brand>img{width:30px;height:35px}.ws-brand h2{font-size:17px}.ws-brand small{font-size:6px;letter-spacing:.1em}.ws-access{font-size:7px;max-width:85px;text-align:center;padding:5px}.ws-close{width:29px;height:29px;font-size:20px}.ws-workspace{display:flex;flex-direction:column;flex:none;min-height:auto}.ws-preview{overflow:visible;flex:none}.ws-canvas-wrap{height:330px;min-height:330px;flex:none}.ws-frame{height:330px}.ws-preview-toolbar label{font-size:8px}.ws-preview-toolbar select{font-size:10px;padding:7px}.ws-preview-toolbar label:first-child{max-width:65%}.ws-preview-toolbar label:first-child select{max-width:100%;width:100%}.ws-preview-toolbar button{align-self:end;flex:none}.ws-age{padding:10px 13px;grid-template-columns:100px 1fr;gap:3px 10px}.ws-age label{font-size:10px}.ws-fidelity{font-size:8px;padding:7px 13px}.ws-controls{overflow:visible;border-left:0;border-top:1px solid #bac99035;flex:none}.ws-side-tabs{position:sticky;top:60px;z-index:3;background:#12261ceF}.ws-editor,.ws-library{overflow:visible;flex:none;min-height:0}.ws-zones{grid-template-columns:repeat(2,1fr);gap:7px}.ws-zones button{font-size:10px;padding:10px}.ws-color-panel{padding:13px}.ws-settings{margin-top:17px}.ws-settings label{font-size:11px}.ws-settings input{min-height:25px}.ws-transfer label,.ws-transfer button{font-size:10px;padding:11px 5px}.ws-footer{position:sticky;bottom:0;z-index:4;grid-template-columns:1fr;gap:7px;background:#0b1d14f7;backdrop-filter:blur(6px)}.ws-footer-actions{order:2}.ws-footer-actions button{flex:1;padding:11px 5px;font-size:10px}.ws-footer>p{order:3;font-size:7px;margin-top:0}.ws-footer output{font-size:8px}.ws-footer [data-ws-draft]{font-size:8px}.ws-fidelity{line-height:1.5}.ws-image-overlay{position:fixed;padding:20px}.ws-model-label{top:10px;left:10px}.ws-model-label b{font-size:11px}.ws-model-label small{font-size:7px}}

.ws-zone-hint{font-size:8px;line-height:1.6;color:#cdbb83;margin:0 0 9px}

/* Each workshop has its own route; only its inspector scrolls on desktop. */
#studio-view.studio-page{max-width:none;width:100%;padding:20px clamp(12px,2vw,36px) 24px;min-height:calc(100svh - var(--shell-height));position:relative}
.web-studio.ws-page{display:flex;position:relative;margin:0 auto;width:100%;height:calc(100svh - var(--shell-height) - 44px);min-height:560px;border-radius:18px;isolation:isolate;background:linear-gradient(125deg,#24322bcf,#10251de8),url('assets/worlds/deluxe.webp') center/cover;box-shadow:0 20px 80px #0005,0 0 60px #b17dda0a}
.web-studio.ws-page[data-studio-mode=glitch]{background:linear-gradient(125deg,#312034d9,#10211ee8),url('assets/worlds/god.webp') center/cover}
.ws-page::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 14% 12%,#e1b5ff55 0 1px,transparent 3px),radial-gradient(circle at 82% 22%,#caffd74a 0 1px,transparent 3px),radial-gradient(circle at 43% 82%,#e1c59855 0 1px,transparent 3px);background-size:170px 190px,250px 230px,220px 210px;animation:ws-dust 28s linear infinite}
@keyframes ws-dust{to{background-position:30px -190px,-20px -230px,40px -210px}}
.ws-page .ws-header{background:linear-gradient(100deg,#cb94e517,#0a2017ac);position:relative;z-index:7}
.ws-page .ws-workspace{grid-template-columns:minmax(0,1fr) 350px}
.ws-page .ws-preview{overflow:visible}.ws-page .ws-preview-toolbar{position:relative;z-index:6;min-height:64px}
.ws-page .ws-preview-toolbar>label{flex:none;display:flex;flex-direction:row;max-width:none}
.ws-page .ws-canvas-wrap{border-radius:0 0 9px 9px}.ws-page .ws-controls{background:#0c2017d9;backdrop-filter:blur(10px)}
.ws-page button:active:enabled{transform:scale(.97)}
.ws-page .ws-age{grid-template-columns:88px 1fr;padding:14px 22px;background:#10281ecd}
.ws-age input[type=range]{--age:100%;appearance:none;-webkit-appearance:none;height:7px;border:1px solid #c4afd541;border-radius:8px;background:linear-gradient(90deg,var(--ws-color) var(--age),#344d3c var(--age));cursor:pointer;outline-offset:6px;box-shadow:inset 0 1px 2px #0005}
.ws-age input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:3px solid #182b20;border-radius:50%;background:#f6e9ff;box-shadow:0 0 0 1px var(--ws-color),0 2px 8px #0008;transition:box-shadow .2s}
.ws-age input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #cfa7ef30,0 0 14px #d9b4ef55}
.ws-age input[type=range]::-moz-range-thumb{width:13px;height:13px;border:3px solid #182b20;border-radius:50%;background:#f6e9ff;box-shadow:0 0 0 1px var(--ws-color)}
.ws-age small{display:flex;justify-content:space-between;margin-top:5px;color:#9aaf9c}
.ws-color-panel{padding:11px 12px}.ws-wheel{display:block;width:min(100%,280px);height:auto;touch-action:none;cursor:crosshair;margin:0 auto;outline-offset:0}
.ws-color-pick>input[type=color]{width:43px;height:39px}.ws-color-pick>label input:not([type=file]){font-size:12px}
.ws-zones button{min-height:45px;border-radius:8px;gap:7px;padding:6px;font-size:9px;position:relative;overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--zone-color) 12%,#0d2419),#102219)}
.ws-zones button i{width:28px;height:29px;display:grid;place-items:center;background:var(--zone-color);box-shadow:inset 0 1px #fff4,0 2px 6px #0004;color:white;text-shadow:0 1px #000}
.ws-zones button i svg{width:21px;height:21px;filter:drop-shadow(0 1px 1px #000c)}
.ws-zones button[aria-pressed=true]{box-shadow:inset 3px 0 var(--ws-color),0 0 14px #bc9ad91c;background:linear-gradient(110deg,#c4a0dd2b,#182e22);color:#ffefff}
.ws-species{position:relative;flex:1;min-width:0}.ws-preview-toolbar .ws-species-trigger{display:flex;align-items:center;gap:9px;border:1px solid #cab3dc49;background:linear-gradient(110deg,#be95e218,#10281f);width:225px;max-width:100%;height:44px;margin:0;padding:4px 10px;color:#e5e9d8;border-radius:10px;text-align:left}
.ws-species-trigger img{width:56px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px #0008)}
.ws-species-trigger span{min-width:0;display:grid;gap:3px}.ws-species-trigger small{font-size:6px;letter-spacing:.14em;color:#a5b99c}.ws-species-trigger b{font-size:11px;font-weight:500}.ws-species-trigger i{margin-left:auto;font-style:normal;color:var(--ws-color)}
.ws-species-trigger[aria-expanded=true],.ws-species-trigger:hover{border-color:var(--ws-color);background:#b69bd32a}
.ws-species-menu{position:absolute;left:0;top:calc(100% + 8px);width:min(620px,calc(100vw - 70px));padding:12px;border:1px solid #cfaddd63;border-radius:14px;background:linear-gradient(125deg,#1e3328f9,#10251efc);box-shadow:0 20px 60px #000a;backdrop-filter:blur(15px);animation:ws-menu-in .2s ease-out;z-index:10}
@keyframes ws-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ws-species-menu>label{display:block;width:100%;margin-bottom:10px}.ws-species-menu input{width:100%;padding:11px 12px;border:1px solid #c5c3a83b;border-radius:9px;background:#071b14;color:#e8edda;font-size:12px}
.ws-species-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:min(430px,55svh);overflow:auto;scrollbar-width:thin;scrollbar-color:#9c86b6 #11251a}
.ws-preview-toolbar .ws-species-grid button{margin:0;padding:7px 4px;width:auto;height:auto;min-height:90px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border:1px solid #b7c19c22;border-radius:8px;background:#bad39c07;color:#ced9bf;font-size:9px;text-align:center}
.ws-species-grid img{height:60px;width:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #0007)}
.ws-species-grid button:hover,.ws-species-grid button[aria-pressed=true]{background:#c69fe52b;border-color:var(--ws-color);color:#f1e1ff}
.ws-species-menu>p{font-size:11px;color:#b4c5a8;text-align:center}
.ws-page.ws-locked{width:min(580px,100%);height:auto;min-height:0;margin:7vh auto;padding:40px 32px}
html[data-mw-motion=off] .ws-page::before,.mw-paused .ws-page::before{animation-play-state:paused}
body[data-page=studio] .portal-utility-dock,body[data-page=studio] #chat-toggle{opacity:.35;transition:opacity .2s}body[data-page=studio] .portal-utility-dock:hover{opacity:1}
@media(max-width:1050px){.ws-page .ws-workspace{grid-template-columns:minmax(0,1fr) 315px}.ws-preview-toolbar .ws-species-trigger{width:200px}.ws-species-menu{width:min(520px,calc(100vw - 65px))}}
@media(max-width:700px){#studio-view.studio-page{padding:10px 8px 18px}.web-studio.ws-page{height:auto;min-height:0;overflow:visible;border-radius:13px}.ws-page .ws-workspace{display:flex}.ws-page .ws-header{position:relative;top:auto;border-radius:13px 13px 0 0}.ws-page .ws-controls{overflow:visible;border-radius:0 0 13px 13px}.ws-page .ws-preview-toolbar{gap:7px;padding:9px}.ws-page .ws-preview-toolbar>label{display:grid;font-size:8px;max-width:25%}.ws-preview-toolbar .ws-species-trigger{height:44px;width:200px;padding:3px 7px;gap:4px}.ws-species-trigger img{width:45px}.ws-species-trigger b{font-size:10px}.ws-preview-toolbar .ws-species{max-width:65%}.ws-species-menu{width:calc(100vw - 54px);padding:9px}.ws-species-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:360px}.ws-preview-toolbar .ws-species-grid button{min-height:78px;font-size:8px}.ws-species-grid img{height:48px}.ws-page .ws-side-tabs{position:relative;top:auto}.ws-page .ws-footer{position:relative;bottom:auto;border-radius:0 0 13px 13px}.ws-page .ws-age{padding:13px;grid-template-columns:72px 1fr}.ws-zones button{font-size:11px}.ws-zones button i{width:33px;height:33px}.ws-page .ws-access{font-size:8px}.ws-page .ws-canvas-wrap{border-radius:0}.ws-page .ws-color-panel{max-width:none}.ws-wheel{width:280px}.ws-page .ws-footer-actions button{font-size:11px}body[data-page=studio] .portal-utility-dock{display:none}}

@media(min-width:701px){.ws-page .ws-zones{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.ws-page .ws-zones button{min-height:59px;flex-direction:column;justify-content:center;text-align:center;font-size:7px;line-height:1.3;gap:4px;padding:4px 1px}.ws-page .ws-zones button i{width:24px;height:24px}.ws-page .ws-zones button svg{width:18px;height:18px}.ws-page .ws-zones button small{position:absolute;top:2px;right:2px;font-size:5px}.ws-page .ws-wheel{width:220px}.ws-page .ws-zones-title{margin-top:12px}.ws-page .ws-color-panel{margin-top:12px}.ws-page .ws-name input{padding:8px 10px}}
body[data-page=studio] .portal-utility-dock{display:none}

[data-ws-variant-mount]:not(:empty){margin:12px 0;padding:9px;border:1px solid #da97db37;border-radius:10px;background:linear-gradient(120deg,#c369d111,#12291c)}
[data-ws-variant-mount] .ws-variant-note{margin:7px 0 0;font-size:8px;line-height:1.5;color:#bdc6b3}
[data-ws-variant-mount] .ws-variant-switch button{font-size:8px;padding:8px 3px}