*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;overscroll-behavior:none;background:#1e1e1e;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.app{-webkit-user-select:none;user-select:none;flex-direction:column;height:100vh;display:flex}.menu-bar{background:#2d2d2d;border-bottom:1px solid #444;align-items:center;gap:16px;min-height:40px;padding:6px 16px;display:flex;overflow:clip visible}.app-title{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:700}.menu-actions{gap:4px;display:flex}.menu-actions button{color:#ddd;cursor:pointer;white-space:nowrap;background:#3a3a3a;border:1px solid #555;border-radius:4px;padding:4px 12px;font-size:12px;transition:background .15s}.menu-actions button:hover{background:#505050}.menu-shortcuts{color:#888;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:11px;overflow:hidden}@media (width<=1400px){.menu-shortcuts{display:none}}.menu-actions button[title=Keyboard\ shortcuts]{color:#aaa;padding:4px 8px;font-weight:700}.save-ws-wrap,.recent-rooms-wrap{display:inline-flex;position:relative}.save-ws-name{color:#8fbf6e;margin-left:4px;font-weight:500}.save-ws-popover{z-index:200;background:#1e1e1e;border:1px solid #555;border-radius:8px;flex-direction:column;gap:8px;width:260px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 24px #0009}.save-ws-section{flex-direction:column;gap:6px;display:flex}.save-ws-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.save-ws-input{color:#ddd;background:#2d2d2d;border:1px solid #555;border-radius:4px;outline:none;padding:6px 8px;font-size:13px}.save-ws-input:focus{border-color:#0078d4}.save-ws-primary{color:#fff;cursor:pointer;background:#0078d4;border:1px solid #39f;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600}.save-ws-primary:disabled{color:#888;cursor:not-allowed;background:#444;border-color:#555}.save-ws-secondary{color:#ddd;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:4px;padding:6px 12px;font-size:12px}.save-ws-secondary:hover{background:#505050}.save-ws-divider{background:#444;height:1px;margin:4px 0}.recent-rooms-popover{z-index:200;background:#1e1e1e;border:1px solid #555;border-radius:8px;flex-direction:column;width:280px;max-height:360px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 6px 24px #0009}.recent-rooms-header{color:#999;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #444;padding:8px 12px;font-size:11px}.recent-rooms-empty{color:#888;padding:16px 12px;font-size:12px}.recent-rooms-list{max-height:320px;overflow-y:auto}.recent-rooms-item{cursor:pointer;border-bottom:1px solid #2d2d2d;align-items:center;gap:8px;padding:8px 12px;display:flex}.recent-rooms-item:hover{background:#2a2a2a}.recent-rooms-item.current{background:#1f3550}.recent-rooms-item-text{flex:1;min-width:0}.recent-rooms-name{color:#ddd;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.recent-rooms-id{color:#777;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-family:ui-monospace,Menlo,monospace;font-size:10px;overflow:hidden}.recent-rooms-remove{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:24px;height:24px;font-size:18px}.recent-rooms-remove:hover{color:#fff;background:#444}.bg-select{color:#ddd;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:4px;padding:4px 8px;font-size:12px}.main-layout{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.toolbar{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#2d2d2d;border-right:1px solid #444;flex-direction:column;align-items:center;gap:2px;width:68px;min-height:0;padding:8px 4px;display:flex;overflow:hidden auto}.toolbar::-webkit-scrollbar{width:4px}.toolbar::-webkit-scrollbar-track{background:0 0}.toolbar::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.tool-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:2px;width:60px;padding:6px 4px;font-size:10px;transition:all .15s;display:flex}.tool-btn:hover{color:#ddd;background:#3a3a3a}.tool-btn.active{color:#fff;background:#0078d4;border-color:#39f}.tool-icon{font-size:18px;line-height:1}.tool-label{text-transform:uppercase;letter-spacing:.3px;word-break:break-word;overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:9px;line-height:1.1}.tool-btn-wrap{width:60px;position:relative}.shapes-flyout{z-index:200;background:#2d2d2d;border:1px solid #444;border-radius:0 8px 8px 0;flex-direction:row;align-items:flex-start;gap:4px;padding:6px 8px;display:flex;position:fixed;left:68px;box-shadow:4px 4px 16px #00000080}.shapes-flyout-item{position:relative}.shapes-flyout-btn{width:56px!important}.tool-btn.popover-open{border-color:#888}.tool-btn-sub{opacity:.85;margin-left:12px;font-size:9px;width:44px!important;padding:4px 3px!important}.tool-btn-sub .tool-icon{font-size:14px}.popover-backdrop{z-index:199;position:fixed;inset:0}.emoji-popover{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emoji-popover-inner{z-index:201;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009}.tool-popover{z-index:200;background:#1e1e1e;border:1px solid #555;border-radius:8px;width:240px;max-height:80vh;padding:10px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0009}.popover-header{color:#ccc;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.popover-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px;line-height:1}.popover-close:hover{color:#fff}.popover-label{color:#999;margin:6px 0 4px;font-size:11px;display:block}.popover-colors{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;display:flex}.popover-colors input[type=color]{cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;width:22px;height:22px;padding:0}.tool-popover input[type=range]{appearance:none;background:#444;border-radius:2px;outline:none;width:100%;height:4px;margin:4px 0 6px}.tool-popover input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0078d4;border-radius:50%;width:14px;height:14px}.editor-canvas-wrap{background:#1a1a1a;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.editor-canvas-wrap.mobile{touch-action:none;-webkit-user-select:none;user-select:none}.canvas-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.editor-canvas-wrap>.canvas-container{z-index:1;background:0 0!important}.editor-canvas-wrap .lower-canvas,.editor-canvas-wrap .upper-canvas{box-shadow:none!important;border:none!important;outline:none!important}.editor-canvas-wrap>.canvas-container{top:0;left:0;width:100%!important;height:100%!important;position:absolute!important}.canvas-hint{color:#666;pointer-events:none;font-size:12px;transition:color .2s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.canvas-hint.flash{color:#4caf50;font-weight:600}.text-format-bar{z-index:50;-webkit-user-select:none;user-select:none;pointer-events:auto;white-space:nowrap;background:#1e1e1e;border:1px solid #555;border-radius:8px;align-items:center;gap:2px;padding:4px 8px;display:flex;position:absolute;transform:translateY(-8px);box-shadow:0 4px 16px #0009}.draw-format-bar{z-index:50;-webkit-user-select:none;user-select:none;color:#ccc;pointer-events:auto;background:#1e1e1e;border:1px solid #555;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0009}.dfb-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.dfb-color{cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;width:24px;height:24px;padding:0}.dfb-range{appearance:none;background:#444;border-radius:2px;outline:none;width:90px;height:4px}.dfb-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0078d4;border-radius:50%;width:14px;height:14px}.dfb-value{color:#aaa;text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px}.dfb-divider{background:#444;width:1px;height:18px}.dfb-cap-row{gap:2px;display:flex}.dfb-cap{color:#bbb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-size:13px;line-height:1}.dfb-cap:hover{color:#fff;background:#3a3a3a}.dfb-cap.active{color:#fff;background:#0078d4;border-color:#39f}.tfb-btn{color:#bbb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 7px;font-size:13px;line-height:1;transition:background .12s,color .12s}.tfb-btn:hover{color:#fff;background:#3a3a3a}.tfb-btn.active{color:#fff;background:#0078d4;border-color:#39f}.tfb-bold{font-weight:700}.tfb-italic{font-style:italic}.tfb-underline{text-decoration:underline}.tfb-divider{background:#444;flex-shrink:0;width:1px;height:20px;margin:0 4px}.tfb-select{color:#ddd;cursor:pointer;background:#2a2a2a;border:1px solid #555;border-radius:4px;max-width:110px;padding:2px 4px;font-size:12px}.tfb-number{color:#ddd;text-align:center;-moz-appearance:textfield;background:#2a2a2a;border:1px solid #555;border-radius:4px;width:56px;padding:4px 6px;font-size:13px}.tfb-number:focus{border-color:#4a9eff;outline:1px solid #4a9eff}.tfb-color{cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;width:26px;height:26px;padding:1px}.tfb-symbol-popover{z-index:51;background:#1e1e1e;border:1px solid #555;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 16px #00000080}.tfb-symbol-btn{color:#ccc;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px;font-size:16px;line-height:1}.tfb-symbol-btn:hover{background:#333;border-color:#666}.cv-notification{color:#fc4;pointer-events:none;white-space:nowrap;background:#1e1e1eeb;border:1px solid #ffcc444d;border-radius:6px;padding:6px 14px;font-size:13px;animation:2.5s forwards cv-notify-fade;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes cv-notify-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.right-panels{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#2d2d2d;border-left:1px solid #444;flex-direction:column;width:240px;min-width:240px;display:flex;overflow:hidden auto}.panel{border-bottom:1px solid #444;padding:12px}.panel h3{text-transform:uppercase;letter-spacing:.5px;color:#bbb;margin-bottom:8px;font-size:12px}.panel h4{text-transform:uppercase;letter-spacing:.5px;color:#999;margin:10px 0 6px;font-size:11px}.slider-row{margin-bottom:6px}.slider-row label{color:#aaa;margin-bottom:2px;font-size:11px;display:block}.slider-input-group{align-items:center;gap:6px;display:flex}.slider-input-group input[type=range]{flex:1;min-width:0}.slider-number{color:#ddd;text-align:center;-moz-appearance:textfield;background:#333;border:1px solid #555;border-radius:4px;width:48px;padding:3px 4px;font-size:11px}.slider-number::-webkit-inner-spin-button{opacity:1;height:18px}.slider-number::-webkit-outer-spin-button{opacity:1;height:18px}.slider-unit{color:#888;min-width:14px;font-size:10px}.panel label{color:#999;margin:6px 0 3px;font-size:11px;display:block}.panel input[type=range]{appearance:none;background:#444;border-radius:2px;outline:none;width:100%;height:4px;margin:4px 0 8px}.panel input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0078d4;border-radius:50%;width:14px;height:14px}.panel input[type=color]{cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;width:32px;height:28px;padding:2px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-header h3{margin-bottom:0}.color-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.color-presets{flex-wrap:wrap;gap:3px;display:flex}.color-swatch{cursor:pointer;border:1px solid #555;border-radius:3px;width:16px;height:16px;padding:0;transition:transform .1s}.color-swatch:hover{transform:scale(1.2)}.color-swatch.selected{border:2px solid #0078d4}.color-section{margin-bottom:10px}.color-section>label{margin-bottom:4px;display:block}.color-picker-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.color-picker-large{cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;padding:2px;width:48px!important;height:36px!important}.color-presets-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.color-presets-grid .color-swatch{aspect-ratio:1;border-radius:3px;width:100%}.btn-small{color:#ccc;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:3px;padding:3px 8px;font-size:10px;transition:background .15s}.btn-small:hover{background:#505050}.btn-group{gap:4px;margin-bottom:6px;display:flex}.btn-group button{color:#ccc;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:4px;flex:1;padding:5px 8px;font-size:11px;transition:background .15s}.btn-group button:hover{background:#505050}.snap-row{color:#ccc;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.snap-label{cursor:pointer;flex:1;align-items:center;gap:5px;display:flex}.snap-angle-input{color:#ccc;text-align:center;background:#2a2a2a;border:1px solid #555;border-radius:3px;width:44px;padding:2px 4px;font-size:11px}.snap-angle-input:disabled{opacity:.4}.snap-unit{color:#888;font-size:11px}.btn-danger{color:#f88!important;border-color:#a33!important}.btn-danger:hover{background:#522!important}.help-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{background:#2d2d2d;border:1px solid #555;border-radius:8px;flex-direction:column;width:420px;max-height:80vh;display:flex;overflow:hidden}.help-header{color:#fff;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.help-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.help-close:hover{color:#fff;background:#444}.help-body{flex-direction:column;gap:4px;padding:12px 16px;display:flex;overflow-y:auto}.help-section{text-transform:uppercase;letter-spacing:.8px;color:#888;margin-top:12px;margin-bottom:2px;font-size:11px;font-weight:700}.help-section:first-child{margin-top:0}.help-row{align-items:center;gap:12px;padding:3px 0;display:flex}.help-row kbd{color:#ddd;white-space:nowrap;text-align:center;background:#3a3a3a;border:1px solid #555;border-radius:4px;min-width:140px;padding:2px 8px;font-family:monospace;font-size:11px}.help-row span{color:#ccc;font-size:12px}.help-note{color:#aaa;padding:8px 4px;font-size:11px;line-height:1.6}.help-note code{color:#e0c97f;word-break:break-all;background:#2a2a2a;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:10px}.panel-hint{color:#777;margin:0 0 8px;font-size:11px;line-height:1.4}.btn-group button.active{color:#fff;background:#0078d4;border-color:#39f}.color-hex{color:#888;font-family:monospace;font-size:11px}.popover-cap-row{gap:3px;margin-bottom:4px;display:flex}.cap-btn{color:#ccc;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .15s;display:flex}.cap-btn:hover{background:#505050}.cap-btn.active{color:#fff;background:#0078d4;border-color:#39f}.filter-preset-grid{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.filter-preset-btn{color:#ccc;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:4px;padding:3px 7px;font-size:10px;transition:background .15s}.filter-preset-btn:hover{background:#505050}.filter-preset-btn.active{color:#fff;background:#0078d4;border-color:#39f}.effects-toggle-row{color:#ccc;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.toggle-switch{cursor:pointer;width:32px;height:18px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:#555;border-radius:9px;transition:background .2s;position:absolute;inset:0}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-track{background:#0078d4}.toggle-switch input:checked+.toggle-track:after{transform:translate(14px)}.editor-canvas-wrap.presenting{cursor:default}.present-overlay{pointer-events:none;z-index:100;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.present-hint{color:#ffffffb3;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:20px;padding:8px 20px;font-size:13px}.cast-fab{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:250;color:#fff;letter-spacing:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#141414d9;border:1px solid #ffffff80;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:16px;font-weight:700;display:flex;position:fixed;box-shadow:0 2px 10px #00000080}.cast-fab:active{transform:scale(.95)}.present-fab{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));z-index:250;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#141414d9;border:1px solid #ffffff80;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex;position:fixed;box-shadow:0 2px 10px #00000080}.present-fab:active{transform:scale(.95)}.present-exit-fab{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));z-index:250;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#141414d9;border:1px solid #ffffff80;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;font-weight:700;display:flex;position:fixed;box-shadow:0 2px 10px #00000080}.present-exit-fab:active{transform:scale(.92)}.share-room-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.share-room-dialog{color:#ddd;background:#2a2a2a;border:1px solid #444;border-radius:12px;width:100%;max-width:320px;padding:16px;box-shadow:0 8px 32px #00000080}.share-room-header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.share-room-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px}.share-room-close:hover{color:#fff;background:#3a3a3a}.share-room-qr{background:#fff;border-radius:8px;justify-content:center;margin-bottom:12px;padding:12px;display:flex}.share-room-hint{color:#aaa;margin:0 0 12px;font-size:12px;line-height:1.4}.share-room-url-row{gap:6px;display:flex}.share-room-url{color:#ddd;background:#1a1a1a;border:1px solid #444;border-radius:6px;flex:1;min-width:0;padding:6px 8px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.share-room-copy{color:#fff;cursor:pointer;white-space:nowrap;background:#0078d4;border:1px solid #39f;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.share-room-copy:active{transform:scale(.97)}.right-panels,.toolbar{scrollbar-width:thin;scrollbar-color:#555 transparent}.right-panels::-webkit-scrollbar{width:6px}.toolbar::-webkit-scrollbar{width:6px}.right-panels::-webkit-scrollbar-track{background:0 0}.toolbar::-webkit-scrollbar-track{background:0 0}.right-panels::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.toolbar::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.size-modal{width:320px}.size-modal-body{flex-direction:column;gap:14px;padding:16px;display:flex}.size-presets{flex-wrap:wrap;gap:6px;display:flex}.size-preset-btn{color:#ccc;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:4px;padding:4px 10px;font-size:12px}.size-preset-btn:hover{color:#fff;background:#484848}.size-inputs{flex-direction:column;gap:6px;display:flex}.size-label{color:#aaa;font-size:12px}.size-input-row{align-items:center;gap:6px;display:flex}.size-input{color:#fff;background:#1e1e1e;border:1px solid #555;border-radius:4px;flex:1;padding:5px 8px;font-size:13px}.size-unit,.size-unit-label{color:#aaa;text-align:center;background:#1e1e1e;border:1px solid #555;border-radius:4px;width:44px;padding:5px 4px;font-size:12px}.size-link-row{justify-content:center;margin:-4px 0;display:flex}.size-link-btn{cursor:pointer;opacity:.5;background:0 0;border:none;padding:2px 6px;font-size:15px}.size-link-btn.active{opacity:1}.size-hint{color:#777;text-align:center;margin:0;font-size:11px}.size-apply-btn{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:5px;padding:8px;font-size:13px;font-weight:600}.size-apply-btn:hover{background:#0062aa}