/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-content:""}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.before\:transform:before{content:var(--tw-content);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#1c2b3f;--muted:#637188;--line:#d8e0eb;--surface:#fffffff5;--blue:#2f6fed;--blue-dark:#2159c6;--blue-soft:#eaf1ff;--paper:#fffdf8;--danger:#c63e52;--shadow:0 14px 38px #192b4724, 0 3px 10px #192b4714}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#edf2f8;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:2px;outline:3px solid #2f6fed52}.slate-app{background:#fffefa;width:100vw;height:100dvh;position:relative;overflow:hidden}.loading-screen{height:100dvh;color:var(--muted);background:#eef3f8;place-content:center;justify-items:center;gap:14px;display:grid}.slate-logo{border-radius:13px;width:42px;height:42px;box-shadow:0 7px 18px #09234338}.slate-logo.large{border-radius:25px;width:92px;height:92px;margin:0 auto 18px}.board-header{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:16px 18px auto}.brand{pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:0;border-radius:16px;align-items:center;gap:10px;padding:7px 14px 7px 7px;display:flex;box-shadow:0 5px 18px #20355217}.brand>span:last-child{text-align:left;line-height:1.15;display:grid}.brand strong{font-size:15px}.brand small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:3px;font-size:12px;overflow:hidden}.document-actions{pointer-events:auto;align-items:center;gap:8px;display:flex;position:relative}.reveal-button{color:#355173;cursor:pointer;background:#ffffffeb;border:1px solid #2f6fed29;border-radius:13px;align-items:center;gap:8px;min-height:45px;padding:0 14px;display:flex;box-shadow:0 5px 18px #20355214}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:45px;height:45px;transition:background .16s,color .16s,transform .16s;display:inline-grid}.icon-button:hover:not(:disabled){background:#eef3fa}.icon-button.active{color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px #2f6fed1f}.icon-button:active:not(:disabled){transform:scale(.95)}.icon-button:disabled{opacity:.32;cursor:not-allowed}.floating-panel{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #c6d2e1db}.document-menu{border-radius:17px;width:286px;padding:9px;position:absolute;top:55px;right:0}.document-menu button,.page-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:43px;padding:0 11px;display:flex}.document-menu button:hover,.page-menu button:hover{background:#f1f5fa}.document-menu hr,.page-menu hr{border:0;border-top:1px solid #e5eaf1;margin:6px 4px}.save-row{height:36px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.saved-dot,.saving-dot{background:#1e9b6b;border-radius:50%;width:8px;height:8px}.saving-dot{background:#f1a52b;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.danger{color:var(--danger)!important}.canvas-host{touch-action:none;background:#fffefa;place-items:center;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.board-scaled-frame{flex:none;position:relative}.board-canvas-wrap{transform-origin:0 0;width:1600px;height:900px;box-shadow:none;border:0;border-radius:0;position:absolute;top:0;left:0;overflow:hidden}.board-canvas-wrap .canvas-container,.board-canvas-wrap canvas{width:1600px!important;height:900px!important}.side-toolbar{z-index:35;width:62px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #c3cfdee6;border-radius:19px;flex-direction:column;align-items:center;padding:7px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.toolbar-left .side-toolbar{left:18px}.toolbar-right .side-toolbar{right:18px}.side-toolbar.collapsed{width:54px}.side-toolbar .icon-button{width:47px;height:47px}.side-toolbar .collapse-button{border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;margin-top:4px}.toolbar-grip{align-items:center;gap:3px;height:16px;display:flex}.toolbar-grip span{background:#b8c4d2;border-radius:50%;width:3px;height:3px}.context-panel{z-index:34;border-radius:18px;width:320px;padding:17px;position:fixed;top:50%;transform:translateY(-50%)}.toolbar-left .context-panel{left:91px}.toolbar-right .context-panel{right:91px}.context-panel.compact{width:286px}.panel-title{align-items:center;gap:8px;margin-bottom:16px;font-weight:750;display:flex}.hint{color:var(--muted);margin:2px 0 8px;font-size:13px;line-height:1.5}.field-row{gap:8px;margin:14px 0;display:grid}.field-row>span{color:var(--muted);font-size:12px;font-weight:650}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatches button,.colour-picker{cursor:pointer;border:2px solid #fff;border-radius:50%;width:27px;height:27px;box-shadow:0 0 0 1px #cbd5e2}.swatches button.selected{box-shadow:0 0 0 3px #2f6fed47}.colour-picker{background:conic-gradient(#e34 0 16%, #fc3 0 33%, #3b6 0 50%, #3cf 0 66%, #56e 0 83%, #c5e 0);overflow:hidden}.colour-picker input{opacity:0;cursor:pointer;width:100%;height:100%}.thicknesses{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.thicknesses button{cursor:pointer;background:#f4f7fb;border:1px solid #dce3ec;border-radius:9px;place-items:center;height:34px;display:grid}.thicknesses button.selected{background:var(--blue-soft);border-color:#83a9f5}.thicknesses i{background:currentColor;border-radius:999px;width:48px;max-height:18px}.segmented{background:#eef2f7;border-radius:11px;gap:3px;padding:3px;display:flex;overflow-x:auto}.segmented button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;min-height:34px;padding:0 10px;font-size:12px}.segmented button.active{color:var(--blue);background:#fff;font-weight:700;box-shadow:0 2px 7px #23355017}.toggle-line{align-items:center;gap:8px;font-size:13px;display:flex}.snap-toggle{color:#48617f;cursor:pointer;background:#fff;border:1px solid #d6dee9;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:14px;padding:0 11px;display:flex}.snap-toggle:hover,.snap-toggle.active{color:var(--blue);background:var(--blue-soft);border-color:#9ab8f3}.snap-hint{color:var(--muted);text-align:center;margin:6px 2px 0;font-size:11px}.context-panel select,.context-panel input[type=number]{background:#fff;border:1px solid #d6dee9;border-radius:9px;width:100%;height:39px;padding:0 10px}.text-format-row{grid-template-columns:64px repeat(6,minmax(0,1fr));gap:5px;margin:9px 0 10px;display:grid}.text-format-row input{width:64px!important}.text-format-row button{cursor:pointer;background:#fff;border:1px solid #dbe2eb;border-radius:8px;place-items:center;min-width:0;height:36px;padding:0;line-height:1;display:grid}.text-format-row button>*{display:block}.text-format-row button.active{color:var(--blue);background:var(--blue-soft);border-color:#a7c1f7}.action-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.action-grid button{cursor:pointer;background:#f3f6fa;border:0;border-radius:9px;align-items:center;gap:7px;min-height:42px;padding:0 9px;font-size:12px;display:flex}.action-grid button:hover{background:var(--blue-soft)}.text-actions{margin-top:14px}.selection-toolbar{z-index:46;white-space:nowrap;border-radius:13px;align-items:center;gap:4px;max-width:calc(100vw - 24px);min-height:48px;padding:5px;display:flex;position:fixed}.crop-toolbar{z-index:48;white-space:nowrap;align-items:center;gap:7px;padding:7px;display:flex;position:fixed}.crop-toolbar.above{transform:translate(-50%,-100%)}.crop-toolbar.below{transform:translate(-50%)}.crop-toolbar button{min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d6dee9;border-radius:9px;padding:0 16px;font-weight:600}.crop-toolbar button.primary{color:#fff;border-color:var(--blue);background:var(--blue)}.selection-toolbar.above{transform:translate(-50%,-100%)}.selection-toolbar.below{transform:translate(-50%)}.selection-toolbar>button,.selection-more-wrap>button{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.selection-toolbar>button:hover,.selection-toolbar>button.active,.selection-more-wrap>button:hover,.selection-more-wrap>button.active{color:var(--blue);background:var(--blue-soft)}.selection-toolbar>button.danger:hover{color:var(--danger);background:#fff0f2}.selection-font,.selection-size,.selection-stroke,.selection-dash,.selection-sides{height:36px;color:var(--ink);background:#fff;border:1px solid #d8e0ea;border-radius:8px;padding:0 8px}.selection-font{width:105px}.selection-size{width:58px}.selection-stroke{width:66px}.selection-dash{width:78px}.selection-sides{width:82px}.selection-rounding{height:36px;color:var(--muted);border:1px solid #d8e0ea;border-radius:8px;align-items:center;gap:4px;padding:0 7px;font-size:11px;display:flex}.selection-rounding input{width:42px;min-width:0;color:var(--ink);font:inherit;text-align:right;border:0;padding:0}.selection-divider{background:#e0e6ee;width:1px;height:26px;margin:0 2px}.selection-colour{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.selection-colour:hover{background:#f1f5fa}.selection-colour input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.selection-colour span{border:2px solid #fff;border-radius:50%;width:21px;height:21px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #aebaca}.selection-colour .fill-swatch{border-radius:6px}.selection-colour.outline span{box-shadow:none;background:#fff;border:3px solid}.selection-colour span.none:after{content:"";transform-origin:50%;background:#d84f5f;width:calc(100% + 6px);height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.selection-colour-menu-wrap{display:flex;position:relative}.selection-colour-popover{z-index:80;border-radius:11px;width:158px;max-height:calc(100vh - 24px);padding:7px;position:fixed;overflow-y:auto}.selection-colour-popover label,.selection-colour-popover button{width:100%;min-height:37px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 9px;font-size:12px;display:flex}.selection-colour-popover label:hover,.selection-colour-popover button:hover{background:var(--blue-soft);color:var(--blue)}.selection-colour-popover input[type=color]{cursor:pointer;background:#fff;border:1px solid #cfd8e4;border-radius:6px;width:23px;height:23px;padding:1px}.selection-palette{grid-template-columns:repeat(4,1fr);gap:7px;padding:4px 7px 8px;display:grid}.selection-colour-popover .selection-palette button{border:2px solid #fff;border-radius:50%;width:29px;height:29px;min-height:29px;padding:0;box-shadow:0 0 0 1px #cbd5e2}.selection-colour-popover .selection-palette button:hover{transform:scale(1.08);box-shadow:0 0 0 2px #2f6fed59}.selection-custom-colour{border-top:1px solid #e5eaf1}.selection-none-colour{border-top:1px solid #e5eaf1!important}.selection-more-wrap{display:flex;position:relative}.selection-more-menu{border-radius:12px;width:214px;max-height:calc(100vh - 24px);padding:7px;position:absolute;right:0;overflow-y:auto}.selection-toolbar.more-below .selection-more-menu{top:calc(100% + 9px);bottom:auto}.selection-toolbar.more-above .selection-more-menu{top:auto;bottom:calc(100% + 9px)}.selection-more-menu button{width:100%;min-height:37px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 9px;display:flex}.selection-more-menu button:hover{background:var(--blue-soft);color:var(--blue)}.selection-angle-field{min-height:39px;color:var(--muted);border-bottom:1px solid #e3e9f0;align-items:center;gap:8px;margin-bottom:5px;padding:0 9px;font-size:12px;display:flex}.selection-angle-field>span:first-of-type{color:var(--ink);flex:1}.selection-angle-field input{width:63px;height:30px;color:var(--ink);text-align:right;background:#fff;border:1px solid #d6dee9;border-radius:7px;padding:0 6px}.snap-angle-guide{z-index:44;pointer-events:none;transform-origin:50%;border-top:2px dashed #2f6fedb8;width:180px;position:fixed}.snap-angle-guide:before,.snap-angle-guide:after{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px}.snap-angle-guide:before{left:0}.snap-angle-guide:after{right:0}.snap-angle-label{z-index:45;color:#fff;text-align:center;pointer-events:none;background:#245fcf;border-radius:7px;min-width:42px;padding:4px 7px;font-size:12px;font-weight:750;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #2159c63d}.snap-alignment-guide{z-index:44;pointer-events:none;background:#2f6fedcc;position:fixed;box-shadow:0 0 0 1px #ffffffa6}.snap-alignment-guide.vertical{width:1px;transform:translate(-.5px)}.snap-alignment-guide.horizontal{height:1px;transform:translateY(-.5px)}.bottom-toolbar{z-index:38;min-height:58px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border:1px solid #c3cfdee6;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex;position:fixed;bottom:15px;left:18px;right:18px}.bottom-left,.page-controls,.view-controls,.zoom-controls{align-items:center;gap:3px;display:flex}.bottom-left>button{cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;height:45px;padding:0 12px;display:flex}.bottom-left>button:hover,.bottom-left>button.active{background:var(--blue-soft);color:var(--blue)}.toolbar-divider{background:#e1e7ef;width:1px;height:28px;margin:0 4px}.zoom-controls{background:#f3f6fa;border-radius:11px}.zoom-controls .icon-button{width:38px;height:40px}.zoom-controls>button:not(.icon-button){cursor:pointer;background:0 0;border:0;min-width:50px;font-size:12px}.fullscreen-button{background:#f3f6fa;width:42px;height:42px;margin-left:4px}.page-controls{position:relative}.page-indicator{cursor:pointer;background:#f1f5fa;border:0;border-radius:11px;min-width:64px;height:43px;padding:0 10px;font-weight:750}.page-indicator span{color:#a6b0bf;margin:0 2px}.page-indicator.active{color:var(--blue);background:var(--blue-soft)}.page-menu-wrap{position:relative}.page-menu{border-radius:15px;width:218px;padding:8px;position:absolute;bottom:56px;right:0}.bottom-flyout{z-index:50;border-radius:18px;min-width:390px;max-width:min(760px,100vw - 68px);padding:14px;position:fixed;bottom:86px;left:34px}.bottom-flyout.pages{width:min(880px,100vw - 80px);left:50%;transform:translate(-50%)}.bottom-flyout.spotlight{width:min(570px,100vw - 68px)}.bottom-flyout.widgets{width:min(880px,100vw - 68px)}.bottom-flyout header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bottom-flyout header .icon-button{width:34px;height:34px}.math-keypad{z-index:58;-webkit-user-select:none;user-select:none;border-radius:18px;width:min(470px,100vw - 20px);padding:10px;position:fixed}.math-keypad.docked{bottom:86px;left:50%;transform:translate(-50%)}.math-keypad-handle{cursor:move;touch-action:none;align-items:center;gap:9px;min-height:48px;padding:0 2px 8px 8px;display:flex}.math-keypad-handle>svg{color:#92a0b3}.math-keypad-handle>span{min-width:0;margin-right:auto;display:grid}.math-keypad-handle strong{font-size:14px}.math-keypad-handle small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500}.math-keypad-handle .icon-button{flex:0 0 36px;width:36px;height:36px}.math-keypad-body{grid-template-columns:190px 1fr;gap:10px;display:grid}.math-number-section,.math-symbol-section{background:#f3f6fa;border-radius:12px;padding:9px}.math-number-section>span,.math-symbol-section>span{color:var(--muted);margin:0 0 7px 2px;font-size:11px;font-weight:700;display:block}.math-number-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.math-symbol-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.math-number-grid button,.math-symbol-grid button,.math-editing-row button{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #d5deea;border-radius:9px;place-items:center;min-width:0;height:46px;padding:0;font-size:18px;font-weight:650;line-height:1;display:grid;box-shadow:0 1px 2px #182a420a}.math-number-grid button:hover,.math-symbol-grid button:hover,.math-editing-row button:hover{color:var(--blue);background:var(--blue-soft);border-color:#9db9ef}.math-number-grid button:active,.math-symbol-grid button:active,.math-editing-row button:active{transform:scale(.96)}.math-editing-row{grid-template-columns:52px 52px 1fr 52px 66px;gap:6px;margin-top:9px;display:grid}.math-editing-row .space-key{font-size:12px}.math-editing-row .backspace-key{color:#a63547;background:#fff5f6}.background-grid{grid-template-columns:repeat(6,minmax(86px,1fr));gap:8px;padding-bottom:4px;display:grid;overflow-x:auto}.background-grid button{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:10px;padding:7px;font-size:11px}.background-grid button.selected{color:var(--blue);border-color:#6d98ee;box-shadow:0 0 0 2px #2f6fed1f}.background-sample{background-color:#fffdf8;border:1px solid #e5e7eb;border-radius:6px;height:52px;margin-bottom:5px;display:block}.background-sample.grid,.background-sample.graph{background-image:linear-gradient(#d0d9e6 1px,#0000 1px),linear-gradient(90deg,#d0d9e6 1px,#0000 1px);background-size:18px 18px}.background-sample.graph{background-image:linear-gradient(#9eafc4 2px,#0000 2px),linear-gradient(90deg,#9eafc4 2px,#0000 2px),linear-gradient(#d6deea 1px,#0000 1px),linear-gradient(90deg,#d6deea 1px,#0000 1px);background-size:25px 25px,25px 25px,5px 5px,5px 5px}.background-sample.lined{background-image:linear-gradient(#d0d9e6 1px,#0000 1px);background-size:100% 11px}.background-sample.handwriting{background-image:linear-gradient(#d86f7c 2px,#0000 2px),linear-gradient(#0000 9px,#c8cdd3 9px 11px,#0000 11px),linear-gradient(#0000 18px,#4b5159 18px 20px,#0000 20px);background-size:100% 28px}.background-sample.dots{background-image:radial-gradient(#b9c5d5 1px,#0000 1px);background-size:9px 9px}.background-sample.isometric{background-image:linear-gradient(30deg,#0000 49%,#c5cfdb 50%,#0000 51%),linear-gradient(150deg,#0000 49%,#c5cfdb 50%,#0000 51%),linear-gradient(90deg,#0000 49%,#c5cfdb 50%,#0000 51%);background-size:18px 31px}.background-sample.music{background-image:repeating-linear-gradient(#0000 0 5px,#4b5159 5px 6px,#0000 6px 11px);background-size:100% 30px}.background-sample.split{background-image:linear-gradient(90deg,#0000 49%,#9eafc4 49% 51%,#0000 51%)}.background-sample.quadrants{background-image:linear-gradient(90deg,#0000 49%,#9eafc4 49% 51%,#0000 51%),linear-gradient(#0000 49%,#9eafc4 49% 51%,#0000 51%)}.background-sample.image{color:#7b8ba1;background:linear-gradient(145deg,#eef3f8,#dfe8f2);place-items:center;display:grid}.background-options{background:#f7f9fc;border:1px solid #dce3ec;border-radius:11px;margin-top:12px;padding:12px}.background-colour-control,.background-slider-control{color:var(--muted);align-items:center;gap:14px;font-size:12px;font-weight:650;display:flex}.background-checkbox-control{color:var(--ink);align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:650;display:flex}.background-colour-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;display:grid}.background-select-control{color:var(--muted);align-items:center;gap:12px;margin-top:10px;font-size:12px;font-weight:650;display:flex}.background-select-control span{flex:1}.background-select-control select{background:#fff;border:1px solid #d6dee9;border-radius:8px;height:36px;padding:0 9px}.background-colour-control span,.background-slider-control span{flex:1}.background-colour-control input{cursor:pointer;background:#fff;border:1px solid #cfd8e4;border-radius:8px;width:42px;height:32px;padding:2px}.background-slider-control{grid-template-columns:140px 1fr;display:grid}.background-slider-control input{width:100%;accent-color:var(--blue)}.background-slider-control strong{color:var(--ink)}.background-note{color:var(--muted);margin:11px 2px 0;font-size:12px}.wide-secondary{cursor:pointer;background:#f7f9fc;border:1px solid #d8e0ea;border-radius:10px;width:100%;height:38px;margin-top:10px}.resource-sections{grid-template-columns:1fr 1fr;gap:20px;display:grid}.resource-sections h3{color:var(--muted);margin:0 0 8px;font-size:13px}.resource-sections>div{flex-wrap:wrap;gap:7px;display:flex}.resource-sections button,.clipboard-grid button{cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:10px;align-items:center;gap:8px;min-height:43px;padding:0 12px;display:flex}.resource-sections button:hover{background:var(--blue-soft);border-color:#91b1ef}.bottom-flyout.resources{width:min(760px,100vw - 68px)}.resource-sections.redesigned{grid-template-columns:minmax(0,1.65fr) minmax(210px,.8fr)}.resource-sections.redesigned>.resource-section{align-content:flex-start}.maths-resource-cards{gap:8px;width:100%;display:grid}.maths-resource-cards button{text-align:left;width:100%;min-height:64px}.maths-resource-cards button>span{flex:1;gap:3px;display:grid}.maths-resource-cards small{color:var(--muted);font-size:12px}.advanced-maths-setup{max-height:min(690px,100vh - 190px);padding-right:5px;overflow-y:auto}.advanced-resource-layout{grid-template-columns:minmax(330px,1fr) minmax(250px,.85fr);align-items:start;gap:18px;display:grid}.advanced-resource-fields{gap:11px;display:grid}.resource-input-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:9px;display:grid}.resource-input-row.four{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-input-row>label{min-width:0}.resource-input-row input:not([type=checkbox]),.advanced-resource-fields input:not([type=checkbox]),.advanced-resource-fields select{width:100%}.resource-input-row input[type=color]{min-height:40px;padding:4px}.resource-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.denominator-picker{border:1px solid #d5deea;border-radius:10px;grid-template-columns:repeat(6,1fr);gap:6px;margin:0;padding:10px;display:grid}.denominator-picker legend{color:var(--muted);padding:0 5px;font-size:12px}.denominator-picker label{min-height:34px;color:var(--ink);background:#fff;border:1px solid #dce3eb;border-radius:8px;justify-content:center;align-items:center;gap:5px;display:flex}.advanced-resource-preview{background:#f8fafc;border:1px solid #d7e0ea;border-radius:13px;place-items:center;min-height:260px;padding:18px;display:grid;overflow:hidden}.mini-number-line{width:100%;max-height:250px}.mini-hundred-square{aspect-ratio:1;border:1px solid #8093a9;grid-template-columns:repeat(10,1fr);width:min(240px,100%);display:grid}.mini-hundred-square.gridless{border-color:#0000!important}.mini-hundred-square i{color:#24466f;background:#fff;place-items:center;font-size:7px;font-style:normal;display:grid;overflow:hidden}.mini-hundred-square.gridded i{border:.5px solid}.mini-hundred-square.gridless i{border:0}.mini-coordinate-grid{width:min(280px,100%);max-height:250px}.mini-fraction-wall{gap:3px;width:100%;display:grid}.mini-fraction-wall>div{min-height:24px;display:flex}.mini-fraction-wall i{color:#24466f;background:#b9d9ff;flex:1;place-items:center;font-size:8px;font-style:normal;display:grid}.mini-fraction-wall.outlined i{border:1px solid #24466f}.mini-fraction-wall.unoutlined i{border:0}.general-resources{min-width:0}.general-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.resource-sections .general-resource-grid button{text-align:center;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:84px;padding:10px 6px 9px}.general-resource-grid button strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.2;overflow:hidden}.general-resource-icon{border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.general-resource-grid .sticky .general-resource-icon{color:#9a6910;background:#fff3bd}.general-resource-grid .tick .general-resource-icon{color:#12704d;background:#dff5e9}.general-resource-grid .cross .general-resource-icon{color:#b73247;background:#ffe5e9}.general-resource-grid .star .general-resource-icon{color:#6740bd;background:#eee7ff}.resource-sections .general-resource-grid .speech{flex-direction:row;grid-column:1/-1;min-height:60px;padding-inline:12px}.general-resource-grid .speech .general-resource-icon{color:#235f9f;background:#e3f1ff}.resource-back{color:#2f6fed;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 4px 10px;display:inline-flex}.resource-setup{gap:13px;display:grid}.resource-setup>p{color:var(--muted);margin:0;font-size:13px}.resource-setup label:not(.resource-checkbox),.fraction-inputs label{color:var(--muted);gap:5px;font-size:12px;display:grid}.resource-setup select,.resource-setup input[type=number],.resource-setup input[type=text]{height:40px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d2dce8;border-radius:9px;padding:0 10px}.resource-stepper{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.resource-stepper>span{margin-right:auto}.resource-stepper button{cursor:pointer;background:#fff;border:1px solid #d2dce8;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.resource-stepper strong{text-align:center;min-width:24px;color:var(--ink);font-size:16px}.resource-checkbox{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.place-value-preview{background:#fff;border:2px solid #31547a;border-radius:8px;grid-auto-columns:minmax(70px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.place-value-preview span{text-align:center;background:#dcecff;border-right:1px solid #31547a;place-items:center;min-height:62px;padding:6px;font-size:11px;font-weight:700;display:grid;position:relative}.place-value-preview span:last-child{border-right:0}.place-value-preview span.decimal-boundary:after{content:"";z-index:1;background:#24466f;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.resource-primary{color:#fff;cursor:pointer;background:#2f6fed;border:0;border-radius:10px;min-height:42px;padding:0 16px;font-weight:700}.fraction-inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.resource-segmented{background:#eef3f9;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.resource-segmented button{cursor:pointer;background:0 0;border:0;border-radius:7px;height:36px}.resource-segmented button.active{color:#2f6fed;background:#fff;box-shadow:0 1px 4px #17325c21}.fraction-preview{background:#f8fbff;border:1px solid #d8e2ed;border-radius:12px;place-items:center;gap:9px;min-height:150px;padding:16px;display:grid;overflow-x:auto}.fraction-models{align-items:center;gap:12px;display:flex}.fraction-bar{border:2px solid #24466f;width:190px;height:70px;display:flex}.fraction-bar i{background:#fff;border-right:1px solid #24466f;flex:1}.fraction-bar i:last-child{border-right:0}.fraction-bar i.filled{background:#71b7f3}.fraction-circle{border:2px solid #24466f;border-radius:50%;width:92px;height:92px;position:relative;overflow:hidden}.fraction-circle i{transform-origin:0;background:#24466f;width:50%;height:1px;position:absolute;top:50%;left:50%}.base-ten-palette{z-index:44;border-radius:16px;width:330px;padding:13px;position:fixed;top:116px;right:78px}.base-ten-palette header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.base-ten-palette header>span{gap:2px;display:grid}.base-ten-palette header small{color:var(--muted);font-size:11px}.base-ten-palette header button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.base-ten-sources{grid-template-columns:1fr 1fr;gap:8px;display:grid}.base-ten-sources .resource-drag-source:last-child{grid-column:1/-1}.resource-drag-source{touch-action:none;-webkit-user-select:none;user-select:none}.base-ten-sources .resource-drag-source{cursor:grab;min-height:92px;color:var(--ink);background:#fff;border:1px solid #d7e0ea;border-radius:10px;place-items:center;gap:7px;padding:9px;display:grid}.base-ten-preview{background:var(--resource-colour);border:2px solid #31547a;display:grid;overflow:hidden}.base-ten-preview i{border-bottom:1px solid #31547a99;border-right:1px solid #31547a99}.base-ten-preview.unit{width:12px;height:12px}.base-ten-preview.rod{grid-template-columns:repeat(10,1fr);width:120px;height:12px}.base-ten-preview.flat{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);width:120px;height:120px}.resource-colour-field{color:var(--muted);justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.resource-colour-field input{background:#fff;border:1px solid #d2dce8;border-radius:8px;width:42px;height:34px;padding:2px}.resource-drag-ghost{z-index:100;pointer-events:none;opacity:.78;box-shadow:var(--shadow);background:#fff;border-radius:10px;place-items:center;gap:4px;padding:8px;display:grid;position:fixed;transform:translate(-50%,-50%)}.resource-drag-ghost.counter-drag-ghost{box-shadow:none;opacity:.94;background:0 0;border-radius:50%;padding:0}.counter-drag-ghost .counter-source{outline:3px solid #fffffff0;width:58px;height:58px;box-shadow:0 8px 22px #17325c57}.place-value-counter-palette{z-index:43;border-radius:14px;max-width:calc(100vw - 180px);padding:10px 12px;position:fixed}.place-value-counter-palette header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:7px;display:flex}.place-value-counter-palette header:active{cursor:grabbing}.place-value-counter-palette header>span{gap:1px;display:grid}.place-value-counter-palette header small{color:var(--muted);font-size:11px}.place-value-counter-palette>div{gap:6px;display:flex;overflow-x:auto}.place-value-counter-palette .resource-drag-source{cursor:grab;background:#fff;border:1px solid #d7e0ea;border-radius:9px;place-items:center;gap:3px;width:76px;min-width:76px;min-height:66px;display:grid}.place-value-counter-palette small{text-overflow:ellipsis;white-space:nowrap;max-width:68px;color:var(--muted);overflow:hidden}.counter-source{border:2px solid #24466f;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 2px 2px #ffffff4d}.selection-toolbar>button.selection-labelled{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;width:auto;min-width:70px;padding:0 10px;display:inline-flex}.selection-resource-count{white-space:nowrap;color:var(--muted);font-size:12px}.widget-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.widget-gallery>button{min-height:76px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #d9e1eb;border-radius:12px;grid-template-columns:32px 1fr 22px;align-items:center;gap:8px;padding:10px;display:grid}.widget-gallery>button:hover{color:var(--blue);background:var(--blue-soft);border-color:#90b0ee}.widget-gallery>button>svg:first-child{color:var(--blue)}.widget-gallery>button>span{gap:3px;min-width:0;display:grid}.widget-gallery strong{font-size:13px}.widget-gallery small{color:var(--muted);font-size:10px;line-height:1.3}.spotlight-panel{grid-template-columns:minmax(150px,.8fr) minmax(170px,1.2fr) auto;align-items:end;gap:14px;display:grid}.spotlight-panel label,.spotlight-control{color:var(--muted);gap:7px;font-size:12px;font-weight:650;display:grid}.spotlight-panel label>span,.spotlight-control>span{justify-content:space-between;gap:12px;display:flex}.spotlight-panel label strong,.spotlight-control strong{color:var(--ink)}.spotlight-panel input[type=range]{width:100%;height:40px;accent-color:var(--blue)}.spotlight-exit{height:40px;color:var(--danger);cursor:pointer;white-space:nowrap;background:#fff5f6;border:1px solid #efc4ca;border-radius:9px;align-items:center;gap:7px;padding:0 12px;display:flex}.clipboard-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.clipboard-grid button{justify-content:center}.clipboard-grid button:disabled{opacity:.4;cursor:not-allowed}.thumbnail-strip{gap:12px;padding:3px;display:flex;overflow-x:auto}.thumbnail-strip>button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;min-width:132px;padding:5px}.thumbnail-strip>button.active{background:var(--blue-soft);color:var(--blue)}.thumbnail-preview{color:#a0aaba;background:#fffdf8 50%/cover no-repeat;border:1px solid #d8dee7;border-radius:7px;place-items:center;height:72px;display:grid}.thumbnail-strip strong{white-space:nowrap;text-overflow:ellipsis;padding:5px 2px 1px;font-size:12px;display:block;overflow:hidden}.classroom-widget{z-index:31;width:280px;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #b7c6d8f0;border-radius:17px;position:fixed;overflow:hidden;box-shadow:0 17px 44px #13243b38}.widget-header{color:#fff;cursor:move;touch-action:none;background:#213a58;align-items:center;gap:8px;min-height:42px;padding:0 7px 0 11px;display:flex}.widget-header>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;font-size:12px;overflow:hidden}.widget-header>button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;display:grid}.widget-header>button:hover,.widget-header>button.active{background:#ffffff29}.widget-content{padding:13px}.widget-settings{background:#f5f8fb;border-top:1px solid #dce3ec;gap:10px;padding:12px;display:grid}.widget-settings label{color:var(--muted);gap:5px;font-size:11px;font-weight:650;display:grid}.widget-settings input[type=number],.widget-settings input[type=text],.widget-settings textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #ccd7e4;border-radius:8px;padding:7px 9px}.widget-settings input[type=number],.widget-settings input[type=text]{height:37px}.widget-settings textarea{resize:vertical;line-height:1.4}.widget-settings input[type=range]{width:100%;accent-color:var(--blue)}.widget-setting-title{color:var(--muted);font-size:11px;font-weight:700}.widget-primary-controls{justify-content:center;gap:7px;margin-top:7px;display:flex}.widget-primary-controls>button{color:#314b69;cursor:pointer;background:#edf2f7;border:0;border-radius:10px;place-items:center;width:48px;height:40px;padding:0;display:grid}.widget-primary-controls>button:hover,.widget-primary-controls>button.active{color:#fff;background:var(--blue)}.widget-time-display{color:#183454;letter-spacing:.025em;text-align:center;font-variant-numeric:tabular-nums;padding:5px 0 2px;font-size:48px;font-weight:780;line-height:1}.widget-time-display.finished{color:var(--danger);animation:.55s ease-in-out 4 alternate timerFinished}@keyframes timerFinished{to{transform:scale(1.06)}}.stopwatch-display small{font-size:25px}.widget-preset-row{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.widget-preset-row button,.dice-options button,.widget-wide-choice,.widget-test-sound{color:#38516e;cursor:pointer;background:#fff;border:1px solid #d5dfea;border-radius:8px;min-height:34px;font-size:11px}.widget-preset-row button:hover,.dice-options button:hover,.dice-options button.active,.widget-wide-choice:hover,.widget-wide-choice.active,.widget-test-sound:hover{color:var(--blue);background:var(--blue-soft);border-color:#94b1ec}.widget-toggle{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex!important}.widget-toggle>span{color:var(--ink);gap:2px;display:grid}.widget-toggle small{color:var(--muted);font-weight:400}.widget-toggle input{width:21px;height:21px;accent-color:var(--blue);flex:0 0 21px}.widget-range>span{align-items:center;gap:6px;display:flex}.widget-range strong{color:var(--ink);margin-left:auto}.widget-test-sound:disabled{opacity:.45;cursor:not-allowed}.widget-number-pair{grid-template-columns:1fr 1fr;gap:7px;display:grid}.widget-main-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;min-height:40px;font-weight:720}.widget-main-button:hover{background:var(--blue-dark)}.widget-main-button:disabled{opacity:.45;cursor:not-allowed}.dice-face{color:#17325c;cursor:pointer;background:#f8fbff;border:4px solid #203d61;border-radius:25px;place-content:center;width:132px;height:132px;margin:2px auto 10px;display:grid;box-shadow:inset 0 0 0 5px #dbe9fa,0 8px 20px #1c365621}.dice-face strong{font-size:67px;line-height:.9}.dice-face small{color:var(--muted);margin-top:8px;font-size:11px}.dice-face.rolling{animation:.26s ease-in-out diceRoll}@keyframes diceRoll{50%{transform:rotate(9deg)scale(.9)}}.dice-options{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.spinner-wrap{width:174px;height:174px;margin:0 auto 8px;position:relative}.spinner-pointer{z-index:2;border-top:25px solid #203d61;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.spinner-wheel{cursor:pointer;border:6px solid #fff;border-radius:50%;place-items:center;width:174px;height:174px;transition:transform 1.3s cubic-bezier(.12,.7,.18,1);display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 3px #203d61,0 8px 20px #1b304b2e}.spinner-wheel span{z-index:2;color:#203d61;background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:13px;font-weight:800;display:grid;position:relative;box-shadow:0 2px 8px #14253b2e}.spinner-segment-label{z-index:1;color:#fff;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #0a1b30c7;white-space:nowrap;pointer-events:none;font-size:9px;font-weight:800;line-height:1.05;position:absolute;top:50%;left:50%;overflow:hidden}.spinner-result{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-height:28px;display:block;overflow:hidden}.widget-textarea-label>span{justify-content:space-between;display:flex}.traffic-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;display:block;overflow:hidden}.traffic-light{background:#243445;border-radius:24px;gap:8px;width:106px;margin:0 auto;padding:10px;display:grid;box-shadow:inset 0 0 0 3px #172434,0 8px 18px #12203133}.traffic-light button{cursor:pointer;opacity:.22;border:4px solid #ffffff1f;border-radius:50%;width:66px;height:66px;margin:0 auto;transition:opacity .15s,filter .15s,transform .15s}.traffic-light button.red{background:#ef334d}.traffic-light button.amber{background:#ffb11b}.traffic-light button.green{background:#23b96d}.traffic-light button.active{opacity:1;filter:saturate(1.15)drop-shadow(0 0 10px);transform:scale(1.04)}.traffic-actions{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;display:grid}.traffic-actions button{cursor:pointer;background:#fff;border:1px solid #d5dfea;border-radius:8px;height:32px;font-size:10px}.traffic-actions button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.clock-face{touch-action:none;background:#fffdf8;border:6px solid #203d61;border-radius:50%;width:210px;height:210px;margin:0 auto;position:relative;box-shadow:inset 0 0 0 3px #dae4ef,0 8px 20px #1b304b29}.clock-tick{transform-origin:1px 92px;background:#66809d;width:2px;height:9px;position:absolute;top:7px;left:calc(50% - 1px)}.clock-number{font-size:16px;position:absolute}.clock-number.n0{top:12px;left:50%;transform:translate(-50%)}.clock-number.n1{top:50%;right:14px;transform:translateY(-50%)}.clock-number.n2{bottom:11px;left:50%;transform:translate(-50%)}.clock-number.n3{top:50%;left:15px;transform:translateY(-50%)}.clock-hand{z-index:2;cursor:grab;transform-origin:50% 100%;touch-action:none;background:#203d61;border:0;border-radius:999px;width:12px;padding:0;position:absolute;bottom:50%;left:50%}.clock-hand:active{cursor:grabbing}.hour-hand{height:57px}.minute-hand{background:#cf3f54;width:8px;height:79px}.clock-pin{z-index:3;pointer-events:none;background:#203d61;border:4px solid #fff;border-radius:50%;width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #111f304d}.clock-digital{color:#35516f;text-align:center;font-variant-numeric:tabular-nums;margin-top:8px;font-size:18px;display:block}.random-number-display{color:#17325c;place-items:center;min-height:96px;font-size:72px;font-weight:820;line-height:1;display:grid;overflow:hidden}.random-message{min-height:19px;color:var(--muted);text-align:center;display:block}.laser-pointer{z-index:45;pointer-events:none;background:#ff334c;border-radius:50%;width:22px;height:22px;margin:-11px;animation:.8s ease-out infinite alternate laserFade;position:fixed;box-shadow:0 0 0 8px #ff334c2e,0 0 22px 7px #ff334c80}.laser-trail-point{z-index:44;pointer-events:none;background:#ff334cbf;border-radius:50%;width:12px;height:12px;margin:-6px;animation:2.2s ease-out forwards laserTrailFade;position:fixed;box-shadow:0 0 10px 3px #ff334c59}@keyframes laserFade{to{opacity:.72;transform:scale(.78)}}@keyframes laserTrailFade{0%{opacity:.82;transform:scale(1)}to{opacity:0;transform:scale(.25)}}.palm-patch{z-index:44;pointer-events:none;background:#2f6fed33;border:2px solid #2f6fed6b;border-radius:50%;width:92px;height:92px;margin:-46px;position:fixed}.spotlight-aperture{z-index:32;pointer-events:none;border:2px solid #ffffff52;border-radius:50%;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #060c17db}.spotlight-aperture.rectangle{border-radius:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e18266b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:20px;width:min(510px,100%);max-height:min(720px,100dvh - 40px);padding:19px;overflow:auto;box-shadow:0 24px 70px #0d1a2c47}.modal-card>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-card h2{letter-spacing:-.02em;margin:0;font-size:20px}.modal-card p{color:var(--muted);line-height:1.55}.settings-list{gap:2px;display:grid}.settings-list>label,.settings-row{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.settings-list>label>span,.settings-row>span{font-weight:650;display:grid}.settings-list small{color:var(--muted);margin-top:3px;font-weight:400}.settings-list .segmented{width:170px}.settings-list input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue)}.settings-list input[type=range]{width:170px;accent-color:var(--blue)}.about-copy{text-align:center}.about-copy h3{margin:12px 0 5px}.about-copy dl{text-align:left;background:#f4f7fa;border-radius:12px;grid-template-columns:minmax(120px,1fr) minmax(210px,1.45fr);gap:0;padding:7px 14px;display:grid}.about-copy dt,.about-copy dd{border-bottom:1px solid #e1e7ef;align-items:center;min-height:37px;padding:6px 0;display:flex}.about-copy dt{font-weight:650}.about-copy dd{text-align:right;color:var(--muted);justify-content:flex-end;gap:4px;margin:0}.about-copy dt:last-of-type,.about-copy dd:last-child{border-bottom:0}.shortcut-note{margin:0 0 10px;font-size:13px}.about-copy kbd{color:#334155;text-align:center;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:5px;min-width:24px;padding:2px 6px;font:600 11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-block}.learning-arcade-link{border-radius:50%;width:150px;margin:20px auto 2px;transition:transform .16s,filter .16s;display:block}.learning-arcade-link:hover{filter:drop-shadow(0 8px 12px #1f345229);transform:translateY(-2px)}.learning-arcade-link:focus-visible{outline-offset:4px;outline:3px solid #2f6fed52}.learning-arcade-link img{width:100%;height:auto;display:block}.recent-list{gap:7px;display:grid}.recent-list>button{cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e6ee;border-radius:12px;align-items:center;gap:12px;min-height:70px;padding:8px;display:flex}.recent-list>button:hover{background:#f5f8fc;border-color:#a9c0ec}.recent-preview{color:#9ca8b8;background:#fffdf8 50%/cover no-repeat;border:1px solid #dce3eb;border-radius:7px;place-items:center;width:76px;height:48px;display:grid}.recent-list>button>span:nth-child(2){margin-right:auto;display:grid}.recent-list small{color:var(--muted);margin-top:4px}.rename-form{gap:16px;display:grid}.rename-form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.rename-form input{height:45px;color:var(--ink);border:1px solid #ccd7e5;border-radius:10px;padding:0 12px}.primary-button,.danger-button,.modal-actions>button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 15px;display:inline-flex}.primary-button{background:var(--blue);color:#fff}.primary-button:hover{background:var(--blue-dark)}.danger-button{background:var(--danger);color:#fff}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-actions>button:first-child{background:#edf1f6}.toast{z-index:120;color:#fff;box-shadow:var(--shadow);background:#19324d;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}@media (max-width:1050px){.bottom-left>button{justify-content:center;width:45px;padding:0;font-size:0}.zoom-controls{display:none}.reveal-button{justify-content:center;width:45px;padding:0;font-size:0}}@media (max-width:720px){.board-header{inset:9px 9px auto}.brand small{max-width:135px}.about-copy dl{grid-template-columns:1fr}.about-copy dt{border-bottom:0;min-height:0;padding-bottom:2px}.about-copy dd{text-align:left;justify-content:flex-start;min-height:0;padding-top:2px}.side-toolbar{border-radius:15px;flex-direction:row;width:auto;max-width:calc(100vw - 20px);top:auto;bottom:80px;overflow-x:auto;transform:none}.toolbar-left .side-toolbar,.toolbar-right .side-toolbar{left:10px;right:10px}.side-toolbar .icon-button{width:44px;min-width:44px;height:44px}.toolbar-grip,.collapse-button{display:none!important}.context-panel{max-height:46dvh;top:auto;bottom:140px;overflow:auto;transform:none;width:auto!important;left:10px!important;right:10px!important}.bottom-toolbar{bottom:8px;left:9px;right:9px}.bottom-left{display:none}.page-controls{margin-left:auto}.bottom-flyout{min-width:0;max-width:none;bottom:74px;left:10px;right:10px}.bottom-flyout.pages{width:auto;transform:none}.math-keypad{width:auto;max-height:calc(100dvh - 154px);bottom:74px;right:10px;overflow-y:auto;top:auto!important;left:10px!important;transform:none!important}.math-keypad-body,.spotlight-panel{grid-template-columns:1fr}.background-grid{grid-template-columns:repeat(3,1fr)}.widget-gallery{grid-template-columns:1fr;max-height:56dvh;overflow-y:auto}.document-menu{width:min(286px,100vw - 18px);right:-1px}.canvas-host{padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}