:root{--wb-navy:#160e53;--wb-blue:#261c6a;--wb-purple:#4e22d0;--wb-orange:#ff7800;--wb-ink:#19172b;--wb-muted:#67647a;--wb-line:#e6e3ee;--wb-canvas:#f6f6f9;--wb-panel:#fff;--wb-shadow:0 16px 50px rgba(22,14,83,.13)}
@font-face{font-family:Lexend;src:url('../fonts/whiteboard/Lexend-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Patrick Hand';src:url('../fonts/whiteboard/PatrickHand-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Comic Neue';src:url('../fonts/whiteboard/ComicNeue-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Cabin Sketch';src:url('../fonts/whiteboard/CabinSketch-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
body.sync-whiteboard-app{overflow:hidden;background:var(--wb-canvas);overscroll-behavior:none}
.sync-whiteboard-app .site-header,.sync-whiteboard-app .sync-header-v18,.sync-whiteboard-app .site-footer,.sync-whiteboard-app .mobile-dock,.sync-whiteboard-app .sync-mobile-dock,.sync-whiteboard-app .scroll-top,.sync-whiteboard-app .scroll-to-top,.sync-whiteboard-app .whiteboard-privacy{display:none!important}
.sync-whiteboard-app #wpadminbar{display:none}.sync-whiteboard-app.admin-bar{margin-top:0!important}.sync-whiteboard-app .whiteboard-page{padding:0!important;min-height:100dvh;max-width:none!important}
.syncboard{position:relative;display:grid;grid-template-rows:60px minmax(0,1fr);height:100dvh;min-height:560px;overflow:hidden;background:var(--wb-canvas);color:var(--wb-ink);font-family:'Neue Montreal',Inter,Arial,sans-serif}
.syncboard button,.syncboard input,.syncboard select{font:inherit}.syncboard button{cursor:pointer}.syncboard button:focus-visible,.syncboard a:focus-visible,.syncboard input:focus-visible,.syncboard select:focus-visible{outline:3px solid rgba(255,120,0,.82);outline-offset:3px}.syncboard button:disabled{cursor:not-allowed;opacity:.3}
.syncboard-topbar{position:relative;z-index:50;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;min-width:0;padding:8px 12px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--wb-line);backdrop-filter:blur(18px);box-shadow:0 2px 18px rgba(22,14,83,.04)}
.syncboard-brand{display:flex;align-items:center;gap:10px;padding-right:14px;border-right:1px solid var(--wb-line)}.syncboard-brand>a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--wb-line);border-radius:12px;color:var(--wb-navy);text-decoration:none;background:#fff}.syncboard-brand>a:hover{background:#f3f0ff;border-color:#cdc5ec}.syncboard-brand>div{display:grid;min-width:0}.syncboard-brand strong{font-size:12px;letter-spacing:.08em;color:var(--wb-navy);white-space:nowrap}.syncboard-brand strong span{font-weight:400;color:var(--wb-muted)}.syncboard-brand input{width:min(190px,18vw);min-width:90px;border:0;background:transparent;color:var(--wb-muted);font-size:12px;padding:2px 0}
.syncboard-file-actions,.syncboard-main-actions{display:flex;align-items:center;gap:4px}.syncboard-topbar button{min-width:38px;min-height:38px;padding:7px 10px;border:0;border-radius:10px;background:transparent;color:var(--wb-navy);font-size:13px}.syncboard-topbar button:hover{background:#f3f0ff}.syncboard-topbar .is-primary{background:var(--wb-orange);color:#241400;font-weight:600}.syncboard-topbar .is-primary:hover{background:#ed6f00}
.syncboard-status{justify-self:end;display:flex;align-items:center;gap:7px;min-width:120px;color:var(--wb-muted);font-size:12px}.syncboard-status i{width:7px;height:7px;border-radius:50%;background:#16a36a;box-shadow:0 0 0 3px rgba(22,163,106,.12)}.syncboard[data-save-state="saving"] .syncboard-status i{background:var(--wb-orange);animation:wbPulse .8s ease infinite}.syncboard-status small{color:#9a97a8}@keyframes wbPulse{50%{opacity:.35}}
.syncboard-shell{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);min-height:0;height:100%}.syncboard-app-rail{position:relative;z-index:35;display:flex;flex-direction:column;align-items:center;gap:3px;overflow-y:auto;padding:7px 6px;border-right:1px solid var(--wb-line);background:rgba(255,255,255,.95);scrollbar-width:none}.syncboard-app-rail::-webkit-scrollbar{display:none}.syncboard-app-rail button{position:relative;display:grid;place-items:center;gap:2px;width:54px;min-height:48px;padding:5px 2px;border:0;border-radius:12px;background:transparent;color:#625f76}.syncboard-app-rail button span{font-size:18px;line-height:1}.syncboard-app-rail button small{font-size:9px}.syncboard-app-rail button:hover{background:#f5f2ff;color:var(--wb-navy)}.syncboard-app-rail button.is-active{background:#fff1e4;color:var(--wb-navy);box-shadow:inset 3px 0 var(--wb-orange)}.toolbar-divider{display:block;width:28px;height:1px;min-height:1px;margin:3px 0;background:var(--wb-line)}
.syncboard-workspace{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;background-color:var(--wb-canvas);background-image:radial-gradient(circle at 1px 1px,rgba(22,14,83,.13) 1px,transparent 0);background-size:22px 22px}.syncboard-workspace[data-pattern="none"]{background-image:none}.syncboard-workspace[data-pattern="grid"]{background-image:linear-gradient(rgba(22,14,83,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(22,14,83,.09) 1px,transparent 1px);background-size:28px 28px}.syncboard-workspace[data-pattern="dots"]{background-image:radial-gradient(rgba(22,14,83,.2) 1px,transparent 1px);background-size:22px 22px}.syncboard-workspace[data-pattern="ruled"]{background-image:linear-gradient(rgba(22,14,83,.1) 1px,transparent 1px);background-size:100% 34px}.canvas-container{position:relative!important;z-index:1}.syncboard-workspace canvas{touch-action:none}
.syncboard-empty{position:absolute;z-index:4;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;justify-items:center;width:min(470px,calc(100% - 40px));padding:28px;text-align:center;pointer-events:none;color:var(--wb-muted)}.syncboard-empty[hidden]{display:none}.syncboard-empty strong{font-size:clamp(25px,3vw,38px);font-weight:500;color:var(--wb-navy);letter-spacing:-.02em}.syncboard-empty span{margin-top:8px;font-size:15px;line-height:1.5}.syncboard-empty div{display:flex;gap:8px;margin-top:18px;pointer-events:auto}.syncboard-empty button{min-height:40px;padding:8px 13px;border:1px solid var(--wb-line);border-radius:999px;background:#fff;color:var(--wb-navy)}.syncboard-empty button:first-child{background:var(--wb-navy);color:#fff;border-color:var(--wb-navy)}
.syncboard-zoom{position:absolute;right:14px;bottom:14px;z-index:18;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid var(--wb-line);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 8px 30px rgba(22,14,83,.09);backdrop-filter:blur(12px)}.syncboard-zoom button{min-width:34px;min-height:34px;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:var(--wb-navy)}.syncboard-zoom button:hover{background:#f3f0ff}.syncboard-zoom output{min-width:46px;text-align:center;color:var(--wb-muted);font-size:11px}.syncboard-frame-nav{position:absolute;left:50%;bottom:14px;z-index:18;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--wb-line);border-radius:13px;background:#fff;box-shadow:0 8px 30px rgba(22,14,83,.09)}.syncboard-frame-nav[hidden]{display:none}.syncboard-frame-nav button{width:34px;height:34px;border:0;border-radius:8px;background:#f4f2f8;color:var(--wb-navy)}.syncboard-frame-nav span{min-width:88px;text-align:center;font-size:11px;color:var(--wb-muted)}
.syncboard-context{position:absolute;z-index:39;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;max-width:calc(100% - 180px);padding:6px;border:1px solid var(--wb-line);border-radius:15px;background:rgba(255,255,255,.98);box-shadow:var(--wb-shadow);backdrop-filter:blur(16px)}.syncboard-context[hidden]{display:none}.syncboard-context select,.syncboard-context input[type=number],.syncboard-context>button{height:34px;min-height:34px;border:1px solid var(--wb-line);border-radius:9px;background:#f7f6fa;color:var(--wb-navy);font-size:11px}.syncboard-context select{width:94px;padding:0 7px}.syncboard-context input[type=number]{width:55px;padding:0 7px}.syncboard-context>button{padding:0 9px}.syncboard-context>button:hover{background:#efebff}.syncboard-palette{display:flex;align-items:center;gap:4px;padding:0 3px}.syncboard-palette button,.syncboard-palette label{display:grid;place-items:center;width:26px;height:26px;min-height:26px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--color);box-shadow:0 0 0 1px var(--wb-line);cursor:pointer}.syncboard-palette label{position:relative;background:#fff;color:var(--wb-navy)}.syncboard-palette label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.syncboard-properties{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.syncboard-panel{position:absolute;z-index:45;left:80px;top:74px;width:min(360px,calc(100vw - 100px));max-height:calc(100dvh - 90px);overflow:auto;padding:22px;border:1px solid var(--wb-line);border-radius:20px;background:rgba(255,255,255,.985);color:var(--wb-ink);box-shadow:var(--wb-shadow);backdrop-filter:blur(20px)}.syncboard-panel[hidden]{display:none!important}.syncboard-panel h2{margin:0 0 17px;color:var(--wb-navy);font-size:23px;font-weight:500}.syncboard-panel h3{margin:18px 0 8px;color:var(--wb-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.syncboard-panel p,.syncboard-panel small,.teacher-note{color:var(--wb-muted);line-height:1.5}.panel-kicker{margin:0 0 6px!important;color:var(--wb-orange)!important;font-size:10px;letter-spacing:.18em}.panel-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:#f3f0fa;color:var(--wb-navy);font-size:20px}.panel-close:hover{background:#eae4ff}
.library-grid,.shape-grid,.background-grid,.more-actions,.teacher-resource-grid,.teacher-theme-grid,.teaching-visual-grid,.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-grid button,.shape-grid button,.background-grid button,.more-actions button,.text-preset-list button,.visual-library-card,.teacher-resource-grid button,.teacher-theme-grid button,.teaching-visual-grid button,.activity-grid button,.teacher-dynamic button{min-height:44px;padding:10px;border:1px solid var(--wb-line);border-radius:11px;background:#fff;color:var(--wb-navy);text-align:left}.library-grid button:hover,.shape-grid button:hover,.more-actions button:hover,.text-preset-list button:hover,.visual-library-card:hover{border-color:#bdb0ea;background:#f8f6ff}.more-actions .is-danger,.syncboard-confirm .is-danger{color:#a42332;background:#fff4f5;border-color:#f0c6cb}.text-preset-list,.teacher-dynamic{display:grid;gap:8px}.text-preset-list button strong,.text-preset-list button small,.teacher-dynamic button strong,.teacher-dynamic button small{display:block}.text-preset-list button small,.teacher-dynamic button small{margin-top:3px;color:var(--wb-muted)}
.syncboard-panel label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--wb-muted);font-size:12px}.syncboard-panel input:not([type=color]):not([type=range]),.syncboard-panel select,.syncboard-panel textarea,.library-search{min-height:42px;border:1px solid var(--wb-line);border-radius:10px;background:#f7f6fa;color:var(--wb-ink);padding:8px 10px}.syncboard-panel input[type=range]{accent-color:var(--wb-purple)}.library-search{width:100%;margin-bottom:10px}.library-tabs,.teacher-tabs,.teacher-filter-row,.teacher-age-filter{display:flex;gap:5px;overflow:auto;padding-bottom:8px}.library-tabs button,.teacher-tabs button,.teacher-filter-row button,.teacher-age-filter button{min-height:34px;padding:6px 9px;border:0;border-radius:999px;background:#f3f0fa;color:var(--wb-muted);white-space:nowrap;font-size:11px}.library-tabs .is-active,.teacher-tabs .is-active,.teacher-filter-row .is-active,.teacher-age-filter .is-active{background:var(--wb-navy);color:#fff}.library-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visual-library-card i{display:grid;place-items:center;width:100%;aspect-ratio:1.4;margin-bottom:7px;border-radius:8px;background:#f3f0fa;color:var(--wb-navy);font-style:normal}.visual-library-card svg{width:50px;height:50px}.visual-library-card span{font-size:11px}
.media-drop{display:grid;place-items:center;width:100%;min-height:145px;border:1px dashed #b9a8ef!important;border-radius:16px;background:#faf8ff!important;color:var(--wb-navy)!important}.media-drop b{font-size:30px;color:var(--wb-purple)}.media-drop small{color:var(--wb-muted)}.panel-action{width:100%;min-height:42px;margin-top:10px;border:0;border-radius:10px;background:var(--wb-navy);color:#fff}.syncboard-teacher-panel details,.literacy-browser article{margin-top:8px;padding:10px;border:1px solid var(--wb-line);border-radius:11px;background:#faf9fc}.syncboard-teacher-panel summary{cursor:pointer;color:var(--wb-navy);font-weight:600}.class-builder-fields{display:grid;gap:7px}.class-builder-fields label{display:grid;grid-template-columns:70px 1fr}.class-header-preview{margin:10px 0;padding:16px;border:1px solid var(--wb-line);border-radius:12px;background:#fff}.class-header-preview small,.class-header-preview strong,.class-header-preview span{display:block}.activity-grid button small{display:block;margin-top:4px}.timer-display{padding:18px;border-radius:13px;background:var(--wb-navy);color:#fff;text-align:center;font-size:38px}.timer-presets,.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.timer-presets button,.calc-grid button{min-height:38px;border:1px solid var(--wb-line);border-radius:9px;background:#fff;color:var(--wb-navy)}.syncboard-calculator output{display:block;padding:14px;border-radius:12px;background:var(--wb-navy);color:#fff;text-align:right;font-size:26px}.syncboard-help dl{display:grid;grid-template-columns:1.2fr 1fr;gap:9px;margin:0;font-size:12px}.syncboard-help dt{color:var(--wb-ink);font-weight:500}.syncboard-help dd{margin:0;color:var(--wb-muted);text-align:right}
.syncboard-confirm{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(22,14,83,.3);backdrop-filter:blur(8px)}.syncboard-confirm[hidden]{display:none}.syncboard-confirm>div{width:min(420px,100%);padding:26px;border:1px solid var(--wb-line);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(22,14,83,.25)}.syncboard-confirm h2{margin:0;color:var(--wb-navy);font-size:26px}.syncboard-confirm p:not(.panel-kicker){color:var(--wb-muted);line-height:1.55}.syncboard-confirm footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.syncboard-confirm button{min-height:42px;padding:8px 14px;border:1px solid var(--wb-line);border-radius:10px;background:#fff;color:var(--wb-navy)}.syncboard-toast{position:absolute;z-index:90;left:50%;top:74px;transform:translateX(-50%);padding:9px 13px;border-radius:999px;background:var(--wb-navy);color:#fff;box-shadow:0 10px 30px rgba(22,14,83,.2);font-size:12px}.syncboard-toast[hidden]{display:none}
.syncboard-laser{position:absolute;z-index:20;left:-10px;top:-10px;width:18px;height:18px;border-radius:50%;background:#ff466b;box-shadow:0 0 0 6px rgba(255,70,107,.15),0 0 18px #ff466b;pointer-events:none;opacity:0}.syncboard-laser.is-visible{opacity:1}.syncboard-spotlight{display:none;position:absolute;z-index:18;inset:0;pointer-events:none;background:radial-gradient(circle 110px at var(--x,50%) var(--y,50%),transparent 0,transparent 72%,rgba(0,0,0,.76) 100%)}.syncboard-workspace.is-spotlight .syncboard-spotlight{display:block}.syncboard-present-controls{display:none}.syncboard.is-presenting .syncboard-present-controls{display:flex;position:fixed;z-index:80;left:50%;bottom:16px;transform:translateX(-50%);gap:4px;padding:5px;border:1px solid var(--wb-line);border-radius:14px;background:#fff;box-shadow:var(--wb-shadow)}.syncboard-present-controls button{min-height:38px;border:0;border-radius:8px;background:#f3f0fa;color:var(--wb-navy)}.syncboard.is-presenting .syncboard-topbar,.syncboard.is-presenting .syncboard-app-rail,.syncboard.is-presenting .syncboard-context{display:none}.syncboard.is-presenting .syncboard-shell{grid-template-columns:1fr}
@media(max-width:1024px){.syncboard-topbar{grid-template-columns:auto auto 1fr}.syncboard-file-actions button[data-board-action=save]{display:none}.syncboard-status{min-width:0}.syncboard-status small{display:none}.syncboard-main-actions .is-primary{display:none}.syncboard-app-rail{padding-top:6px}.syncboard-panel{left:76px}.syncboard-context{max-width:calc(100% - 120px)}}
@media(max-width:600px){.syncboard{grid-template-rows:56px minmax(0,1fr);min-height:480px}.syncboard-topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:4px;padding:6px 8px}.syncboard-brand{min-width:0;padding:0;border:0}.syncboard-brand>a{width:38px;height:38px}.syncboard-brand strong{font-size:10px}.syncboard-brand strong span{display:none}.syncboard-brand input{width:105px}.syncboard-file-actions{display:none}.syncboard-status span{font-size:10px}.syncboard-main-actions button{min-width:36px;padding:6px 8px}.syncboard-main-actions button[data-panel-toggle=export]{font-size:0}.syncboard-main-actions button[data-panel-toggle=export]:after{content:'⇩';font-size:18px}.syncboard-shell{display:block}.syncboard-app-rail{position:absolute;z-index:35;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:58px;display:flex;flex-direction:row;justify-content:flex-start;gap:2px;overflow-x:auto;padding:5px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 44px rgba(22,14,83,.18);backdrop-filter:blur(18px)}.syncboard-app-rail button{flex:0 0 48px;width:48px;min-height:46px}.syncboard-app-rail button small{display:none}.syncboard-app-rail button.is-active{box-shadow:inset 0 -3px var(--wb-orange)}.toolbar-divider{flex:0 0 1px;width:1px;height:28px;min-height:28px;margin:9px 2px}.syncboard-workspace{position:absolute;inset:0}.syncboard-empty{top:42%;padding:18px}.syncboard-empty strong{font-size:27px}.syncboard-empty span{font-size:13px}.syncboard-empty div{flex-direction:column;width:180px}.syncboard-empty button{width:100%}.syncboard-zoom{right:9px;bottom:78px}.syncboard-zoom button[data-view=fit],.syncboard-zoom button[data-view=reset]{display:none}.syncboard-context{left:8px;right:8px;bottom:78px;transform:none;max-width:none;overflow-x:auto;justify-content:flex-start}.syncboard-context select{min-width:88px}.syncboard-context>button{white-space:nowrap}.syncboard-palette{min-width:max-content}.syncboard-panel{left:8px;right:8px;top:66px;bottom:76px;width:auto;max-height:none;border-radius:18px;padding:20px}.syncboard-toast{top:64px;max-width:calc(100% - 24px);white-space:nowrap}.syncboard-confirm>div{padding:22px}.syncboard-frame-nav{bottom:78px}.teacher-resource-grid,.teaching-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.syncboard *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}