#editor.tile-studio{position:fixed;inset:12px;z-index:50;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;background:#101a25;border:1px solid #35414a;box-shadow:0 20px 90px #0009;border-radius:9px;overflow:hidden;color:#d0d9db}#editor[hidden]{display:none!important}.studio-head{display:flex;align-items:center;gap:8px;padding:15px 18px;background:#14212c;border-bottom:1px solid #34414a}.studio-head>div{margin-right:auto;min-width:180px}#editor .studio-head h2{font:23px Georgia;margin:4px 0 0}#editor .eyebrow{font-size:8px;letter-spacing:2px}#editor .studio-head input{width:170px}.studio-tools{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid #34414a;flex-wrap:wrap}.tool-group{display:flex;gap:4px;margin-right:auto}#editor button{background:#1b2b38;padding:8px 10px;border:1px solid #40525b;color:#d0d9db;font-size:11px;border-radius:4px}#editor button.selected,#editor button.accent{background:#d6b782;color:#17222e;border-color:#eccd98}#editor input,#editor select{max-width:100%;width:100%;box-sizing:border-box}#editor input[type=checkbox]{width:auto;accent-color:#d6b782}#editor .inline-check{display:flex;flex-direction:row;align-items:center;gap:5px;white-space:nowrap}#editor-zoom{width:78px!important}.studio-workspace{display:grid;grid-template-columns:230px minmax(300px,1fr) 250px;min-height:0;flex:1}.studio-library,.studio-inspector{padding:14px;overflow:auto;background:#121f2b}.studio-library{border-right:1px solid #34414a}.studio-inspector{border-left:1px solid #34414a}#editor h3{font-size:10px;letter-spacing:1.6px;color:#c4b28e;margin:4px 0 12px}#editor h3 small{font-weight:400;letter-spacing:0;color:#81939f;font-size:9px}#tile-search,#tile-group{margin-bottom:8px}#tile-library{display:grid;grid-template-columns:1fr 1fr;gap:6px}#tile-library button{min-width:0;padding:4px;background:#1a2936;line-height:1.3;text-align:left}#tile-library canvas{width:100%;height:65px;display:block;border-radius:2px;background:repeating-conic-gradient(#33414a 0% 25%,#27353f 0% 50%) 50%/12px 12px}#tile-library span{display:block;font-size:9px;margin:5px 2px 2px}#tile-library small{font-size:8px;color:#97d7b8}#tile-library .selected small{color:#214d42}.studio-hint{font:10px/1.7 Arial!important}.studio-center{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0a121b}.view-header{display:flex;justify-content:space-between;padding:12px 16px;color:#9fb3bd;font-size:10px;letter-spacing:1px}.studio-canvas-wrap{position:relative;flex:1;min-height:240px;overflow:hidden}#editor-canvas{display:block;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;touch-action:none;cursor:crosshair}#tile-source{width:100%;height:auto;aspect-ratio:1;display:block;touch-action:none;background:repeating-conic-gradient(#33414a 0% 25%,#27353f 0% 50%) 50%/16px 16px;border:1px solid #4e616d;cursor:crosshair}#editor .studio-inspector label{margin:10px 0;gap:5px}.inspector-row{display:flex;align-items:center;gap:8px;margin-top:8px}.inspector-row>*{flex:1;min-width:0}#source-coords{display:block;font:9px monospace;color:#a0b0b8;margin:8px 0}#editor-layers{display:flex;flex-direction:column;gap:3px;margin-bottom:15px}.layer-row{display:flex;align-items:center;gap:7px}.layer-row input{margin:0}.layer-row button{flex:1;text-align:left;padding:6px!important}.studio-help{padding:10px 14px;font-size:10px;color:#8295a4;line-height:1.5}#editor-minimap{height:64px;width:calc(100% - 28px);margin:0 14px;background:#122333;border:1px solid #334451;cursor:crosshair}#editor-status{padding:8px 14px;margin:0!important;font-size:10px;color:#9fcfb9;min-height:28px}.collision-key{display:flex;gap:7px;flex-wrap:wrap;font-size:9px;margin-top:16px}.collision-key span:nth-child(1){color:#6cf2be}.collision-key span:nth-child(2){color:#ef9a7a}.collision-key span:nth-child(3){color:#9bb2c5}#editor .file-button{font-size:10px!important;padding:9px!important}#editor .studio-head select{width:130px}@media(max-width:1200px){.studio-workspace{grid-template-columns:180px minmax(280px,1fr) 210px}.studio-head{flex-wrap:wrap;padding:10px}.studio-head>div{min-width:155px}#editor .studio-head h2{font-size:19px}}@media(max-width:800px){#editor.tile-studio{inset:3px}.studio-workspace{grid-template-columns:145px minmax(260px,1fr) 180px;overflow:auto}.studio-tools{gap:4px}.tool-group{flex-wrap:wrap}#editor button{font-size:10px}.studio-library,.studio-inspector{padding:8px}}