.roomViewTabs{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #a981ff35;border-radius:14px;background:#17111fe6;margin:0 0 20px;width:max-content;max-width:100%;flex-wrap:wrap}.roomViewTabs button{background:transparent;color:#bcb0cf;border:0;border-radius:10px;min-height:42px;padding:10px 19px;font:600 14px inherit;cursor:pointer}.roomViewTabs button[aria-selected=true]{background:linear-gradient(135deg,#a779f5,#7650cb);color:#fff;box-shadow:0 4px 16px #8050d333}.roomViewTabs button:focus-visible,.drawingPanel button:focus-visible{outline:2px solid #c9a7ff;outline-offset:3px}.drawingMode .roomLayout>.workspace{display:none!important}.drawingPanel[hidden]{display:none!important}.drawingPanel{min-width:0;overflow:hidden;align-self:start;border-radius:20px;background:#15101f}.drawingHead{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #a981ff25}.drawingHead h2{font-size:19px;margin:3px 0 0}.drawingEyebrow{font-size:10px;letter-spacing:1.8px;color:#c6a5ff;font-weight:700}.drawingStatus{font-size:12px;color:#bcb0cf;max-width:220px;text-align:right}.drawingTools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-bottom:1px solid #a981ff25;background:#1b1426}.drawingToolGroup{display:flex;gap:6px;align-items:center}.drawingPanel button{cursor:pointer;font:inherit}.drawingTool{min-height:36px;min-width:38px;border:1px solid #a981ff35;border-radius:9px;padding:8px 11px;background:#251b35;color:#d6cae7;font-size:12px}.drawingTool[aria-pressed=true]{color:#fff;background:#7750be;border-color:#c49aff}.drawingPalette button{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid transparent;background:var(--paint-color);box-shadow:0 0 0 1px #ffffff20}.drawingPalette button[aria-pressed=true]{outline:2px solid #d6b9ff;outline-offset:3px}.drawingPalette{gap:9px}.drawingColor{width:29px;height:29px;border:1px solid #ac90cc55;padding:2px;border-radius:7px;background:transparent;cursor:pointer}.drawingThickness{display:flex;gap:8px;align-items:center;font-size:11px;color:#c2b5d0}.drawingThickness input{width:88px;accent-color:#b589ff}.drawingThickness output{font-variant-numeric:tabular-nums;min-width:32px}.drawingActions{display:flex;gap:6px;margin-left:auto}.drawingPanel button:disabled{opacity:.45;cursor:default}.drawingCanvasWrap{padding:18px;background-color:#d4cfdd;background-image:linear-gradient(45deg,#c6c0d033 25%,transparent 25%),linear-gradient(-45deg,#c6c0d033 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c6c0d033 75%),linear-gradient(-45deg,transparent 75%,#c6c0d033 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.drawingCanvas{width:100%;height:auto;aspect-ratio:8/5;display:block;background:#fff;border-radius:6px;box-shadow:0 4px 20px #20142b28;touch-action:none;cursor:crosshair}.drawingCanvas[aria-disabled=true]{cursor:wait}.drawingCanvas.isEraser{cursor:cell}.drawingFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;font-size:11px;color:#a99ab9}.drawingFooter strong{color:#cdb6ed}.drawingNotice{min-height:15px;color:#e1bd8c;margin:0}.drawingMode .intro{display:none}.drawingMode #captureSettings,.drawingMode #audioPanel{display:none!important}@media(max-width:850px){.drawingPanel{grid-column:1;grid-row:1}.roomViewTabs{margin-bottom:14px}.drawingHead{padding:16px}.drawingCanvasWrap{padding:10px}.drawingTools{padding:12px;gap:12px}.drawingActions{margin-left:0;flex-wrap:wrap}.drawingStatus{max-width:150px}.drawingThickness input{width:78px}}@media(max-width:480px){.drawingPalette{gap:7px}.drawingPalette button{width:22px;height:22px}.roomViewTabs button{font-size:12px;padding:9px 13px}.drawingHead h2{font-size:17px}.drawingFooter{font-size:10px}}