#map-settings{position:fixed;inset:0;z-index:30;background:#111338a8;backdrop-filter:blur(8px);display:grid;place-items:center;padding:25px;color:#2939c2;font:14px/1.5 Arial,sans-serif}.settings-sheet{background:#ffeaf6;width:min(1000px,100%);max-height:calc(100svh - 50px);display:flex;flex-direction:column;border:1px solid #8d70db;border-radius:15px;box-shadow:0 20px 90px #07071a88;overflow:hidden}.settings-sheet header{display:flex;align-items:start;justify-content:space-between;padding:23px 28px 12px}.settings-sheet h1{font-size:21px;font-weight:500;margin:0}.settings-sheet p{margin:4px 0 0;font-size:12px;opacity:.7}.settings-sheet button,.settings-sheet select,.import-settings{font:inherit;color:#2939c2;background:transparent;border:1px solid #2939c244;padding:7px 12px;border-radius:6px;cursor:pointer}.settings-sheet button:hover,.import-settings:hover{background:#2939c20c}#studio-close{font-size:25px;line-height:1;padding:2px 8px}.studio-tabs{display:flex;gap:6px;padding:0 28px 14px;border-bottom:1px solid #2939c228}.studio-tabs button[aria-selected=true]{background:#2939c2;color:#ffeaf6}#studio-content{padding:24px 28px;overflow:auto;min-height:240px;max-height:60svh}.settings-sheet footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:16px 28px;border-top:1px solid #2939c228}.settings-sheet footer button,.import-settings{font-size:12px}.import-settings input{display:none}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.studio-grid h2{margin:0 0 15px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.studio-range{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;font-size:12px}.studio-range>span{display:flex;justify-content:space-between}.studio-range output{font-variant-numeric:tabular-nums;opacity:.7}.studio-range input{width:100%;margin:0;accent-color:#fd0280;cursor:ew-resize}.card-selector{display:flex;gap:15px;align-items:center;margin-bottom:26px;font-size:12px}.card-selector select{flex:1;background:#fff4fa}.studio-note{margin-bottom:25px!important}#map-settings #style-panel{position:static!important;display:block!important;border:0!important;background:transparent!important;box-shadow:none!important;width:100%!important;max-height:none!important;padding:0!important;overflow:visible!important;backdrop-filter:none!important;--paper:#ffeaf6}#map-settings .slider-row{height:42px;gap:12px}#map-settings .slider-row .setting-name{width:170px;flex-shrink:0;font-size:12px}#map-settings .slider-row>input{flex:1;min-width:70px}#studio-status{font-size:11px;opacity:.7}@media(max-width:650px){#map-settings{padding:10px}.settings-sheet{max-height:calc(100svh - 20px)}.settings-sheet header{padding:16px 16px 10px}.studio-tabs{padding:0 16px 10px;gap:5px;flex-wrap:wrap}.studio-tabs button{font-size:11px;padding:6px 9px}#studio-content{padding:18px 16px;max-height:64svh}.studio-grid{grid-template-columns:1fr;gap:20px}.settings-sheet footer{padding:12px 16px;gap:6px}#map-settings .slider-row .setting-name{width:130px;font-size:11px}#map-settings .slider-row>svg{display:none}}

#studio-preview{margin-left:auto;margin-right:12px;font-size:11px}#map-settings.live-preview{background:none;backdrop-filter:none;pointer-events:none;place-items:start end;padding:16px}#map-settings.live-preview .settings-sheet{pointer-events:auto;width:min(420px,100%);max-height:calc(100svh - 32px);box-shadow:0 8px 36px #07071a44}#map-settings.live-preview .studio-grid{grid-template-columns:1fr;gap:18px}#map-settings.live-preview .settings-sheet header{padding:16px}#map-settings.live-preview .settings-sheet h1{font-size:17px}#map-settings.live-preview .settings-sheet header p{display:none}#map-settings.live-preview .studio-tabs{padding:0 16px 12px;gap:4px;flex-wrap:wrap}#map-settings.live-preview .studio-tabs button{font-size:10px;padding:5px 7px}#map-settings.live-preview #studio-content{padding:18px 16px}#map-settings.live-preview .settings-sheet footer{padding:12px 16px}#map-settings.live-preview .slider-row .setting-name{width:125px;font-size:11px}#map-settings.live-preview .slider-row svg{display:none}

#studio-content{min-height:0;flex:1}.import-settings:focus-visible{outline:2px solid #fd0280;outline-offset:3px}