:root{--bg: #12110d;--body-bg: radial-gradient(ellipse at 50% 0%, #1c1b15 0%, var(--bg) 55%, #0c0b08 100%) fixed;--panel: #1e1d18;--panel-2: #242320;--border: #3c3a30;--border-strong: #54523f;--text: #c8c5b5;--text-dim: #8a8776;--accent: #9a8866;--accent-bright: #c9b287;--accent-glow: rgba(154, 136, 102, .35);--accent-soft: rgba(154, 136, 102, .15);--on-accent: #14130f;--danger: #a83232;--danger-text: #c15b4d;--warning: #c9a63d;--input-bg: #14130f;--btn-bg: linear-gradient(#2e2d27, #23221d);--canvas-bg: #16150f;--canvas-grid: rgba(200, 197, 181, .03);--scrim: rgba(8, 7, 5, .7);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif;--cut: 7px;color-scheme:dark}:root[data-theme=valorant]{--bg: #0f1923;--body-bg: radial-gradient(ellipse at 50% 0%, #1b2b39 0%, var(--bg) 55%, #0a1119 100%) fixed;--panel: #16232f;--panel-2: #1f303d;--border: #2c4250;--border-strong: #3d5a6d;--text: #ece8e1;--text-dim: #8b9dab;--accent: #ff4655;--accent-bright: #ff6f7a;--accent-glow: rgba(255, 70, 85, .45);--accent-soft: rgba(255, 70, 85, .15);--on-accent: #ffffff;--danger: #b3232f;--danger-text: #ff7a84;--warning: #ffd447;--input-bg: #0c161f;--btn-bg: linear-gradient(#22333f, #172530);--canvas-bg: #0c161f;--canvas-grid: rgba(236, 232, 225, .03);--scrim: rgba(5, 11, 17, .72);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=apex]{--bg: #0d0c0b;--body-bg: radial-gradient(ellipse at 50% 0%, #241511 0%, var(--bg) 55%, #060504 100%) fixed;--panel: #171412;--panel-2: #211c19;--border: #3b2e28;--border-strong: #57423a;--text: #ece5dc;--text-dim: #9c9088;--accent: #da292a;--accent-bright: #ff5c33;--accent-glow: rgba(218, 41, 42, .5);--accent-soft: rgba(218, 41, 42, .15);--on-accent: #ffffff;--danger: #8f2118;--danger-text: #ff7854;--warning: #f0a92c;--input-bg: #0a0908;--btn-bg: linear-gradient(#2a221d, #1b1613);--canvas-bg: #0a0908;--canvas-grid: rgba(236, 229, 220, .03);--scrim: rgba(6, 4, 3, .74);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=deltaforce]{--bg: #0d0f10;--body-bg: radial-gradient(ellipse at 50% 0%, #16201f 0%, var(--bg) 55%, #070808 100%) fixed;--panel: #14181a;--panel-2: #1c2124;--border: #2c3639;--border-strong: #3f4d50;--text: #dfe4e2;--text-dim: #8a9794;--accent: #ff7a18;--accent-bright: #ffa04d;--accent-glow: rgba(255, 122, 24, .45);--accent-soft: rgba(255, 122, 24, .15);--on-accent: #14130f;--danger: #b3382a;--danger-text: #ff8266;--warning: #ffc24d;--input-bg: #0a0c0d;--btn-bg: linear-gradient(#242b2d, #171c1e);--canvas-bg: #0a0c0d;--canvas-grid: rgba(223, 228, 226, .03);--scrim: rgba(5, 7, 8, .74);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=sanrio]{--bg: #fff0f6;--body-bg: radial-gradient(ellipse at 50% 0%, #ffe3ef 0%, var(--bg) 55%, #ffeaf3 100%) fixed;--panel: #ffffff;--panel-2: #fff5f9;--border: #ffc7dd;--border-strong: #ff9dc0;--text: #6b3a52;--text-dim: #b57e97;--accent: #ff5fa2;--accent-bright: #ff86ba;--accent-glow: rgba(255, 95, 162, .4);--accent-soft: rgba(255, 95, 162, .15);--on-accent: #ffffff;--danger: #e84a6f;--danger-text: #d43f63;--warning: #f5a623;--input-bg: #ffffff;--btn-bg: linear-gradient(#ffffff, #fff0f6);--canvas-bg: #fffafc;--canvas-grid: rgba(255, 95, 162, .07);--scrim: rgba(107, 58, 82, .4);--font-family: "Hiragino Maru Gothic ProN", "Quicksand", "Segoe UI Rounded", "M PLUS Rounded 1c", "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=forest]{--bg: #0c1210;--body-bg: radial-gradient(ellipse at 50% 0%, #12211a 0%, var(--bg) 55%, #060a08 100%) fixed;--panel: #111a15;--panel-2: #18241d;--border: #294034;--border-strong: #3a5a49;--text: #d9e6dd;--text-dim: #86a394;--accent: #35c46b;--accent-bright: #5fe08c;--accent-glow: rgba(53, 196, 107, .4);--accent-soft: rgba(53, 196, 107, .15);--on-accent: #062012;--danger: #b3382a;--danger-text: #ff8266;--warning: #e0b93d;--input-bg: #08100c;--btn-bg: linear-gradient(#1a271f, #111a15);--canvas-bg: #08100c;--canvas-grid: rgba(217, 230, 221, .03);--scrim: rgba(4, 8, 6, .72);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=ocean]{--bg: #071820;--body-bg: radial-gradient(ellipse at 50% 0%, #0d2b34 0%, var(--bg) 55%, #041016 100%) fixed;--panel: #0c222b;--panel-2: #123039;--border: #1f4551;--border-strong: #2e626f;--text: #d5eaef;--text-dim: #7da2ad;--accent: #2dd4bf;--accent-bright: #5ce6d4;--accent-glow: rgba(45, 212, 191, .4);--accent-soft: rgba(45, 212, 191, .15);--on-accent: #032420;--danger: #c34032;--danger-text: #ff8266;--warning: #f0c04a;--input-bg: #051219;--btn-bg: linear-gradient(#123039, #0c222b);--canvas-bg: #051219;--canvas-grid: rgba(213, 234, 239, .03);--scrim: rgba(3, 10, 15, .74);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=royal]{--bg: #120e1c;--body-bg: radial-gradient(ellipse at 50% 0%, #211838 0%, var(--bg) 55%, #0a0712 100%) fixed;--panel: #191325;--panel-2: #221a33;--border: #362a4d;--border-strong: #4d3d6b;--text: #e4ddef;--text-dim: #9b8db5;--accent: #a970ff;--accent-bright: #c39dff;--accent-glow: rgba(169, 112, 255, .45);--accent-soft: rgba(169, 112, 255, .15);--on-accent: #150c26;--danger: #b3384f;--danger-text: #ff7a97;--warning: #e0b93d;--input-bg: #0d0a15;--btn-bg: linear-gradient(#221a33, #191325);--canvas-bg: #0d0a15;--canvas-grid: rgba(228, 221, 239, .03);--scrim: rgba(7, 5, 14, .74);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=cyber]{--bg: #0d0717;--body-bg: radial-gradient(ellipse at 50% 0%, #1e0b33 0%, var(--bg) 55%, #05030c 100%) fixed;--panel: #150c22;--panel-2: #1e1230;--border: #3a1f57;--border-strong: #572e7f;--text: #eee3f7;--text-dim: #a888c4;--accent: #ff2bd6;--accent-bright: #ff6ee6;--accent-glow: rgba(255, 43, 214, .5);--accent-soft: rgba(255, 43, 214, .15);--on-accent: #1a0620;--danger: #d1264a;--danger-text: #ff6f8c;--warning: #ffcf3d;--input-bg: #08050f;--btn-bg: linear-gradient(#1e1230, #150c22);--canvas-bg: #08050f;--canvas-grid: rgba(238, 227, 247, .03);--scrim: rgba(5, 3, 12, .76);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=light]{--bg: #eef1f5;--body-bg: radial-gradient(ellipse at 50% 0%, #ffffff 0%, var(--bg) 60%, #e4e8ee 100%) fixed;--panel: #ffffff;--panel-2: #f4f6f9;--border: #d3d9e0;--border-strong: #b3bcc7;--text: #26303b;--text-dim: #667081;--accent: #2563eb;--accent-bright: #3b82f6;--accent-glow: rgba(37, 99, 235, .35);--accent-soft: rgba(37, 99, 235, .12);--on-accent: #ffffff;--danger: #dc2b3e;--danger-text: #c02434;--warning: #d99a1c;--input-bg: #ffffff;--btn-bg: linear-gradient(#ffffff, #eef1f5);--canvas-bg: #ffffff;--canvas-grid: rgba(37, 99, 235, .05);--scrim: rgba(38, 48, 59, .4);--font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;color-scheme:light}:root[data-theme=sepia]{--bg: #f2e8d5;--body-bg: radial-gradient(ellipse at 50% 0%, #fbf4e6 0%, var(--bg) 60%, #e9dcc2 100%) fixed;--panel: #fbf4e6;--panel-2: #f2e8d5;--border: #d8c3a0;--border-strong: #c0a578;--text: #4a3826;--text-dim: #8a755a;--accent: #b5651d;--accent-bright: #d17e2c;--accent-glow: rgba(181, 101, 29, .35);--accent-soft: rgba(181, 101, 29, .14);--on-accent: #fbf4e6;--danger: #b13a26;--danger-text: #a5321f;--warning: #b5891d;--input-bg: #fbf4e6;--btn-bg: linear-gradient(#fbf4e6, #f2e8d5);--canvas-bg: #fdf8ee;--canvas-grid: rgba(74, 56, 38, .05);--scrim: rgba(74, 56, 38, .4);--font-family: "Iowan Old Style", "Georgia", "Times New Roman", serif;color-scheme:light}:root[data-theme=nord]{--bg: #2e3440;--body-bg: radial-gradient(ellipse at 50% 0%, #3b4252 0%, var(--bg) 55%, #272c36 100%) fixed;--panel: #333a48;--panel-2: #3b4252;--border: #4c566a;--border-strong: #5c677d;--text: #e5e9f0;--text-dim: #97a0b3;--accent: #88c0d0;--accent-bright: #a3d2df;--accent-glow: rgba(136, 192, 208, .4);--accent-soft: rgba(136, 192, 208, .15);--on-accent: #1e2530;--danger: #bf616a;--danger-text: #d98891;--warning: #ebcb8b;--input-bg: #272c36;--btn-bg: linear-gradient(#3b4252, #333a48);--canvas-bg: #272c36;--canvas-grid: rgba(229, 233, 240, .03);--scrim: rgba(23, 27, 35, .72);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=wine]{--bg: #1c0d11;--body-bg: radial-gradient(ellipse at 50% 0%, #3a141d 0%, var(--bg) 55%, #120709 100%) fixed;--panel: #241016;--panel-2: #30161e;--border: #4a2129;--border-strong: #66313b;--text: #ecdcdf;--text-dim: #b38f97;--accent: #d9a441;--accent-bright: #f0c463;--accent-glow: rgba(217, 164, 65, .4);--accent-soft: rgba(217, 164, 65, .15);--on-accent: #241006;--danger: #c33a4a;--danger-text: #ff8290;--warning: #e0b93d;--input-bg: #160809;--btn-bg: linear-gradient(#30161e, #241016);--canvas-bg: #160809;--canvas-grid: rgba(236, 220, 223, .03);--scrim: rgba(10, 5, 6, .75);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=mono]{--bg: #131313;--body-bg: radial-gradient(ellipse at 50% 0%, #262626 0%, var(--bg) 55%, #080808 100%) fixed;--panel: #1b1b1b;--panel-2: #242424;--border: #3a3a3a;--border-strong: #555555;--text: #e6e6e6;--text-dim: #909090;--accent: #d0d0d0;--accent-bright: #ffffff;--accent-glow: rgba(208, 208, 208, .35);--accent-soft: rgba(208, 208, 208, .12);--on-accent: #121212;--danger: #9a3a3a;--danger-text: #d78787;--warning: #b8a35a;--input-bg: #0e0e0e;--btn-bg: linear-gradient(#242424, #1b1b1b);--canvas-bg: #0e0e0e;--canvas-grid: rgba(230, 230, 230, .03);--scrim: rgba(0, 0, 0, .72);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif}:root[data-theme=mint]{--bg: #e6f7f0;--body-bg: radial-gradient(ellipse at 50% 0%, #f2fbf7 0%, var(--bg) 60%, #d6f0e5 100%) fixed;--panel: #ffffff;--panel-2: #eef9f4;--border: #b9e3d3;--border-strong: #8fd0ba;--text: #1f4438;--text-dim: #5e8579;--accent: #10b981;--accent-bright: #34d399;--accent-glow: rgba(16, 185, 129, .35);--accent-soft: rgba(16, 185, 129, .12);--on-accent: #04291f;--danger: #dc4b52;--danger-text: #c23a41;--warning: #d9971c;--input-bg: #ffffff;--btn-bg: linear-gradient(#ffffff, #e6f7f0);--canvas-bg: #f6fdfa;--canvas-grid: rgba(16, 185, 129, .06);--scrim: rgba(31, 68, 56, .4);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=sky]{--bg: #eaf3fb;--body-bg: radial-gradient(ellipse at 50% 0%, #f5fafe 0%, var(--bg) 60%, #dceaf7 100%) fixed;--panel: #ffffff;--panel-2: #eef5fc;--border: #c4dcf2;--border-strong: #9dc3e8;--text: #1c3a52;--text-dim: #5f7d95;--accent: #0284c7;--accent-bright: #2ba0e0;--accent-glow: rgba(2, 132, 199, .35);--accent-soft: rgba(2, 132, 199, .12);--on-accent: #ffffff;--danger: #dc2b3e;--danger-text: #c02434;--warning: #d99a1c;--input-bg: #ffffff;--btn-bg: linear-gradient(#ffffff, #eaf3fb);--canvas-bg: #f8fbfe;--canvas-grid: rgba(2, 132, 199, .05);--scrim: rgba(28, 58, 82, .4);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=lavender]{--bg: #f1eefb;--body-bg: radial-gradient(ellipse at 50% 0%, #f8f5ff 0%, var(--bg) 60%, #e7e0f7 100%) fixed;--panel: #ffffff;--panel-2: #f4f1fc;--border: #dbd0f0;--border-strong: #bfaee6;--text: #382b57;--text-dim: #776a95;--accent: #7c5cd6;--accent-bright: #9a7ff0;--accent-glow: rgba(124, 92, 214, .35);--accent-soft: rgba(124, 92, 214, .12);--on-accent: #ffffff;--danger: #dc2b52;--danger-text: #c02445;--warning: #d99a1c;--input-bg: #ffffff;--btn-bg: linear-gradient(#ffffff, #f1eefb);--canvas-bg: #faf8fe;--canvas-grid: rgba(124, 92, 214, .05);--scrim: rgba(56, 43, 87, .4);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=peach]{--bg: #fdf0e8;--body-bg: radial-gradient(ellipse at 50% 0%, #fff7f1 0%, var(--bg) 60%, #fae2d3 100%) fixed;--panel: #ffffff;--panel-2: #fdf3ec;--border: #f6d4c0;--border-strong: #eeb499;--text: #5c3524;--text-dim: #9c705c;--accent: #e2623c;--accent-bright: #f47f57;--accent-glow: rgba(226, 98, 60, .35);--accent-soft: rgba(226, 98, 60, .12);--on-accent: #ffffff;--danger: #d1362b;--danger-text: #b82c22;--warning: #d9911c;--input-bg: #ffffff;--btn-bg: linear-gradient(#ffffff, #fdf0e8);--canvas-bg: #fffaf6;--canvas-grid: rgba(226, 98, 60, .05);--scrim: rgba(92, 53, 36, .4);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=sage]{--bg: #eef3e6;--body-bg: radial-gradient(ellipse at 50% 0%, #f6f9f0 0%, var(--bg) 60%, #e2ecd4 100%) fixed;--panel: #ffffff;--panel-2: #f0f5e9;--border: #d0e0bd;--border-strong: #aecb93;--text: #2f4023;--text-dim: #6b7d58;--accent: #5f8a3f;--accent-bright: #77a656;--accent-glow: rgba(95, 138, 63, .35);--accent-soft: rgba(95, 138, 63, .12);--on-accent: #ffffff;--danger: #c33a2e;--danger-text: #ab2f24;--warning: #c99a1c;--input-bg: #ffffff;--btn-bg: linear-gradient(#ffffff, #eef3e6);--canvas-bg: #f9fbf5;--canvas-grid: rgba(95, 138, 63, .05);--scrim: rgba(47, 64, 35, .4);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=aqua]{--bg: #e8f6f8;--body-bg: radial-gradient(ellipse at 50% 0%, #f3fbfc 0%, var(--bg) 60%, #d4eef2 100%) fixed;--panel: #ffffff;--panel-2: #edf7f9;--border: #bce2e8;--border-strong: #90ccd6;--text: #164048;--text-dim: #5a8088;--accent: #0891b2;--accent-bright: #22b8d6;--accent-glow: rgba(8, 145, 178, .35);--accent-soft: rgba(8, 145, 178, .12);--on-accent: #ffffff;--danger: #dc3b46;--danger-text: #c22f3a;--warning: #d9971c;--input-bg: #ffffff;--btn-bg: linear-gradient(#ffffff, #e8f6f8);--canvas-bg: #f7fcfd;--canvas-grid: rgba(8, 145, 178, .05);--scrim: rgba(22, 64, 72, .4);--font-family: "Bahnschrift", "DIN Alternate", "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-family);background:var(--body-bg);color:var(--text);letter-spacing:.02em}::selection{background:var(--accent);color:var(--on-accent)}button{font:inherit;cursor:pointer;border:1px solid var(--border-strong);background:var(--btn-bg);color:var(--text);padding:6px 14px;text-transform:uppercase;letter-spacing:.06em;font-size:13px;transition:border-color .15s,color .15s,background .15s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-bright)}button.active{background:linear-gradient(var(--accent-bright),var(--accent));color:var(--on-accent);border-color:var(--accent-bright);font-weight:700}button.danger{border-color:var(--danger);color:var(--danger-text)}button.danger:hover:not(:disabled){border-color:var(--danger-text);background:#a8323226;color:var(--danger-text)}button:disabled{opacity:.4;cursor:not-allowed}.tool-icon{vertical-align:-3px;margin-right:5px}button:focus-visible,input:focus-visible{outline:1px solid var(--accent-bright);outline-offset:1px}input[type=range],input[type=checkbox]{accent-color:var(--accent)}.room-landing{max-width:440px;margin:10vh auto;padding:28px;background:var(--panel);border:1px solid var(--border);border-top:2px solid var(--accent);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.room-landing h1{margin:0 0 20px;font-size:26px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-bright);text-shadow:0 0 14px var(--accent-glow);border-bottom:1px solid var(--border);padding-bottom:12px}.beta-tag{text-transform:none;font-size:14px;color:var(--warning);vertical-align:middle}.tabs{display:flex;gap:8px;margin-bottom:16px}.changelog{margin-top:20px;border-top:1px solid var(--border);padding-top:12px}.changelog h2{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.changelog pre{margin:0;max-height:160px;overflow-y:auto;padding:10px;background:var(--input-bg);border:1px solid var(--border);font:inherit;font-size:13px;line-height:1.6;color:var(--text-dim);white-space:pre-wrap}.room-form{display:flex;flex-direction:column;gap:12px}.room-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.room-form input,.canvas-size-popover input{font:inherit;padding:8px;border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text)}.room-form input:focus,.canvas-size-popover input:focus{border-color:var(--accent)}.form-actions{display:flex;gap:8px}.error-text{color:var(--danger-text);font-size:13px;border-left:2px solid var(--danger);padding-left:8px}.notice-text{color:var(--warning);background:#c9a63d14;border-left:2px solid var(--warning);padding:8px 10px;font-size:13px}.room-list{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:14px}.room-list strong,.participants-list strong{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--text-dim)}.room-list ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.room-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);background:var(--panel-2);transition:border-color .15s}.room-list li:hover{border-color:var(--accent)}.room-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.room-list-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list-meta{font-size:12px;color:var(--text-dim)}.app-joined{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 16px;background:linear-gradient(var(--panel-2),var(--panel));border-bottom:1px solid var(--border-strong);font-size:13px}.toolbar-group{display:flex;align-items:center;gap:6px}.toolbar-box{padding:6px 10px;border:1px solid var(--border);background:#00000026}.toolbar-exit-group{margin-left:auto}.shape-tool{position:relative;display:inline-flex}.shape-tool-caret{display:inline-block;width:0;height:0;margin-left:6px;border-left:4px solid transparent;border-top:5px solid currentColor;vertical-align:middle}.shape-flyout{position:absolute;top:calc(100% + 4px);left:0;z-index:30;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border-strong);padding:4px;box-shadow:0 4px 16px #0009}.shape-flyout button{border:none;background:none;text-align:left;padding:6px 12px}.shape-flyout button:hover:not(:disabled){background:var(--accent-soft)}.shape-flyout button.active{background:linear-gradient(var(--accent-bright),var(--accent));color:var(--on-accent)}.host-controls{margin-left:auto;gap:8px}.participants-list .host-controls{margin-left:0;margin-bottom:12px}.room-name{font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-bright)}.lock-indicator{color:var(--danger-text);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--danger);padding:3px 8px}.width-control{min-width:160px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.width-number{width:48px;padding:4px 6px;border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text);font-size:12px}.color-picker{position:relative}.color-swatch{width:32px;height:32px;padding:0;border:1px solid var(--border-strong);background-image:none}.color-popover{position:absolute;top:40px;left:0;z-index:20;background:var(--panel);padding:8px;border:1px solid var(--border-strong);box-shadow:0 4px 16px #0009}.canvas-size-popover{display:flex;flex-direction:column;gap:8px;width:160px}.canvas-size-popover label{display:flex;flex-direction:column;gap:4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.ratio-lock{font-size:11px;padding:5px 8px;letter-spacing:.04em}.text-add-popover{display:flex;flex-direction:column;gap:8px;width:220px}.text-add-popover label{display:flex;flex-direction:column;gap:4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.board-area{position:relative;flex:1;display:flex;overflow:hidden}.marker-palette{width:88px;flex-shrink:0;padding:12px;background:var(--panel);border-right:1px solid var(--border-strong);overflow-y:auto}.marker-palette strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.marker-palette-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}.marker-swatch{width:100%;aspect-ratio:1;object-fit:contain;padding:4px;background:#00000040;border:1px solid var(--border);cursor:grab;-webkit-user-drag:element}.marker-swatch:hover{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.marker-swatch:not([draggable=true]){cursor:not-allowed;opacity:.4}.marker-palette-hint{margin:10px 0 0;font-size:11px;line-height:1.4;color:var(--text-dim)}.whiteboard-container{flex:1;min-width:0;overflow:auto;position:relative;background:linear-gradient(var(--canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid) 1px,transparent 1px),var(--canvas-bg);background-size:40px 40px,40px 40px,auto;box-shadow:inset 0 0 60px #0009;scrollbar-color:gray transparent}.whiteboard-container::-webkit-scrollbar{width:14px;height:14px}.whiteboard-container::-webkit-scrollbar-track{background:transparent}.whiteboard-container::-webkit-scrollbar-thumb{background-color:gray;border:3px solid transparent;background-clip:padding-box}.whiteboard-container::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9}.whiteboard-canvas-wrap{display:flex;align-items:center;justify-content:center}.zoom-controls{position:absolute;right:12px;bottom:12px;z-index:20;display:flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--border-strong);padding:4px;box-shadow:0 4px 16px #0009}.zoom-controls button{min-width:44px}.stage-can-draw{cursor:none}.stage-select{cursor:default}.stage-text{cursor:text}.stage-locked{cursor:not-allowed}.text-editor{position:absolute;z-index:26}.text-draft-input{display:block;margin:0;padding:0 2px;border:none;outline:1px dashed var(--accent-bright);min-width:40px;font-family:Arial,sans-serif;line-height:1.2;clip-path:none}.text-editor-bar{position:absolute;left:0;display:flex;align-items:center;gap:4px;padding:3px 5px;background:var(--panel);border:1px solid var(--border-strong);box-shadow:0 4px 16px #0009;white-space:nowrap}.text-editor-bar.above{bottom:calc(100% + 6px)}.text-editor-bar.below{top:calc(100% + 6px)}.text-editor-bar .te-size{display:flex;align-items:center;gap:2px;font-size:11px;color:var(--text-dim)}.text-editor-bar .te-size input{width:52px}.te-swatch-wrap{position:relative;display:flex}.te-swatch{width:24px;height:24px;padding:0;border:1px solid var(--border-strong);cursor:pointer}.te-swatch-none{background-image:linear-gradient(45deg,#999 25%,transparent 25%),linear-gradient(-45deg,#999 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#999 75%),linear-gradient(-45deg,transparent 75%,#999 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#fff}.te-popover{position:absolute;top:calc(100% + 4px);left:0;z-index:27;display:flex;flex-direction:column;gap:6px;padding:6px;background:var(--panel);border:1px solid var(--border-strong);box-shadow:0 4px 16px #0009}.te-clear-bg{font-size:12px}.context-menu{position:absolute;z-index:30;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border-strong);padding:4px;box-shadow:0 4px 16px #0009}.context-menu button{border:none;background:none;text-align:left;padding:6px 12px}.context-menu button:hover{background:var(--accent-soft)}.context-submenu-items{display:flex;flex-direction:column;padding-left:12px;border-left:1px solid var(--border);margin:0 0 4px 12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--scrim)}.modal-panel{width:min(560px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 32px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border-strong);border-top:2px solid var(--accent);box-shadow:0 8px 32px #000000b3}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:16px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-bright)}.modal-body{overflow-y:auto;padding:4px 18px 18px}.modal-body p{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--text)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}.modal-actions button.primary{background:linear-gradient(var(--accent-bright),var(--accent));color:var(--on-accent);border-color:var(--accent-bright);font-weight:700}.manual-section h3{margin:16px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.manual-section ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text)}.lock-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#781e1ee6;border:1px solid var(--danger-text);color:var(--text);padding:6px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;z-index:10}.drop-overlay{position:sticky;top:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--scrim);border:3px dashed var(--accent, #c9b287);color:var(--text);font-size:20px;letter-spacing:.08em;pointer-events:none;z-index:20}.participants-list{width:200px;flex-shrink:0;padding:12px;background:var(--panel);border-left:1px solid var(--border-strong);overflow-y:auto}.participants-list ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px;font-size:14px}.participants-list li{padding:6px 8px;border:1px solid var(--border);background:var(--panel-2)}.actionable-row{cursor:context-menu}.host-badge,.you-badge{display:inline-block;white-space:nowrap;margin-left:6px;font-size:10px;padding:1px 6px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border-strong);color:var(--text-dim)}.host-badge{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.image-upload,.export-import,.theme-switcher{display:flex;align-items:center;gap:6px}.theme-switcher-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.theme-switcher-dropdown{position:relative}.theme-switcher-trigger{font:inherit;cursor:pointer;border:1px solid var(--border-strong);background-color:var(--panel-2);color:var(--text);padding:4px 26px 4px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:border-color .15s;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:right 12px center,right 7px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.theme-switcher-trigger:hover{border-color:var(--accent)}.theme-switcher-trigger:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.theme-switcher-menu{position:absolute;z-index:1000;top:calc(100% + 4px);right:0;margin:0;padding:2px;list-style:none;min-width:100%;max-height:60vh;overflow-y:auto;border:1px solid var(--border-strong);background-color:var(--panel-2);box-shadow:0 8px 24px #00000073}.theme-switcher-option{cursor:pointer;padding:5px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent}.theme-switcher-option:hover,.theme-switcher-option.is-active{border-color:currentColor}.landing-theme{justify-content:flex-end;margin-bottom:14px}.toolbar-theme{margin-left:auto}