:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eae6d8;background:#3f4a40;font-synthesis:none;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff16;background:#ffffff09;color:inherit;border-radius:9px;padding:9px 13px;transition:background .15s}button:hover{background:#ffffff16}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #d7c196;outline-offset:3px}input,select{width:100%;background:#26352e;border:1px solid #74837466;border-radius:8px;color:#f3eddf;padding:10px;min-width:0}label{display:grid;gap:7px;font-size:12px;margin:14px 0;color:#c9d1c2}p{color:#b5bdae;line-height:1.65}h1,h2,h3,p{margin-top:0}h2{font-size:20px;letter-spacing:-.5px;margin-bottom:0}h3{font-size:14px;margin:24px 0 8px}small{color:#aeb9aa;font-size:11px}form .primary{width:100%;margin-top:7px}.primary{background:#c5d2b4;border-color:#c5d2b4;color:#2c3c30;font-weight:650}.primary:hover{background:#dfdfc5}.glass{background:#2f3e35ed;border:1px solid #d3ddbc22;box-shadow:0 6px 28px #1b251e30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{font-size:10px;letter-spacing:2px;color:#a6b59b;font-weight:700}.error{color:#ffd1c4;background:#643e39;border-radius:8px;padding:12px}.notice{color:#dbe9cf;background:#3d4c39;border-radius:8px;padding:12px;margin-top:18px}.office-shell{height:100dvh;overflow:hidden;position:relative}.map-stage{position:absolute;inset:0;outline:none}.map-stage canvas{display:block}.topbar{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand,.topbar-right{display:flex;align-items:center;gap:13px;padding:9px 15px;border-radius:13px;pointer-events:auto}.brand-mark{font-size:28px;color:#c8d4b4;line-height:1}.brand strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.4px}.brand div>span{font-size:8px;letter-spacing:2px;color:#a4b39d;display:block;margin-top:4px}.topbar-right{gap:16px}.connection{display:flex;gap:8px;align-items:center;color:#c2ceba;font-size:12px}.connection i{width:6px;height:6px;border-radius:50%;background:#d1b474}.connection.online i{background:#a7be92;box-shadow:0 0 0 4px #a7be9210}.icon-button{font-size:23px;line-height:1;padding:5px 9px;background:none;border:none}.location-chip{position:absolute;left:22px;top:84px;padding:10px 13px;border-radius:9px;font-size:12px;display:flex;gap:8px;align-items:center}.location-chip>span:first-child{font-size:18px;color:#c6caa7}.quiet-tag{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#b9c5a9;margin-left:10px;border-left:1px solid #ffffff20;padding-left:13px}.todo-list{position:absolute;top:132px;left:22px;width:226px;padding:14px 15px;border-radius:11px}.todo-list>div{display:flex;gap:10px;align-items:flex-start;margin-top:10px}.todo-list>div>span{color:#d9c98f;font-size:18px;line-height:1}.todo-list p{display:grid;gap:4px;margin:0;line-height:1.3}.todo-list strong{color:#eae6d8;font-size:12px;font-weight:600}.todo-list small{line-height:1.4}.desk-prompt{position:absolute;z-index:4;left:50%;bottom:145px;transform:translate(-50%);width:min(430px,calc(100vw - 30px));padding:18px;border-radius:14px;display:flex;gap:15px}.desk-prompt-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;color:#304032;background:#d8cb94;font-size:18px}.desk-prompt h2{margin:5px 0 3px;font-size:17px}.desk-prompt p{margin:0 0 12px;font-size:11px;line-height:1.5}.desk-prompt-actions{display:flex;justify-content:flex-end;gap:7px}.whiteboard-hint{position:absolute;z-index:5;left:50%;bottom:145px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:11px 15px;border-radius:12px}.whiteboard-hint>span{font-size:20px;color:#d8cb94}.whiteboard-hint div{display:grid;gap:4px}.whiteboard-hint strong{font-size:12px}.whiteboard-hint small{display:flex;align-items:center;gap:5px}.whiteboard-hint kbd{width:auto;padding:0 5px}.whiteboard-preview{position:absolute;z-index:6;left:22px;bottom:142px;width:280px;padding:10px;border-radius:13px}.whiteboard-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 9px;font-size:11px}.whiteboard-preview-heading span{display:flex;align-items:center;gap:7px}.whiteboard-preview-heading i{width:7px;height:7px;border-radius:50%;background:#d8cb94;box-shadow:0 0 0 4px #d8cb9418}.whiteboard-preview-canvas{position:relative;height:158px;overflow:hidden;border-radius:8px;background:#fff}.whiteboard-preview-canvas .tl-container{pointer-events:none}.whiteboard-preview-canvas>button{position:absolute;inset:0;width:100%;border:0;border-radius:0;color:transparent;background:transparent}.whiteboard-preview-canvas>button:hover{color:#f4f1e7;background:#26352e88}.whiteboard-loading{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 20px;border-radius:12px}.whiteboard-dialog{position:fixed;z-index:20;inset:18px;display:grid;grid-template-rows:auto 1fr;overflow:hidden;color:#eae6d8;background:#2f3e35;border:1px solid #d3ddbc33;border-radius:16px;box-shadow:0 24px 100px #101813bb}.whiteboard-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 11px 18px}.whiteboard-dialog>header div{display:flex;align-items:baseline;gap:12px}.whiteboard-dialog>header strong{font-size:15px}.whiteboard-dialog>header button{border:0;background:transparent;font-size:24px;padding:4px 9px}.whiteboard-canvas{position:relative;min-height:0;overflow:hidden;border-radius:12px 12px 0 0}.side-panel{position:absolute;top:84px;right:22px;bottom:138px;width:286px;border-radius:13px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7d8a7455 transparent;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 19px 17px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.6px;display:block;margin-bottom:8px}.panel-heading h2 span{font-size:12px;color:#b5c3a6;background:#a6b59018;padding:3px 7px;border-radius:6px;margin-left:7px;font-weight:400}.people-list{padding:0 12px}.person{display:flex;gap:9px;align-items:center;padding:10px 7px;border-bottom:1px solid #d3ddbc0b}.avatar-chip{image-rendering:pixelated;display:inline-block;position:relative;flex-shrink:0;margin:0 5px}.person-details{display:grid;gap:4px;min-width:0;flex:1}.person strong{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person strong small{font-weight:400;color:#9fad94}.person-details>span{font-size:10px;color:#9ba994}.custom-status-control{position:relative}.custom-status-button{position:relative;width:32px;height:32px;font-size:21px}.person-details .custom-status-copy{white-space:normal;overflow-wrap:anywhere}.custom-status-popover{position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%);width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow-y:auto;padding:14px;border-radius:14px;box-shadow:0 12px 40px #0006;z-index:10}.custom-status-popover form{display:grid;gap:12px}.custom-status-heading,.custom-status-input,.custom-status-actions{display:flex;align-items:center;gap:8px}.custom-status-heading{justify-content:space-between;font-size:12px}.custom-status-heading label{margin:0}.custom-status-input>.icon-button{flex:0 0 34px;font-size:22px}.custom-status-input input{min-width:0;flex:1}.custom-status-actions>small{margin-left:auto;color:#a5b198;font-size:10px}.custom-status-actions button{font-size:12px;white-space:nowrap}.custom-status-actions .primary{width:auto;margin-top:0}.status-emoji-picker{display:grid;gap:8px;border-top:1px solid #ffffff15;padding-top:12px}.status-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);max-height:176px;overflow-y:auto;gap:3px;padding:3px}.status-emoji-grid button{padding:5px 0;font-size:22px;border-color:transparent;background:transparent}.status-emoji-grid .emoji-show-more{grid-column:1 / -1;font-size:11px;padding:8px}.status-emoji-grid button:hover,.status-emoji-grid button[aria-pressed=true]{background:#ffffff15;border-color:#9ebc8d}.emoji-empty{margin:8px 0;font-size:12px;color:#a5b198}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ebc8d;flex-shrink:0}.status-dot.focus{background:#e2bd71}.status-dot.do-not-disturb{background:#ce8174}.status-dot.offline{background:#778377}.person.offline{opacity:.48}.panel-note{margin:24px 18px 12px;padding:17px 14px;background:#a5b7900a;border:1px dashed #a5b79029;border-radius:10px}.panel-note strong{font-size:11px;font-weight:500;color:#c9d1bc}.panel-note p{font-size:11px;margin:7px 0 0;line-height:1.7;color:#9dad93}.desk-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 18px 12px;font-size:11px}.desk-note strong{display:block;font-weight:500;color:#c9d1bc}.desk-note button{padding:7px 11px;font-size:11px;white-space:nowrap}.text-button{background:none;border:0;font-size:11px;color:#afbaa4}.signout{margin:10px 18px 16px;align-self:flex-start}.owner-panel{margin:12px 18px;border-top:1px solid #ffffff12;padding-top:16px;font-size:12px}.owner-panel summary{cursor:pointer;font-weight:600}.owner-panel summary span{float:right;font-size:8px;letter-spacing:1px;color:#a9bb98}.owner-panel p{font-size:11px;margin:12px 0}.owner-panel label{font-size:11px}.owner-panel input,.owner-panel select{font-size:12px}.invite-result{border:1px solid #9ebc8d55;padding:10px;border-radius:9px;margin-top:15px}.invite-result label{margin-top:0}.invite-result small{display:block;margin-bottom:10px}.bottom-wrap{position:absolute;bottom:17px;left:0;right:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;gap:11px}.controls{pointer-events:auto;display:flex;gap:19px;align-items:center;border-radius:15px;padding:10px 20px}.identity-button{display:flex;align-items:center;gap:8px;padding:4px 0;border:0;background:none;text-align:left}.identity-button>span:not(.avatar-chip){display:grid;gap:5px}.identity-button strong{font-weight:550;font-size:12px;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.identity-button small{font-size:9px;color:#a5b198}.edit-glyph{font-size:16px;color:#afbc9f;margin-left:10px}.control-divider{width:1px;height:27px;background:#ffffff15}.availability{display:flex;grid-template-columns:auto 1fr;gap:7px;align-items:center;font-size:11px;color:#ccd4bf;margin:0}.availability select{width:116px;padding:6px;border:0;background:transparent;font-size:11px}.media-controls{position:static;margin:0;padding:0;border:0;max-width:none;max-height:none;color:inherit;background:transparent}.media-controls[open],.media-actions{display:flex;align-items:center;gap:7px}.media-controls.media-expanded{--call-inset: clamp(12px, 4vmin, 48px);position:fixed;inset:var(--call-inset);width:calc(100% - 2 * var(--call-inset));height:calc(100dvh - 2 * var(--call-inset));box-sizing:border-box;border:1px solid #d3ddbc33;border-radius:20px;box-shadow:0 16px 64px #0006;padding:clamp(12px,3vw,32px);flex-direction:column;gap:20px;background:#17251e;color:#eef3e4}.media-expanded::backdrop{background:#17251e40}.media-expanded h2{margin:0;font-size:18px}.media-expanded .media-tracks{position:static;width:100%;flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:16px;overflow:hidden;pointer-events:auto}.media-expanded .media-tracks:not(:has(.media-tile)):before{content:"Cameras are off. You can still talk here.";margin:auto;align-self:center;color:#afbc9f}.media-expanded .media-tile{flex:none;width:100%;min-width:0;min-height:0;position:relative}.media-expanded .media-tile video{height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}.media-expanded .media-name{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);box-sizing:border-box;font-size:13px}.media-expanded .media-tracks.media-staged{justify-content:center}.media-expanded .media-pinned{order:-1}.media-expanded .media-screen[aria-pressed=true] video{border-color:#d7c196a0}.media-expanded .media-actions{flex-shrink:0}.media-controls.media-expanded small{max-width:200px}.media-controls .media-toggle{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;padding:0}.media-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.media-controls .media-toggle:disabled{cursor:default}.media-controls .media-toggle[aria-pressed=true]{background:#fff;border-color:#fff;color:#2c3c30}.media-controls .media-toggle[aria-pressed=true]:hover{background:#f0f0e8}.media-controls small{max-width:110px;line-height:1.3}.media-tracks{position:fixed;left:22px;bottom:145px;display:flex;gap:8px;pointer-events:none}.media-tile{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:180px}.media-tracks video{width:100%;aspect-ratio:16 / 10;border-radius:12px;object-fit:cover;background:#1c2821;border:1px solid #d3ddbc33;box-shadow:0 6px 28px #1b251e70}.media-tracks .media-screen{pointer-events:auto;cursor:pointer}.media-tracks .media-screen:focus-visible{outline:2px solid #d7c196;outline-offset:3px;border-radius:12px}.media-tracks .media-screen video{object-fit:contain}.media-name{max-width:100%;padding:3px 7px;border-radius:7px;font-size:10px;letter-spacing:.3px;color:#eef3e4;background:#1c2821cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-tracks audio{display:none}.movement-hint{text-align:center;line-height:1.1}.movement-hint div{display:flex;gap:3px;margin-top:3px}kbd{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;font-size:8px;font-family:inherit;border:1px solid #aab79866;border-radius:3px;color:#b8c4a8;background:#aab7980c}.walk-copy{font-size:9px;color:#a1af94;line-height:1.6;margin-left:-10px}.walk-copy strong{font-weight:400;color:#d1d7c4}.bottom-caption{font-size:9px;letter-spacing:.7px;color:#ebe7d0d0;text-shadow:0 1px 4px #000}.connection-banner{position:absolute;top:153px;left:50%;transform:translate(-50%);padding:14px 20px;border-radius:10px;z-index:3;display:flex;align-items:center;gap:12px;max-width:90vw}.profile-dialog{background:#34453a;color:#eae6d8;border:1px solid #a7b99355;border-radius:17px;width:min(760px,94vw);max-height:92dvh;overflow-y:auto;padding:10px 22px 25px;box-shadow:0 20px 90px #15211999}.profile-dialog::backdrop{background:#16241dbb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.profile-dialog .panel-heading{padding:13px 0}.profile-dialog fieldset{border:0;padding:0;margin:22px 0}.profile-dialog legend{font-size:12px;margin-bottom:12px;color:#b8c6ab}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.character-grid button{height:74px;background:#ffffff05}.character-grid button[aria-pressed=true]{border-color:#c3d3ac;background:#b9ce9d20}.entry{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#2f3f34}.entry-art{display:flex;flex-direction:column;justify-content:center;align-items:center;background:repeating-linear-gradient(0deg,transparent 0px,transparent 31px,#c8d4b407 31px,#c8d4b407 32px),repeating-linear-gradient(90deg,#586b53 0px 31px,#c8d4b419 31px 32px)}.entry-art>span{font-size:130px;color:#cad5b0}.entry-art p{font-size:35px;line-height:1.3;color:#e0e2c7;letter-spacing:-1px}.entry-card{padding:60px;max-width:530px;align-self:center;justify-self:center}.entry-card h1{font-size:38px;letter-spacing:-1.5px;line-height:1.1;margin:20px 0}.entry-card>small{display:block;margin-top:28px}.entry-card form{margin-top:25px}@media(max-width:800px){.side-panel{width:245px;bottom:134px;right:12px}.topbar{left:12px;right:12px;top:12px}.location-chip{left:12px;top:74px}.todo-list{left:12px;top:122px}.side-panel{top:74px}.controls{gap:12px;padding:9px 13px}.walk-copy,.movement-hint{display:none}.controls>.control-divider:last-of-type{display:none}.entry{grid-template-columns:1fr}.entry-art{display:none}.entry-card{padding:35px}.connection-banner{top:90px}.bottom-caption{font-size:8px}}@media(prefers-reduced-motion:reduce){button{transition:none}}.avatar-chip>span{position:absolute;inset:0;background-repeat:no-repeat}.wardrobe-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:24px}.wardrobe-preview{background:#283a30;border:1px solid #c5d2b420;border-radius:12px;padding:20px 12px;text-align:center;align-self:start}.avatar-stage{display:grid;place-items:center;min-height:205px;position:relative;margin-bottom:18px}.wardrobe-preview strong{font-size:15px}.wardrobe-preview p{font-size:11px;margin:8px 0 20px}.preview-directions{display:flex;justify-content:center;gap:3px}.preview-directions button{font-size:10px;padding:8px}.wardrobe-categories{display:flex;flex-wrap:wrap;gap:6px}.wardrobe-categories button{padding:8px 11px;font-size:12px}.wardrobe-layout button[aria-pressed=true],.character-grid button[aria-pressed=true]{border-color:#c3d3ac;background:#b9ce9d20;box-shadow:inset 0 0 0 1px #c3d3ac}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.style-grid button{display:grid;justify-items:center;gap:7px;padding:10px 4px;font-size:11px}.swatch-grid{display:flex;flex-wrap:wrap;gap:7px}.swatch-grid button{padding:6px;display:grid;justify-items:center;gap:4px;font-size:10px}.color-swatch{display:block;width:28px;height:28px;border-radius:50%;border:1px solid #ffffff40}.wardrobe-presets{border-top:1px solid #ffffff18;padding:16px 0;margin-top:20px}.wardrobe-presets summary{cursor:pointer;font-size:12px;color:#b8c6ab}.wardrobe-presets .character-grid{margin-top:14px;grid-template-columns:repeat(8,minmax(0,1fr))}@media(max-width:600px){.controls{position:relative}.custom-status-control{position:static}.custom-status-popover{bottom:calc(100% + 12px)}.profile-dialog{padding:10px 16px 20px}.wardrobe-layout{grid-template-columns:minmax(0,1fr);gap:18px}.wardrobe-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:12px}.avatar-stage{grid-row:span 3;min-height:170px;margin:0}.avatar-stage .avatar-chip{transform:scale(.85)}.wardrobe-preview p{margin:6px 0}.preview-directions{flex-wrap:wrap}.wardrobe-presets .character-grid{grid-template-columns:repeat(4,1fr)}}.avatar-stage:before{content:"";position:absolute;width:100px;height:18px;bottom:17px;border-radius:50%;background:#a5b79030}.editor-link,.button-link{display:block;color:#d8e2c9;text-decoration:none;border:1px solid #ffffff18;border-radius:9px;padding:10px 13px}.editor-link{margin:12px 0 0;text-align:center;background:#71816524}.editor-loading,.editor-denied{min-height:100vh;display:grid;place-content:center;text-align:center}.map-editor{min-height:100vh;display:grid;grid-template:auto 1fr / 310px minmax(0,1fr);background:#202a25}.editor-header{grid-column:1 / -1;min-height:88px;padding:15px 22px;background:#2b3831;border-bottom:1px solid #ffffff17;display:grid;grid-template-columns:minmax(210px,1fr) 260px minmax(360px,1fr);gap:24px;align-items:center}.editor-header h1{margin:3px 0 0;font-size:22px}.editor-header label{margin:0}.editor-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.editor-actions>span{color:#9eaa9c;font-size:11px;max-width:220px}.editor-actions>span.unsaved{color:#ead38e}.editor-sidebar{padding:18px;overflow-y:auto;height:calc(100vh - 88px);background:#26332d;border-right:1px solid #ffffff17}.editor-sidebar section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #ffffff12}.editor-sidebar h2{font-size:13px;letter-spacing:.4px;margin-bottom:11px}.editor-sidebar label{margin:9px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-grid button{font-size:11px;padding:9px 5px}.multi-select-toggle{width:100%;margin-top:8px;font-size:11px}.map-editor button.active{border-color:#e3d69a;background-color:#d6c98d2e;box-shadow:0 0 0 1px #e3d69a55 inset}.editor-sidebar label.editor-check{display:flex;align-items:center;gap:8px}.editor-check input[type=checkbox]{width:auto;margin:0}.editor-help{display:block;line-height:1.45;margin:0 0 10px}.tile-palette{display:grid;grid-template-columns:repeat(7,32px);gap:5px}.tile-palette button{width:32px;height:32px;padding:0;border-radius:4px;image-rendering:pixelated;background-repeat:no-repeat}.tile-palette .erase-tile{background:#663e3e;font-size:18px}.row{display:flex;gap:8px}.row>*{flex:1}.space-copy-actions{margin-top:7px}.space-copy-actions button{font-size:10px}.space-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:150px;overflow:auto;margin-top:10px}.space-list button{min-width:0;padding:7px;display:grid;text-align:left;font-size:11px}.space-list button span{color:#9eaa9c;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.selection-fields{padding:8px 10px;background:#ffffff08;margin-top:10px;border-radius:8px}.subheading{margin-top:18px!important}.decor-palette,.prop-palette{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:220px;overflow:auto}.decor-palette button,.prop-palette button{min-width:0;padding:6px;display:flex;align-items:center;text-align:left;font-size:10px}.decor-palette span,.prop-palette span{width:32px;height:32px;flex:0 0 32px;image-rendering:pixelated;background-repeat:no-repeat}.selected-object-actions{padding:11px;margin:-7px 0 18px;display:grid;gap:8px;border:1px solid #e3d69a44;border-radius:9px;background:#d6c98d12}.rotation-controls{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px;padding:8px 0;font-size:11px}.rotation-controls button{padding:6px 8px}.danger{width:100%;color:#ffc4ba;border-color:#b85f5144}.editor-workarea{min-width:0;overflow:auto;padding:28px;position:relative}.editor-zoom{position:sticky;z-index:5;top:0;width:max-content;margin:0 0 10px auto;display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #ffffff18;border-radius:10px;background:#2b3831ee;box-shadow:0 5px 20px #0004}.editor-zoom button{min-width:34px;padding:6px 9px}.editor-zoom span{width:52px;text-align:center;font-size:11px;color:#dce4d5}.editor-canvas-wrap{width:max-content;min-width:100%;padding:30px;display:grid;place-items:center;background-color:#19231e;background-image:radial-gradient(#ffffff10 1px,transparent 1px);background-size:16px 16px;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff10}.editor-canvas-wrap canvas{display:block;max-width:none;cursor:crosshair;image-rendering:pixelated;box-shadow:0 12px 40px #0008;touch-action:none}.editor-workarea>p{margin:12px auto;max-width:760px;font-size:11px;text-align:center}@media(max-width:900px){.map-editor{grid-template:auto auto 1fr / 1fr}.editor-header{grid-column:1;grid-template-columns:1fr}.editor-actions{justify-content:flex-start;flex-wrap:wrap}.editor-sidebar{height:auto;max-height:45vh;border-right:0}}
