.whiteboard-module__48quNa__page{box-sizing:border-box;color:#fff4d6;background:radial-gradient(circle at 90% 8%,#049b9d4d,#0000 31%),linear-gradient(135deg,#062f50 0%,#004d61 100%);grid-template-rows:32px minmax(0,1fr);gap:5px;width:100%;height:100dvh;min-height:480px;padding:5px clamp(5px,1vw,14px) 7px;display:grid;overflow:hidden}.whiteboard-module__48quNa__pageMenuBar,.whiteboard-module__48quNa__app{width:min(100%,1540px);margin-inline:auto}.whiteboard-module__48quNa__pageMenuBar{z-index:30;justify-content:space-between;align-items:center;height:32px;display:flex;position:relative}.whiteboard-module__48quNa__pageIdentifier{color:#fff4d6b8;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:850;overflow:hidden}.whiteboard-module__48quNa__headerActions{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__toolGroup{box-sizing:border-box;flex:none;height:30px}.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__toolButton,.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__iconButton,.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__zoomValue{min-height:24px;padding-block:2px}.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__zoomGroup{margin-left:0}.whiteboard-module__48quNa__headerMenu{flex:none}.whiteboard-module__48quNa__pageMenuBar .mobile-games-menu{height:32px;margin-left:0}.whiteboard-module__48quNa__pageMenuBar .mobile-games-menu-trigger{background:#002a57b8;border-color:#8ccdc07a;width:32px;height:32px;box-shadow:0 4px 10px #00142a2e}.whiteboard-module__48quNa__pageMenuBar .mobile-games-menu-trigger span{gap:3px;width:15px}.whiteboard-module__48quNa__pageMenuBar .mobile-games-menu-trigger i{flex-basis:2px;height:2px}.whiteboard-module__48quNa__pageMenuBar .mobile-games-menu nav{max-height:calc(100dvh - 45px);top:calc(100% + 5px)}.whiteboard-module__48quNa__app{background:#04375c;border:1px solid #8ccdc085;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden;box-shadow:0 12px 30px #0014243d}.whiteboard-module__48quNa__toolbar{z-index:10;background:#002a57f5;border-bottom:1px solid #8ccdc057;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;padding:4px;display:flex;position:relative}.whiteboard-module__48quNa__toolGroup{background:#ffffff0d;border:1px solid #8ccdc03d;border-radius:8px;align-items:center;gap:2px;min-width:0;padding:2px;display:flex}.whiteboard-module__48quNa__toolButton,.whiteboard-module__48quNa__iconButton,.whiteboard-module__48quNa__zoomValue{color:#fff4d6;min-height:30px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 7px;font-size:.68rem;font-weight:900}.whiteboard-module__48quNa__toolButton{align-items:center;gap:4px;display:inline-flex}.whiteboard-module__48quNa__toolButton:hover:not(:disabled),.whiteboard-module__48quNa__iconButton:hover:not(:disabled),.whiteboard-module__48quNa__zoomValue:hover:not(:disabled){background:#8ccdc02e}.whiteboard-module__48quNa__toolButton:focus-visible,.whiteboard-module__48quNa__iconButton:focus-visible,.whiteboard-module__48quNa__zoomValue:focus-visible{outline-offset:1px;outline:3px solid #ff6d357a}.whiteboard-module__48quNa__toolButtonActive{color:#002a57;background:#8ccdc0;box-shadow:0 5px 12px #0000002e}.whiteboard-module__48quNa__toolButton:disabled,.whiteboard-module__48quNa__iconButton:disabled{opacity:.38;cursor:not-allowed}.whiteboard-module__48quNa__zoomGroup{margin-left:auto}.whiteboard-module__48quNa__iconButton{min-width:30px;padding-inline:5px;font-size:.9rem}.whiteboard-module__48quNa__zoomValue{color:#8ccdc0;min-width:50px}.whiteboard-module__48quNa__confirmationBackdrop{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0014248f;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.whiteboard-module__48quNa__confirmationDialog{box-sizing:border-box;color:#fff4d6;background:#04375c;border:1px solid #8ccdc09e;border-radius:14px;gap:10px;width:min(390px,100%);padding:18px;display:grid;box-shadow:0 20px 60px #0014246b}.whiteboard-module__48quNa__confirmationDialog strong{color:#ffb38f;font-size:1rem}.whiteboard-module__48quNa__confirmationDialog p{color:#fff4d6db;margin:0;font-size:.82rem;font-weight:750;line-height:1.4}.whiteboard-module__48quNa__confirmationActions{justify-content:flex-end;gap:8px;display:flex}.whiteboard-module__48quNa__confirmationActions button{color:#fff4d6;min-height:34px;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #8ccdc06b;border-radius:8px;padding:6px 12px;font-size:.72rem;font-weight:900}.whiteboard-module__48quNa__confirmationActions button:hover,.whiteboard-module__48quNa__confirmationActions button:focus-visible{outline-offset:1px;outline:3px solid #8ccdc04d}.whiteboard-module__48quNa__confirmationActions .whiteboard-module__48quNa__confirmationDanger{color:#fff;background:#d84a21;border-color:#ff6d35}.whiteboard-module__48quNa__workspace{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;background-color:#fffdf7;background-image:radial-gradient(circle,#002a5726 1.1px,#0000 1.2px);background-size:24px 24px;min-width:0;min-height:0;position:relative;overflow:hidden}.whiteboard-module__48quNa__workspace[data-tool=pan]{cursor:grab}.whiteboard-module__48quNa__workspace[data-tool=pan]:active{cursor:grabbing}.whiteboard-module__48quNa__workspace[data-tool=text]{cursor:text}.whiteboard-module__48quNa__layerContextMenu{z-index:20;box-sizing:border-box;color:#fff4d6;background:#002a57fa;border:1px solid #8ccdc094;border-radius:10px;gap:2px;width:202px;padding:5px;display:grid;position:absolute;box-shadow:0 14px 32px #00142457}.whiteboard-module__48quNa__layerContextMenu button{min-height:30px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 8px;font-size:.68rem;font-weight:850}.whiteboard-module__48quNa__layerContextMenu button:hover:not(:disabled),.whiteboard-module__48quNa__layerContextMenu button:focus-visible{color:#002a57;background:#8ccdc0;outline:none}.whiteboard-module__48quNa__layerContextMenu button:disabled{opacity:.38;cursor:not-allowed}.whiteboard-module__48quNa__workspaceGuide{z-index:0;color:#002a5761;text-align:right;pointer-events:none;gap:2px;max-width:270px;display:grid;position:absolute;bottom:14px;right:16px}.whiteboard-module__48quNa__workspaceGuide strong{letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.whiteboard-module__48quNa__workspaceGuide span{font-size:.7rem;font-weight:750}.whiteboard-module__48quNa__canvasLayer,.whiteboard-module__48quNa__selectionOverlay{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.whiteboard-module__48quNa__backgroundCanvas{z-index:1}.whiteboard-module__48quNa__objectLayer{z-index:2;transform-origin:0 0;will-change:transform;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.whiteboard-module__48quNa__inkCanvas{z-index:3}.whiteboard-module__48quNa__selectionOverlay{z-index:4;overflow:visible}.whiteboard-module__48quNa__objectFrame{box-sizing:border-box;transform-origin:0 0;cursor:move;touch-action:none;position:absolute;top:0;left:0}.whiteboard-module__48quNa__objectFrame:focus-visible{outline-offset:4px;outline:3px solid #ff6d35c7}.whiteboard-module__48quNa__objectFrameSelected{filter:drop-shadow(0 10px 13px #002a572e)}.whiteboard-module__48quNa__objectFrame[data-editing=true]{cursor:text}.whiteboard-module__48quNa__objectFrame[data-object-kind=connector]{pointer-events:none}.whiteboard-module__48quNa__objectFrame[data-object-kind=connector] .whiteboard-module__48quNa__connectorObject line{pointer-events:stroke;cursor:move}.whiteboard-module__48quNa__testShape,.whiteboard-module__48quNa__textObject,.whiteboard-module__48quNa__assetObject{box-sizing:border-box;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.whiteboard-module__48quNa__testShape{color:#002a57;text-align:center;border-style:solid;border-radius:18px;align-content:center;gap:5px;padding:16px;box-shadow:0 12px 28px #002a5729}.whiteboard-module__48quNa__testShape span{color:#ff3a2d;font-size:clamp(1rem,2vw,1.45rem);font-weight:950}.whiteboard-module__48quNa__testShape small{color:#38687a;font-size:.68rem;font-weight:800}.whiteboard-module__48quNa__textObject{overflow-wrap:anywhere;white-space:pre-wrap;align-content:start;justify-items:start;padding:10px;line-height:1.15}.whiteboard-module__48quNa__theoryBlock{font-variant-numeric:tabular-nums;border:1px solid #8ccdc094;border-left:5px solid #049b9d;border-radius:12px;justify-items:stretch;padding:18px 20px;line-height:1.35;box-shadow:0 10px 26px #002a5724}.whiteboard-module__48quNa__harmonicFieldLayout{gap:13px;width:100%;min-width:0;display:grid}.whiteboard-module__48quNa__harmonicFieldTitle{text-align:center;width:100%;font-weight:700}.whiteboard-module__48quNa__harmonicFieldColumns{grid-template-columns:repeat(7,minmax(0,1fr));width:100%;min-width:0;display:grid}.whiteboard-module__48quNa__harmonicFieldColumn{text-align:center;grid-template-rows:repeat(2,auto);place-items:center;gap:3px;min-width:0;padding:1px 7px;display:grid}.whiteboard-module__48quNa__harmonicFieldColumn+.whiteboard-module__48quNa__harmonicFieldColumn{border-left:1px solid #002a5747}.whiteboard-module__48quNa__harmonicFieldDegree,.whiteboard-module__48quNa__harmonicFieldChord{max-width:100%;line-height:1.15;display:block}.whiteboard-module__48quNa__harmonicFieldDegree{font-weight:650}.whiteboard-module__48quNa__harmonicFieldChord{font-weight:750}.whiteboard-module__48quNa__textObjectEditing{cursor:text;-webkit-user-select:text;user-select:text;caret-color:#ff3a2d;outline:none}.whiteboard-module__48quNa__assetObject{color:#38687a;background:#fff4d6;border:2px dashed #8ccdc0;border-radius:12px}.whiteboard-module__48quNa__assetObject img{width:100%;height:100%}.whiteboard-module__48quNa__importedAssetObject{box-sizing:border-box;background:#fff;border-radius:6px;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.whiteboard-module__48quNa__importedAssetObject img,.whiteboard-module__48quNa__importedAssetObject object{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border:0;width:100%;height:100%;display:block}.whiteboard-module__48quNa__musicCardObject{box-sizing:border-box;background:0 0;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:visible}.whiteboard-module__48quNa__musicCardImage{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.whiteboard-module__48quNa__musicCardObject>span{color:#002a57;place-items:center;width:100%;height:100%;font-size:2rem;font-weight:900;display:grid}.whiteboard-module__48quNa__selectionBox,.whiteboard-module__48quNa__marquee{vector-effect:non-scaling-stroke}.whiteboard-module__48quNa__selectionBox{fill:none;stroke:#ff3a2d;stroke-width:2px;stroke-dasharray:6 4}.whiteboard-module__48quNa__marquee{fill:#049b9d1f;stroke:#049b9d;stroke-width:1.5px;stroke-dasharray:5 4}.whiteboard-module__48quNa__resizeHandle,.whiteboard-module__48quNa__connectorEndpoint{fill:#fff4d6;stroke:#ff3a2d;stroke-width:2px;pointer-events:all}.whiteboard-module__48quNa__connectorPreview{fill:none;stroke:#ff3a2d;stroke-width:4px;stroke-linecap:round;stroke-dasharray:7 4}.whiteboard-module__48quNa__connectorPreview+defs path{fill:#ff3a2d}.whiteboard-module__48quNa__connectorObject{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.whiteboard-module__48quNa__connectorObject line{pointer-events:stroke}.whiteboard-module__48quNa__statusBar{color:#ffe9bdc7;background:#002a57;border-top:1px solid #8ccdc04d;align-items:center;gap:12px;min-width:0;padding:4px 8px;font-size:.62rem;font-weight:800;display:flex}.whiteboard-module__48quNa__statusHint{margin-left:auto}.whiteboard-module__48quNa__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.whiteboard-module__48quNa__textInspector,.whiteboard-module__48quNa__connectorInspector{background:#ffffff0d;border:1px solid #8ccdc03d;border-radius:8px;align-items:center;gap:4px;min-width:0;padding:2px;display:flex}.whiteboard-module__48quNa__connectorInspector label{color:#ffe9bdc7;align-items:center;gap:3px;font-size:.56rem;font-weight:850;display:flex}.whiteboard-module__48quNa__connectorInspector select{color:#fff4d6;height:30px;font:inherit;background:#002a57ad;border:1px solid #8ccdc057;border-radius:6px;padding:3px;font-size:.62rem;font-weight:800}.whiteboard-module__48quNa__textSizeField input{box-sizing:border-box;color:#fff4d6;height:30px;font:inherit;background:#002a57ad;border:1px solid #8ccdc057;border-radius:6px;outline:none;font-size:.68rem;font-weight:800}.whiteboard-module__48quNa__textSizeField{color:#ffe9bdc7;align-items:center;gap:4px;font-size:.6rem;font-weight:850;display:flex}.whiteboard-module__48quNa__textSizeField input{text-align:center;width:54px;padding:4px}.whiteboard-module__48quNa__textSizeField input:focus,.whiteboard-module__48quNa__colorField select:focus-visible{border-color:#ff6d35;outline:2px solid #ff6d3552}.whiteboard-module__48quNa__colorField{place-items:center;height:30px;display:grid}.whiteboard-module__48quNa__colorField select{color:#fff4d6;width:76px;height:30px;font:inherit;cursor:pointer;background:#04375c;border:1px solid #8ccdc057;border-radius:6px;padding:3px 5px;font-size:.62rem;font-weight:800}.whiteboard-module__48quNa__textStyleButton{color:#fff4d6;width:30px;height:30px;font:inherit;cursor:pointer;background:0 0;border:1px solid #8ccdc057;border-radius:6px;font-weight:900}.whiteboard-module__48quNa__textStyleButton:hover,.whiteboard-module__48quNa__textStyleButton:focus-visible{outline:2px solid #ff6d3552}.whiteboard-module__48quNa__textStyleButtonActive{color:#002a57;background:#8ccdc0}.whiteboard-module__48quNa__notePicker{z-index:40;box-sizing:border-box;color:#fff4d6;background:#002a57fa;border:1px solid #8ccdc094;border-radius:12px;gap:9px;width:min(520px,100% - 8px);padding:9px;display:grid;position:absolute;top:calc(100% + 4px);left:4px;box-shadow:0 16px 30px #00142452}.whiteboard-module__48quNa__notePickerHeader{align-items:center;gap:7px;display:flex}.whiteboard-module__48quNa__notePickerHeader strong{color:#ffb38f;margin-right:auto;font-size:.74rem}.whiteboard-module__48quNa__notePickerHeader button{color:#fff4d6;cursor:pointer;background:#ffffff14;border:0;border-radius:7px;width:30px;height:30px;font-size:1rem}.whiteboard-module__48quNa__notePickerSelectors{gap:7px;display:grid}.whiteboard-module__48quNa__notePickerControlGroup{border:0;min-width:0;margin:0;padding:0}.whiteboard-module__48quNa__notePickerControlGroup legend{color:#8ccdc0;letter-spacing:.035em;text-transform:uppercase;margin-bottom:4px;padding:0;font-size:.58rem;font-weight:900}.whiteboard-module__48quNa__noteSegment{background:#04375c;border:1px solid #8ccdc05c;border-radius:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:hidden}.whiteboard-module__48quNa__noteSegment button{color:#fff4d6;min-width:0;height:31px;font:inherit;cursor:pointer;background:0 0;border:0;border-right:1px solid #8ccdc038;padding:3px 6px;font-size:.62rem;font-weight:850}.whiteboard-module__48quNa__noteLanguageSegment{grid-template-columns:repeat(2,minmax(0,1fr))}.whiteboard-module__48quNa__noteTypeSegment{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row}.whiteboard-module__48quNa__noteTypeSegment button{height:39px;line-height:1.05}.whiteboard-module__48quNa__noteSegment button:last-child{border-right:0}.whiteboard-module__48quNa__noteSegment button:hover,.whiteboard-module__48quNa__noteSegment button:focus-visible{color:#fff;outline-offset:-2px;background:#8ccdc026;outline:2px solid #ff6d3559}.whiteboard-module__48quNa__noteSegment .whiteboard-module__48quNa__noteSegmentActive{color:#002a57;background:#8ccdc0}.whiteboard-module__48quNa__noteChoiceGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.whiteboard-module__48quNa__noteChoiceGrid button{color:#002a57;min-width:0;height:40px;font:inherit;cursor:pointer;background:#fff4d6;border:1px solid #8ccdc052;border-radius:8px;font-size:.78rem;font-weight:950}.whiteboard-module__48quNa__noteChoiceGrid button:hover,.whiteboard-module__48quNa__noteChoiceGrid button:focus-visible{color:#ff3a2d;border-color:#ff6d35;outline:2px solid #ff6d3547}.whiteboard-module__48quNa__intervalPicker{z-index:40;box-sizing:border-box;color:#fff4d6;background:#002a57fa;border:1px solid #8ccdc094;border-radius:12px;grid-template-rows:auto minmax(0,1fr);gap:7px;width:min(760px,100% - 8px);max-height:min(620px,100dvh - 92px);padding:9px;display:grid;position:absolute;top:calc(100% + 4px);left:4px;overflow:hidden;box-shadow:0 16px 30px #00142452}.whiteboard-module__48quNa__intervalPickerHeader{align-items:center;gap:7px;display:flex}.whiteboard-module__48quNa__intervalPickerHeader strong{color:#ffb38f;margin-right:auto;font-size:.74rem}.whiteboard-module__48quNa__intervalPickerHeader button{color:#fff4d6;cursor:pointer;background:#ffffff14;border:0;border-radius:7px;width:30px;height:30px;font-size:1rem}.whiteboard-module__48quNa__intervalLibrary{overscroll-behavior:contain;gap:10px;min-height:0;padding-right:3px;display:grid;overflow-y:auto}.whiteboard-module__48quNa__intervalCategory{gap:5px;display:grid}.whiteboard-module__48quNa__intervalCategory h3{color:#8ccdc0;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:950}.whiteboard-module__48quNa__intervalCategoryDescription{color:#fff4d6ad;margin:-1px 0 1px;font-size:.56rem;font-weight:750;line-height:1.25}.whiteboard-module__48quNa__intervalChoiceGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.whiteboard-module__48quNa__intervalChoiceGrid button{color:#002a57;min-width:0;min-height:86px;font:inherit;cursor:pointer;background:#fff4d6;border:1px solid #8ccdc052;border-radius:9px;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:3px;padding:5px;display:grid}.whiteboard-module__48quNa__intervalChoiceGrid button:hover,.whiteboard-module__48quNa__intervalChoiceGrid button:focus-visible{color:#ff3a2d;outline-offset:-2px;border-color:#ff6d35;outline:2px solid #ff6d3559}.whiteboard-module__48quNa__intervalChoiceImage{object-fit:contain;pointer-events:none;width:100%;height:54px;display:block}.whiteboard-module__48quNa__intervalChoiceGrid span{text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;font-weight:900;line-height:1.1;overflow:hidden}.whiteboard-module__48quNa__beatPicker{z-index:40;box-sizing:border-box;color:#fff4d6;background:#002a57fa;border:1px solid #8ccdc094;border-radius:12px;grid-template-rows:auto minmax(0,1fr);gap:8px;width:min(760px,100% - 8px);max-height:min(650px,100dvh - 92px);padding:9px;display:grid;position:absolute;top:calc(100% + 4px);left:4px;overflow:hidden;box-shadow:0 16px 30px #00142452}.whiteboard-module__48quNa__beatLibrary{overscroll-behavior:contain;gap:12px;min-height:0;padding-right:3px;display:grid;overflow-y:auto}.whiteboard-module__48quNa__beatChoiceGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.whiteboard-module__48quNa__beatChoiceGrid button{color:#002a57;min-width:0;font:inherit;cursor:pointer;background:#fff4d6;border:1px solid #8ccdc052;border-radius:9px;grid-template-rows:minmax(0,124px) auto;gap:5px;padding:6px;display:grid}.whiteboard-module__48quNa__beatChoiceGrid button:hover,.whiteboard-module__48quNa__beatChoiceGrid button:focus-visible{color:#ff3a2d;outline-offset:-2px;border-color:#ff6d35;outline:2px solid #ff6d3559}.whiteboard-module__48quNa__beatChoiceGrid img{object-fit:contain;width:100%;height:100%;display:block}.whiteboard-module__48quNa__beatChoiceGrid span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.6rem;font-weight:900;line-height:1.15;overflow:hidden}.whiteboard-module__48quNa__theoryPanel{z-index:45;box-sizing:border-box;color:#fff4d6;background:#002a57fa;border:1px solid #8ccdc094;border-radius:12px;gap:12px;width:min(430px,100% - 8px);padding:14px;display:grid;position:absolute;top:calc(100% + 4px);left:4px;box-shadow:0 16px 30px #00142452}.whiteboard-module__48quNa__theoryPanelHeader{align-items:center;display:flex}.whiteboard-module__48quNa__theoryPanelHeader strong{color:#ffb38f;margin-right:auto;font-size:.82rem}.whiteboard-module__48quNa__theoryPanelHeader button{width:30px;height:30px;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:7px;font-size:1rem}.whiteboard-module__48quNa__theoryPanel label{color:#8ccdc0;letter-spacing:.035em;text-transform:uppercase;gap:5px;font-size:.62rem;font-weight:900;display:grid}.whiteboard-module__48quNa__theoryPanel select{color:#fff4d6;width:100%;height:38px;font:inherit;background:#04375c;border:1px solid #8ccdc06b;border-radius:8px;padding:5px 9px;font-size:.76rem;font-weight:800}.whiteboard-module__48quNa__theoryPanelActions{justify-content:flex-end;gap:8px;display:flex}.whiteboard-module__48quNa__theoryPanelActions button{min-height:36px;color:inherit;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #8ccdc06b;border-radius:8px;padding:6px 12px;font-size:.7rem;font-weight:900}.whiteboard-module__48quNa__theoryPanelActions .whiteboard-module__48quNa__primaryAction{color:#002a57;background:#8ccdc0;border-color:#8ccdc0}.whiteboard-module__48quNa__exportPanel{z-index:46;box-sizing:border-box;color:#fff4d6;background:#002a57fa;border:1px solid #8ccdc094;border-radius:12px;gap:11px;width:min(420px,100% - 8px);padding:14px;display:grid;position:absolute;top:calc(100% + 4px);right:4px;box-shadow:0 16px 30px #00142452}.whiteboard-module__48quNa__exportPanel p{color:#fff4d6c7;margin:0;font-size:.68rem;font-weight:750;line-height:1.35}.whiteboard-module__48quNa__exportChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.whiteboard-module__48quNa__exportChoices button{color:#002a57;min-width:0;font:inherit;cursor:pointer;background:#fff4d6;border:1px solid #8ccdc061;border-radius:9px;gap:3px;padding:11px 7px;display:grid}.whiteboard-module__48quNa__exportChoices button:hover:not(:disabled),.whiteboard-module__48quNa__exportChoices button:focus-visible{border-color:#ff6d35;outline:2px solid #ff6d3559}.whiteboard-module__48quNa__exportChoices button:disabled{opacity:.65;cursor:wait}.whiteboard-module__48quNa__exportChoices strong{font-size:.8rem}.whiteboard-module__48quNa__exportChoices span{color:#38687a;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;font-weight:800;overflow:hidden}.whiteboard-module__48quNa__exportPanel .whiteboard-module__48quNa__exportError{color:#ffb38f}.whiteboard-module__48quNa__exportPanel .whiteboard-module__48quNa__exportSuccess{color:#8ccdc0}.whiteboard-module__48quNa__importFeedback{z-index:47;color:#8ccdc0;background:#002a57fa;border:1px solid #8ccdc085;border-radius:9px;max-width:min(430px,100% - 8px);padding:8px 11px;font-size:.66rem;font-weight:850;position:absolute;top:calc(100% + 4px);right:4px;box-shadow:0 12px 24px #00142442}.whiteboard-module__48quNa__importFeedbackError{color:#ffb38f;border-color:#ff6d35a6}.whiteboard-module__48quNa__metronomePanel{z-index:48;box-sizing:border-box;color:#fff4d6;background:#002a57fa;border:1px solid #8ccdc094;border-radius:12px;gap:10px;width:min(390px,100% - 8px);padding:12px;display:grid;position:absolute;top:calc(100% + 4px);right:4px;box-shadow:0 16px 30px #00142452}.whiteboard-module__48quNa__metronomeHeader,.whiteboard-module__48quNa__metronomeHeader>div,.whiteboard-module__48quNa__metronomeSettings,.whiteboard-module__48quNa__metronomeActions{align-items:center;display:flex}.whiteboard-module__48quNa__metronomeHeader>div{gap:8px;min-width:0}.whiteboard-module__48quNa__metronomeHeader strong{color:#ffb38f;font-size:.82rem}.whiteboard-module__48quNa__metronomeHeader>button{width:30px;height:30px;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:7px;margin-left:auto;font-size:1rem}.whiteboard-module__48quNa__metronomeStatus{color:#bedbd4;letter-spacing:.04em;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:3px 7px;font-size:.55rem;font-weight:900}.whiteboard-module__48quNa__metronomeStatus[data-status=playing]{color:#002a57;background:#8ccdc0}.whiteboard-module__48quNa__metronomeStatus[data-status=paused]{color:#002a57;background:#ffb38f}.whiteboard-module__48quNa__metronomeSettings{gap:10px}.whiteboard-module__48quNa__metronomeSettings label{color:#8ccdc0;letter-spacing:.035em;text-transform:uppercase;flex:1;gap:4px;font-size:.56rem;font-weight:900;display:grid}.whiteboard-module__48quNa__metronomeSettings select,.whiteboard-module__48quNa__metronomeSettings input{box-sizing:border-box;color:#fff4d6;height:34px;font:inherit;background:#04375c;border:1px solid #8ccdc06b;border-radius:7px;font-size:.72rem;font-weight:900}.whiteboard-module__48quNa__bpmControl{flex:1.4!important}.whiteboard-module__48quNa__bpmControl>span{grid-template-columns:34px minmax(52px,1fr) 34px;display:grid}.whiteboard-module__48quNa__bpmControl button{color:#fff4d6;cursor:pointer;background:#ffffff12;border:1px solid #8ccdc059;font-size:.9rem}.whiteboard-module__48quNa__bpmControl button:first-child{border-radius:7px 0 0 7px}.whiteboard-module__48quNa__bpmControl button:last-child{border-radius:0 7px 7px 0}.whiteboard-module__48quNa__bpmControl input{text-align:center;border-radius:0;width:100%}.whiteboard-module__48quNa__bpmSlider{accent-color:#ff6d35;width:100%}.whiteboard-module__48quNa__metronomePulse{background:#ffffff0a;border:1px solid #8ccdc038;border-radius:10px;gap:7px;padding:9px;display:grid}.whiteboard-module__48quNa__metronomeNumbers,.whiteboard-module__48quNa__metronomeDots{text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.whiteboard-module__48quNa__metronomeNumbers{color:#bedbd4;font-size:.58rem;font-weight:900}.whiteboard-module__48quNa__metronomeNumbers span[data-group-start=true]:not(:first-child),.whiteboard-module__48quNa__metronomeDots span[data-group-start=true]:not(:first-child){border-left:1px solid #ffb38f94}.whiteboard-module__48quNa__metronomeDots span{box-sizing:border-box;background:0 0;border:2px solid #8ccdc0;border-radius:50%;place-self:center;width:12px;height:12px;transition:transform 70ms,background 70ms,box-shadow 70ms}.whiteboard-module__48quNa__metronomeDots span[data-first=true]{border-color:#ffb38f;width:16px;height:16px}.whiteboard-module__48quNa__metronomeDots .whiteboard-module__48quNa__metronomeDotActive{background:#8ccdc0;transform:scale(1.16);box-shadow:0 0 0 4px #8ccdc02e}.whiteboard-module__48quNa__metronomeDots .whiteboard-module__48quNa__metronomeDotActive[data-first=true]{background:#ff6d35;box-shadow:0 0 0 4px #ff6d3533}.whiteboard-module__48quNa__metronomePulse small{color:#fff4d6b8;text-align:center;font-size:.53rem;font-weight:750}.whiteboard-module__48quNa__metronomeActions{justify-content:flex-end;gap:7px}.whiteboard-module__48quNa__metronomeActions button{min-height:34px;color:inherit;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #8ccdc06b;border-radius:8px;padding:5px 10px;font-size:.64rem;font-weight:900}.whiteboard-module__48quNa__metronomeActions .whiteboard-module__48quNa__primaryAction{color:#002a57;background:#8ccdc0;border-color:#8ccdc0}@media (max-width:860px){.whiteboard-module__48quNa__page{min-height:480px;padding:4px 5px 5px}.whiteboard-module__48quNa__statusHint{display:none}.whiteboard-module__48quNa__toolbar{gap:3px;padding:3px}.whiteboard-module__48quNa__toolButton,.whiteboard-module__48quNa__iconButton,.whiteboard-module__48quNa__zoomValue{min-height:29px;padding:4px 6px;font-size:.64rem}.whiteboard-module__48quNa__zoomGroup{margin-left:0}.whiteboard-module__48quNa__pageIdentifier{display:none}.whiteboard-module__48quNa__headerActions{justify-content:flex-end;gap:4px;width:100%}.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__toolGroup{flex:none}}@media (max-width:620px) and (orientation:portrait){.whiteboard-module__48quNa__toolbar{scrollbar-width:thin;overflow:auto hidden}.whiteboard-module__48quNa__toolbar>.whiteboard-module__48quNa__toolGroup{flex:none;justify-content:center}.whiteboard-module__48quNa__desktopLabel,.whiteboard-module__48quNa__compactOptional{display:none}.whiteboard-module__48quNa__textInspector{order:5;width:100%}.whiteboard-module__48quNa__workspaceGuide{max-width:190px;bottom:10px;right:10px}.whiteboard-module__48quNa__statusBar{justify-content:space-between;gap:6px;padding-inline:7px;font-size:.6rem}.whiteboard-module__48quNa__notePicker{width:calc(100% - 8px)}.whiteboard-module__48quNa__notePickerHeader strong{font-size:.68rem}.whiteboard-module__48quNa__notePickerSelectors{grid-template-columns:1fr}.whiteboard-module__48quNa__notePickerControlGroup legend{font-size:.54rem}.whiteboard-module__48quNa__noteSegment button{height:29px;padding-inline:3px;font-size:.58rem}.whiteboard-module__48quNa__noteTypeSegment{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:visible}.whiteboard-module__48quNa__noteTypeSegment button{background:#04375c;border:1px solid #8ccdc038;border-radius:6px;height:35px}.whiteboard-module__48quNa__noteChoiceGrid button{height:38px}.whiteboard-module__48quNa__intervalPicker{width:calc(100% - 8px);max-height:calc(100dvh - 173px)}.whiteboard-module__48quNa__intervalChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.whiteboard-module__48quNa__intervalChoiceGrid button{min-height:78px}.whiteboard-module__48quNa__intervalChoiceImage{height:47px}.whiteboard-module__48quNa__beatPicker{width:calc(100% - 8px);max-height:calc(100dvh - 173px)}.whiteboard-module__48quNa__beatChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.whiteboard-module__48quNa__beatChoiceGrid button{grid-template-rows:minmax(0,100px) auto}.whiteboard-module__48quNa__theoryPanel{width:calc(100% - 8px);max-height:calc(100dvh - 172px);top:calc(100% + 3px);overflow-y:auto}.whiteboard-module__48quNa__exportPanel,.whiteboard-module__48quNa__metronomePanel{width:calc(100% - 8px);top:calc(100% + 3px);right:4px}}@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){.whiteboard-module__48quNa__page{grid-template-rows:28px minmax(0,1fr);gap:3px;min-height:100dvh;padding:3px 4px 4px}.whiteboard-module__48quNa__pageMenuBar{height:28px}.whiteboard-module__48quNa__pageMenuBar .mobile-games-menu{height:28px}.whiteboard-module__48quNa__pageMenuBar .mobile-games-menu-trigger{width:28px;height:28px}.whiteboard-module__48quNa__app{border-radius:11px}.whiteboard-module__48quNa__toolbar{flex-wrap:nowrap;padding:2px;overflow:visible}.whiteboard-module__48quNa__toolButton,.whiteboard-module__48quNa__iconButton,.whiteboard-module__48quNa__zoomValue{min-height:27px;padding:3px 5px;font-size:.6rem}.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__toolGroup{height:27px}.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__toolButton,.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__iconButton,.whiteboard-module__48quNa__headerActions .whiteboard-module__48quNa__zoomValue{min-height:21px;padding-block:1px}.whiteboard-module__48quNa__compactOptional,.whiteboard-module__48quNa__desktopLabel{display:none}.whiteboard-module__48quNa__textInspector{flex:280px;order:5}.whiteboard-module__48quNa__textSizeField>span{display:none}.whiteboard-module__48quNa__colorField select{width:68px}.whiteboard-module__48quNa__zoomGroup{margin-left:auto}.whiteboard-module__48quNa__intervalPicker,.whiteboard-module__48quNa__beatPicker{max-height:calc(100dvh - 84px)}.whiteboard-module__48quNa__beatChoiceGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.whiteboard-module__48quNa__beatChoiceGrid button{grid-template-rows:minmax(0,72px) auto}.whiteboard-module__48quNa__intervalChoiceGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.whiteboard-module__48quNa__theoryPanel,.whiteboard-module__48quNa__exportPanel,.whiteboard-module__48quNa__metronomePanel{max-height:calc(100dvh - 80px);overflow-y:auto}}@media (prefers-reduced-motion:reduce){.whiteboard-module__48quNa__objectFrame,.whiteboard-module__48quNa__objectLayer{will-change:auto}}