body:has(.vtt-workspace){overflow:hidden}body:has(.vtt-workspace) .layout{display:block;min-height:100dvh}body:has(.vtt-workspace) .sidebar,body:has(.vtt-workspace) .topbar{display:none}body:has(.vtt-workspace) .content{max-width:none;margin:0;padding:0}body:has(.vtt-workspace) .main{height:100dvh}
.vtt-workspace{--vtt-ink:#e9e3f3;--vtt-muted:#a69cb7;--vtt-accent:#c8adff;position:relative;width:100%;height:100dvh;overflow:hidden;color:var(--vtt-ink);background:#13111a;font-family:inherit;isolation:isolate}.vtt-workspace [hidden]{display:none!important}.vtt-workspace button,.vtt-workspace a{touch-action:manipulation}.vtt-glass{background:#26222fea;border:1px solid #77708240;box-shadow:0 8px 28px #0004;backdrop-filter:blur(15px);border-radius:14px}.vtt-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;outline:0;background:radial-gradient(ellipse at 45% 40%,#322b3f44,transparent 70%),radial-gradient(#81758f22 1px,transparent 1px);background-size:auto,24px 24px}.vtt-viewport[data-tool=hand],.vtt-viewport.is-panning{cursor:grab}.vtt-viewport.is-panning{cursor:grabbing}.vtt-viewport[data-tool=draw],.vtt-viewport[data-tool=ruler],.vtt-viewport[data-tool=fog],.vtt-viewport[data-tool=terrain],.vtt-viewport[data-tool=erase]{cursor:crosshair}.vtt-viewport[data-tool=note]{cursor:text}
.vtt-top{position:absolute;z-index:15;top:20px;left:22px;right:22px;display:flex;gap:15px;align-items:center;justify-content:space-between;pointer-events:none}.vtt-top>*{pointer-events:auto}.vtt-room{display:flex;align-items:center;gap:12px;padding:10px 15px 10px 10px;min-width:230px}.vtt-back{height:30px;width:24px;display:grid;place-items:center;color:#c6b6db}.vtt-back:hover{color:white}.vtt-brand{font-size:29px;color:var(--vtt-accent);line-height:1}.vtt-room strong{display:block;font-size:13px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vtt-room small{display:block;font-size:10px;color:var(--vtt-muted);margin-top:2px}.vtt-scene{display:flex;align-items:center;gap:10px;padding:13px 16px;color:#e3dbef;font-size:12px;max-width:300px}.vtt-scene span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vtt-scene>.icon{width:17px;color:#b8a6cf}.vtt-scene small{margin-left:8px;color:#9c90ac}.vtt-scene:disabled{opacity:1;cursor:default}.vtt-top-actions{display:flex;align-items:center;gap:4px;padding:7px 9px}.vtt-sync{display:flex;align-items:center;gap:7px;font-size:10px;color:#c1b8cc;padding:0 12px 0 4px}.vtt-sync i{width:6px;height:6px;border-radius:50%;background:#80caaa;box-shadow:0 0 8px #80caaa44}
.vtt-btn{border:0;background:transparent;color:#d7cce5;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;padding:8px;min-width:31px;min-height:31px;line-height:1;cursor:pointer}.vtt-btn:hover{background:#ffffff0e;color:#fff}.vtt-btn:disabled{opacity:.25;cursor:default}.vtt-workspace .icon{width:19px;height:19px;flex-shrink:0}.vtt-workspace button:focus-visible,.vtt-workspace a:focus-visible{outline:2px solid #d5bbff;outline-offset:3px}.vtt-tools{position:absolute;z-index:14;top:115px;left:23px;width:51px;display:flex;flex-direction:column;align-items:center;padding:8px 5px;gap:5px}.vtt-tool{background:none;border:0;color:#b8afc7;width:39px;height:39px;display:grid;place-items:center;border-radius:10px;cursor:pointer}.vtt-tool:hover{background:#ffffff0a;color:#ece3fa}.vtt-tool.active{background:#a482d533;color:#dfc3ff;box-shadow:inset 0 0 0 1px #c49af633}.vtt-tools hr{width:24px;border:0;border-top:1px solid #8a7d9c38;margin:5px}.vtt-tools>.vtt-btn{height:33px;width:39px}.vtt-options{position:absolute;z-index:14;top:91px;left:90px;display:flex;align-items:center;gap:6px;padding:6px 9px;max-width:calc(100% - 410px);flex-wrap:wrap;min-height:39px}.vtt-options>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#d8cfe5;padding:0 7px}.vtt-options>small{color:#aa9db9;font-size:10px}.vtt-options button{background:transparent;border:0;color:#bdb0d0;border-radius:6px;min-height:27px;padding:5px;display:flex;align-items:center;justify-content:center}.vtt-options button.active,.vtt-options button[aria-pressed=true]{background:#ac8ed644;color:#e8d4ff}.vtt-options select{background:#393140;border:1px solid #7a6b8a55;color:#e5d9f1;padding:4px 8px;font-size:11px;width:auto;min-height:28px;border-radius:6px}.vtt-options input[type=color]{width:28px;height:28px;min-height:0;padding:2px;background:#332c3d;border:1px solid #72677f77;border-radius:5px}
.vtt-board{position:absolute;left:0;top:0;transform-origin:0 0;isolation:isolate;background:radial-gradient(ellipse at 30% 20%,#55505a33,transparent 60%),#29252c;box-shadow:0 15px 100px #0009,0 0 0 1px #94819f33;user-select:none;will-change:transform}.vtt-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:0}.vtt-grid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.vtt-terrain{position:absolute;inset:0;z-index:1;pointer-events:none}.vtt-tile{position:absolute;box-shadow:inset 0 0 0 1px #0000000a}.vtt-tile.tile-stone{background:#77758080}.vtt-tile.tile-grass{background:#536c4bd9}.vtt-tile.tile-water{background:#3b657edb}.vtt-tile.tile-lava{background:#b96336d9}.vtt-tile.tile-wood{background:#886747cc}.vtt-tile.tile-wall{background:#26252be8;box-shadow:inset 0 0 0 3px #6b626b55}.vtt-drawings{position:absolute;inset:0;overflow:visible;z-index:3;pointer-events:none}.vtt-drawings [data-drawing]{pointer-events:visiblePainted}.vtt-viewport[data-tool=erase] .vtt-drawings [data-drawing]{cursor:crosshair}.vtt-note{filter:drop-shadow(0 5px 8px #0005)}.vtt-fog-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.vtt-fog{position:absolute;background:#13101c;box-shadow:0 0 0 .5px #13101c}.vtt-fog.gm{background:repeating-linear-gradient(135deg,#15101a99 0px,#15101a99 5px,#6c508b66 5px,#6c508b66 6px);box-shadow:0 0 0 .5px #55436466}.vtt-map-token{position:absolute;margin:0;padding:0;z-index:5;border:3px solid var(--token-color);border-radius:50%;color:#f3edff;background:#30293a;box-shadow:0 3px 9px #0009,0 0 0 2px #17131bd9;display:grid;place-items:center;cursor:grab;font-size:20px;font-weight:700;overflow:visible;touch-action:none}.vtt-map-token:active{cursor:grabbing}.vtt-map-token.selected{outline:2px dashed #f6e6ff;outline-offset:6px;box-shadow:0 0 22px #c7a6ff66,0 6px 12px #0007}.vtt-map-token.is-hidden{opacity:.45;border-style:dashed}.vtt-map-token.is-locked{cursor:default}.vtt-token-portrait{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;pointer-events:none}.vtt-token-portrait img{width:100%;height:100%;object-fit:cover;pointer-events:none}.vtt-token-label{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:500;max-width:145px;overflow:hidden;text-overflow:ellipsis;color:#fff5fc;background:#211b2bdf;border:1px solid #8b779433;border-radius:5px;padding:2px 5px;pointer-events:none}.vtt-token-lock,.vtt-elevation{position:absolute;right:-7px;top:-6px;background:#332a3d;border:1px solid var(--token-color);border-radius:5px;padding:1px 4px;font-size:10px;font-style:normal;pointer-events:none}.vtt-elevation{top:auto;bottom:-4px}.vtt-drawing-preview,.vtt-ruler{position:absolute;inset:0;overflow:visible;z-index:9;pointer-events:none}.vtt-drawing-preview [data-drawing]{pointer-events:none}#vtt-paint-preview{position:absolute;inset:0;z-index:9;pointer-events:none}.vtt-paint-cell{position:absolute;width:64px;height:64px;border:1px solid #e5ccff66}.vtt-board.night:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse,transparent 15%,#060211b0 100%)}.vtt-board.rain:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:6;background:repeating-linear-gradient(110deg,transparent 0px,transparent 35px,#b9cde422 36px,transparent 38px)}.vtt-board.ember:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse at 60% 80%,#f27b361f,transparent 65%)}
.vtt-sidebar{position:absolute;z-index:13;right:22px;top:98px;bottom:195px;width:282px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,opacity .2s}.vtt-sidebar.is-closed{transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none}.vtt-panel-tabs{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px;border-bottom:1px solid #82728f33;background:#1e192633}.vtt-panel-tabs>button{border:0;background:transparent;color:#9b8faa;min-width:35px;height:32px;border-radius:7px;display:grid;place-items:center}.vtt-panel-tabs>button.active{background:#ad8edb26;color:#d4b5ff}.vtt-panel-tabs>button:hover{color:white}.vtt-pane{padding:18px 15px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#756381 #26202e}.vtt-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.vtt-pane-heading small{font-size:8px;color:#a79ab6;letter-spacing:.14em}.vtt-pane-heading h2{font-size:17px;margin:4px 0 0;color:#eee7f7}.vtt-pane-heading>.vtt-btn{background:#a483d033;color:#dec2ff;font-size:20px}.vtt-token-row{border:1px solid transparent;border-radius:10px;background:none;color:#ded4e9;display:flex;align-items:center;text-align:left;gap:10px;padding:8px 7px;width:100%;margin-bottom:6px;min-width:0}.vtt-token-row:hover,.vtt-token-row.active{background:#ad90d512;border-color:#b897e644}.vtt-token-avatar{height:35px;width:35px;flex-shrink:0;border:2px solid var(--token-color);border-radius:50%;display:grid;place-items:center;background:#30283a;color:#e9def2;overflow:hidden;font-size:14px}.vtt-token-avatar img{width:100%;height:100%;object-fit:cover}.vtt-token-row>span:nth-child(2){min-width:0;flex:1}.vtt-token-row strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.vtt-token-row small{display:block;font-size:9px;line-height:1.6;color:#9e8ead}.vtt-empty{text-align:center;padding:20px 7px;color:#aa99bc}.vtt-empty>span{display:block;font-size:45px;color:#b79bd1;margin:12px}.vtt-empty strong{font-size:13px;color:#d0c0e0}.vtt-empty p,.vtt-pane>p{font-size:11px;line-height:1.8;color:#a999b8;margin:9px 0 18px}.vtt-member{display:flex;align-items:center;gap:10px;margin-bottom:18px}.vtt-member>.avatar{width:32px;height:32px;font-size:13px;background:#b998e420;color:#d3b2ff}.vtt-member>div{flex:1}.vtt-member strong{font-size:11px;display:block}.vtt-member small{display:block;font-size:9px;color:#a99ab9}.vtt-link{display:block;font-size:11px;color:#c6a4f2;margin:18px 0}.vtt-panel-open{position:absolute;right:22px;top:100px;z-index:12;width:43px;height:43px;color:#cab1e8;border-radius:11px;display:grid;place-items:center}.has-panel .vtt-panel-open{visibility:hidden}.vtt-chat{padding:0}.vtt-chat .chat-box{background:none;border:0;border-radius:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.vtt-chat .chat-box h3{font-size:12px}.vtt-chat .chat-box .tag{display:none}.vtt-chat .chat-messages{height:auto;flex:1;min-height:110px;padding:13px;font-size:11px}.vtt-chat .chat-input{padding:11px}.vtt-chat .chat-input input,.vtt-chat .chat-input select{background:#382d43;border-color:#8b72a044;color:#e6d8f5;font-size:11px}.vtt-chat .chat-input .btn{padding:7px;min-height:30px}.vtt-chat .chat-message .name{font-size:11px}.vtt-chat .chat-message small{font-size:9px}.vtt-chat .chat-text{font-size:11px;line-height:1.65}.vtt-chat .roll-card{background:#ba92e917;border-color:#c59cec44}.vtt-pane #audio-player audio{width:100%;margin-top:15px}.vtt-selected{position:absolute;top:92px;left:50%;transform:translateX(-50%);z-index:15;display:flex;align-items:center;gap:5px;padding:6px 9px;max-width:calc(100% - 440px)}.vtt-selection-name{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 8px;max-width:150px}
.vtt-bottom{position:absolute;bottom:21px;left:22px;right:22px;z-index:14;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.vtt-bottom>div{pointer-events:auto}.vtt-cursor{display:flex;align-items:center;gap:17px;padding:10px 13px;color:#b5a9c2;font-size:10px}.vtt-cursor #vtt-coords{min-width:65px;color:#d5c6e4}.vtt-bottom-hint{color:#8e819c;font-size:9px}.vtt-zoom{display:flex;align-items:center;gap:2px;padding:5px 6px;min-width:195px;justify-content:space-between}.vtt-zoom>button{background:none;border:0;color:#c6b6d9;font-size:12px;min-height:29px;min-width:31px;display:grid;place-items:center;border-radius:7px}.vtt-zoom>button:hover{background:#ffffff0a}.vtt-zoom i{height:18px;border-left:1px solid #92819f44;margin:0 3px}.vtt-zoom #vtt-zoom-value{font-size:10px;min-width:42px}.vtt-dock{position:absolute;z-index:14;bottom:22px;left:50%;transform:translateX(-50%);width:min(690px,calc(100vw - 550px));min-width:300px;overflow:hidden;border-radius:14px;transition:height .2s}.vtt-dock-head{height:43px;display:flex;align-items:center;gap:4px;padding:5px 8px;border-bottom:1px solid #82728f29}.vtt-dock-tab{background:none;border:0;color:#a99bb9;display:flex;align-items:center;gap:6px;border-radius:7px;padding:7px 10px;font-size:11px}.vtt-dock-tab .icon{width:15px;height:15px}.vtt-dock-tab.active{background:#a582d529;color:#dcbfff}.vtt-asset-strip{display:flex;gap:9px;overflow-x:auto;padding:12px;min-height:98px;scrollbar-width:thin;scrollbar-color:#8c74a4 #26222f}.vtt-asset{border:1px solid #8e7d9d44;background:#342b3e;border-radius:8px;overflow:hidden;width:69px;min-width:69px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#cfc0de;padding:5px 4px 4px}.vtt-asset:hover{border-color:#cca8ff;background:#483254}.vtt-asset:disabled{cursor:default;opacity:.65}.vtt-asset img{height:43px;width:100%;object-fit:cover;border-radius:4px;pointer-events:none}.vtt-asset small{font-size:8px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.vtt-symbol-asset>span{width:39px;height:39px;display:grid;place-items:center;border:2px solid #b898dc;border-radius:50%;background:#191321;font-size:20px;color:#d9bdfb}.vtt-asset-empty{display:flex;align-items:center;gap:12px;min-width:200px;padding:0 10px;color:#bba6cf;font-size:11px}.vtt-asset-empty>.icon{height:30px;width:30px;color:#a289bc}.vtt-asset-empty small{display:block;color:#887397;font-size:9px;margin-top:5px}.vtt-dock.is-collapsed .vtt-asset-strip{display:none}.vtt-dock.is-collapsed .vtt-dock-head{border:0}.vtt-table-caption{position:absolute;z-index:10;bottom:86px;left:24px;color:#89739655;font-size:10px;letter-spacing:.15em;font-weight:700;pointer-events:none}.vtt-table-caption span{font-size:8px;letter-spacing:.1em}.vtt-shortcut-list p{display:flex;gap:20px;align-items:center;padding:9px 0;border-bottom:1px solid #89759422;font-size:12px}.vtt-shortcut-list kbd{min-width:135px;color:#c7aceb;font-size:11px}.vtt-workspace:fullscreen{height:100vh}.vtt-workspace:not(.has-dock) .vtt-sidebar{bottom:85px}
@media(min-width:1600px){.vtt-sidebar{width:310px}.vtt-dock{width:min(780px,calc(100vw - 640px))}.vtt-tools{left:30px;top:130px}.vtt-top{left:30px;right:30px}.vtt-room{padding:13px 18px 13px 13px}}
@media(max-width:1050px){.vtt-room{min-width:200px}.vtt-room strong{max-width:150px}.vtt-room small span{display:none}.vtt-scene{max-width:210px}.vtt-sidebar{width:248px;right:15px}.vtt-top{left:15px;right:15px;gap:10px}.vtt-tools{left:15px}.vtt-dock{width:calc(100vw - 500px);left:46%;min-width:280px}.vtt-bottom-hint{display:none}.vtt-cursor{padding:10px}.vtt-selected{max-width:calc(100% - 360px)}.vtt-selection-name{max-width:90px}.vtt-selected .vtt-btn{padding:5px;min-width:25px}.vtt-options{left:80px;max-width:calc(100% - 355px)}}
@media(max-width:760px){.vtt-top{top:10px;left:10px;right:10px;gap:7px}.vtt-room{min-width:0;flex:1;padding:8px;gap:6px}.vtt-brand{font-size:23px}.vtt-room strong{max-width:170px;font-size:11px}.vtt-room small{font-size:9px}.vtt-scene{display:none}.vtt-top-actions{padding:6px}.vtt-top-actions .vtt-sync{padding:0 5px;font-size:9px}.vtt-top-actions .vtt-btn:first-of-type{display:none}.vtt-tools{left:10px;top:84px;width:44px;padding:5px 3px;gap:2px}.vtt-tool{width:35px;height:35px}.vtt-tools>.vtt-btn{height:29px;width:35px;min-height:29px}.vtt-tools hr{margin:3px}.vtt-sidebar{top:76px;bottom:180px;right:10px;width:min(270px,calc(100vw - 77px));background:#26222ff7}.vtt-panel-open{right:10px;top:77px;width:38px;height:38px}.vtt-pane{padding:14px 11px}.vtt-dock{bottom:58px;left:calc(50% + 20px);width:calc(100vw - 80px);min-width:0;max-width:560px}.vtt-dock-head{height:38px;padding:4px}.vtt-dock-tab{font-size:10px;padding:5px 8px}.vtt-dock-head>.vtt-btn{font-size:10px;min-width:26px;padding:6px}.vtt-asset-strip{padding:8px;gap:7px;min-height:80px}.vtt-asset{width:59px;min-width:59px;height:62px}.vtt-asset img{height:36px}.vtt-symbol-asset>span{height:34px;width:34px;font-size:18px}.vtt-bottom{bottom:10px;left:10px;right:10px}.vtt-cursor{border-radius:10px;font-size:9px;padding:9px}.vtt-cursor #vtt-coords{min-width:65px}.vtt-zoom{min-width:178px;padding:3px 5px;border-radius:10px}.vtt-zoom>button{min-width:26px}.vtt-table-caption{display:none}.vtt-options{left:65px;top:78px;max-width:calc(100% - 123px);padding:5px;gap:3px}.vtt-options>span{font-size:10px;padding:3px}.vtt-options>small{display:none}.vtt-options select{max-width:95px;font-size:10px}.vtt-selected{left:65px;top:79px;transform:none;max-width:calc(100% - 125px);padding:4px;gap:0;flex-wrap:wrap}.vtt-selection-name{font-size:10px;max-width:100px}.vtt-selected .vtt-btn{min-width:24px;min-height:26px;padding:4px}.vtt-shortcut-list p{gap:10px}.vtt-shortcut-list kbd{min-width:100px}}
@media(max-height:650px) and (min-width:761px){.vtt-tools{top:89px;gap:1px}.vtt-tool{height:31px}.vtt-tools>.vtt-btn{height:27px;min-height:27px}.vtt-sidebar{top:84px;bottom:165px}.vtt-top{top:12px}.vtt-dock{bottom:13px}.vtt-bottom{bottom:14px}.vtt-asset-strip{min-height:80px;padding:8px}.vtt-asset{height:60px}.vtt-asset img{height:35px}}