.sw-viewer{--sw-ink:#24344b;--sw-blue:#1769c2;--sw-line:#dce5ef;box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;height:82vh;min-height:420px;max-height:1000px;margin:12px auto;background:#edf3f8;border:1px solid var(--sw-line);border-radius:18px;overflow:hidden;color:var(--sw-ink);font:16px/1.4 "Trebuchet MS",Arial,sans-serif;text-align:left;isolation:isolate;}
.sw-viewer *{box-sizing:border-box;}
.sw-viewer [hidden]{display:none!important;}
.sw-start{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1fr);align-items:center;gap:24px 40px;overflow:auto;padding:24px 40px;touch-action:pan-y pinch-zoom;}
.sw-start-preview{min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;}
.sw-preview-sheet{width:100%;display:flex;justify-content:center;align-items:center;min-height:200px;}
.sw-preview-sheet canvas{display:block;max-width:100%;max-height:min(58vh,600px);width:auto;height:auto;background:white;box-shadow:0 6px 22px #30476626;border-radius:3px;}
.sw-preview-nav{display:flex;align-items:center;justify-content:center;gap:10px;}
.sw-preview-nav>span{min-width:104px;text-align:center;font-size:13px;font-weight:bold;color:#536a81;}
.sw-start-copy{max-width:500px;width:100%;margin:auto;}
.sw-start-heading{grid-column:1/-1;display:flex;align-items:center;gap:20px;position:relative;padding:16px 24px;background:#e0efff;border:2px solid #c7e2fa;border-radius:26px;}
.sw-start-heading h2{margin:0;color:#21568b;font:700 clamp(32px,3.2vw,46px)/1.1 "Trebuchet MS",Arial,sans-serif;}
.sw-start-heading p{margin:6px 0 0;color:#426d95;font-size:17px;}
.sw-start-emblem{display:grid;place-items:center;flex-shrink:0;width:72px;height:72px;border-radius:22px;background:#fff3c9;transform:rotate(-5deg);}
.sw-viewer .sw-start-emblem svg{width:58px;height:58px;stroke:none;}
.sw-start-spark{margin-left:auto;align-self:flex-start;color:#db9e1c;font-size:32px;}
.sw-start-copy h3{margin:0 0 10px;font:700 clamp(20px,1.7vw,25px)/1.25 "Trebuchet MS",Arial,sans-serif;color:var(--sw-ink);}
.sw-start-copy>p{margin:0 0 18px;font-size:16px;color:#536a81;}
.sw-start-choices{display:flex;flex-direction:column;gap:12px;}
.sw-viewer .sw-start-choice{display:flex;align-items:center;gap:18px;width:100%;min-height:84px;padding:12px 18px;border:2px solid transparent;border-radius:22px;box-shadow:0 4px 0 #c5d7e9;text-align:left;background:#e9f2fb;}
.sw-choice-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:17px;background:#ffffffb3;}
.sw-viewer .sw-choice-icon svg{width:32px;height:32px;}
.sw-viewer .sw-start-choice:hover:not(:disabled){border-color:currentColor;}
.sw-viewer .sw-start-choice:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #c5d7e9;}
.sw-start-choice strong,.sw-start-choice small{display:block;}
.sw-start-choice strong{font-size:18px;}
.sw-start-choice small{margin-top:3px;font-size:13px;font-weight:normal;}
.sw-viewer .sw-start-complete{background:#fff0ba;color:#77500b;box-shadow:0 4px 0 #e9ce80;}
.sw-viewer .sw-start-print{background:#dcf4e5;color:#256541;box-shadow:0 4px 0 #a9d6bc;}
.sw-viewer .sw-start-download{background:#dfedff;color:#285b8b;box-shadow:0 4px 0 #b6ceeb;}
.sw-start-copy>.sw-start-note{margin:18px 0 10px;font-size:13px;max-width:450px;}
.sw-start-open{background:white!important;}
.sw-viewer[data-sw-screen="start"] .sw-hint{display:none;}
.sw-viewer[data-sw-screen="start"] .sw-heading{display:none;}
.sw-viewer[data-sw-screen="start"] .sw-header{min-height:28px;padding:4px 12px;justify-content:flex-end;}
@media(min-width:621px) and (max-width:1000px){.sw-start{grid-template-columns:minmax(210px,1fr) minmax(260px,1fr);gap:24px;padding:24px;}.sw-start-copy h3{font-size:22px;}.sw-start-heading{padding:12px 18px;gap:16px;}.sw-start-heading h2{font-size:34px;}.sw-start-heading p{font-size:15px;}.sw-start-emblem{width:60px;height:60px;}.sw-viewer .sw-start-emblem svg{width:48px;height:48px;}.sw-choice-icon{width:44px;height:44px;border-radius:14px;}.sw-viewer .sw-start-choice{padding:12px;gap:12px;}.sw-start-choice strong{font-size:16px;}}
@media(max-width:620px){.sw-start{grid-template-columns:1fr;gap:18px;padding:18px;align-content:start;}.sw-preview-sheet{min-height:0;}.sw-preview-sheet canvas{max-height:min(26vh,260px);}.sw-start-copy h3{font-size:21px;}.sw-start-heading{padding:12px;gap:12px;border-radius:20px;}.sw-start-heading h2{font-size:30px;}.sw-start-heading p{font-size:13px;}.sw-start-emblem{width:52px;height:52px;border-radius:16px;}.sw-viewer .sw-start-emblem svg{width:44px;height:44px;}.sw-start-spark{display:none;}.sw-choice-icon{width:44px;height:44px;border-radius:14px;}.sw-viewer .sw-start-choice{min-height:64px;padding:10px 16px;border-radius:14px;}.sw-start-copy>p{font-size:14px;margin-bottom:12px;}.sw-start-choices{gap:8px;}.sw-start-copy>.sw-start-note{margin:12px 0 8px;}.sw-start-preview{gap:6px;}}
@media(max-width:420px){.sw-start{padding:12px 16px;gap:12px;}.sw-preview-sheet canvas{max-height:21vh;}.sw-start-copy h3{font-size:18px;margin:0 0 8px;}.sw-start-heading{gap:10px;padding:10px;}.sw-start-heading h2{font-size:27px;}.sw-start-emblem{width:44px;height:44px;}.sw-viewer .sw-start-emblem svg{width:38px;height:38px;}.sw-viewer .sw-start-choice{min-height:60px;gap:12px;}.sw-start-choice strong{font-size:16px;}}
.sw-viewer button,.sw-viewer select{font:inherit;line-height:1.2;color:var(--sw-ink);text-transform:none;letter-spacing:0;cursor:pointer;}
.sw-viewer button{margin:0;border:1px solid transparent;box-shadow:none;touch-action:manipulation;}
.sw-viewer button:hover:not(:disabled){filter:brightness(.97);}
.sw-viewer button:disabled{opacity:.42;cursor:default;}
.sw-viewer :focus-visible{outline:3px solid #e4a721;outline-offset:2px;}
.sw-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 16px;background:#fff;flex-shrink:0;}
.sw-heading{display:flex;align-items:center;gap:10px;min-width:0;}
.sw-heading strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(50vw,700px);}
.sw-heading span:not(.sw-badge){display:block;color:#667a90;font-size:12px;}
.sw-badge{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#e4f3ed;color:#237756;font-size:23px;border-radius:12px;}
.sw-status{color:#576d83;font-size:12px;text-align:right;max-width:320px;}
.sw-status.sw-error{color:#b12432;font-weight:bold;}
.sw-viewport{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;touch-action:pan-x pan-y pinch-zoom;}
.sw-paper{position:relative;margin:0 auto;background:#fff;box-shadow:0 7px 24px #30476626;flex-shrink:0;}
.sw-background,.sw-marks{display:block!important;position:absolute;left:0;top:0;width:100%;height:100%;max-width:none!important;}
.sw-background{pointer-events:none;}
.sw-marks{touch-action:none;cursor:crosshair;}
.sw-viewer[data-tool="hand"] .sw-marks{touch-action:pan-x pan-y pinch-zoom;cursor:grab;}
.sw-viewer[data-tool="select"] .sw-marks{cursor:default;}
.sw-viewer[data-tool="text"] .sw-marks{cursor:text;}
.sw-viewer[data-tool="erase"] .sw-marks{cursor:cell;}
.sw-editor{position:absolute;border:2px dashed var(--sw-blue);border-radius:4px;background:#ffffffdf;padding:0;margin:0;resize:none;outline:none;overflow:auto;min-height:25px;line-height:1.3;z-index:2;font-family:Arial,sans-serif;box-shadow:0 0 0 3px #c2dcff60;}
.sw-viewer textarea.sw-editor{border:0!important;outline:1.5px dashed var(--sw-blue);padding:0!important;margin:0!important;min-height:0;box-sizing:border-box;font-family:Arial,sans-serif!important;font-weight:normal!important;font-style:normal!important;line-height:1.3!important;letter-spacing:normal!important;word-spacing:normal!important;text-indent:0!important;text-transform:none!important;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;overflow:hidden!important;scrollbar-gutter:auto!important;}
.sw-opening{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:180px;height:100%;padding:20px;text-align:center;}
.sw-opening p{max-width:580px;margin:0;}
.sw-loading{width:40px;height:40px;border:4px solid #cdddee;border-top-color:var(--sw-blue);border-radius:50%;animation:sw-spin .9s linear infinite;}
@keyframes sw-spin{to{transform:rotate(360deg);}}
.sw-hint{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);max-width:80%;z-index:3;padding:7px 14px;border-radius:20px;background:#ffffffed;color:#536a81;box-shadow:0 2px 10px #30476612;text-align:center;font-size:12px;pointer-events:none;opacity:0;transition:opacity .15s;}
.sw-hint.sw-hint-visible{opacity:1;}
.sw-bottom{position:relative;background:#fff;border-top:1px solid var(--sw-line);padding:7px 12px max(7px,env(safe-area-inset-bottom));flex-shrink:0;}
.sw-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:nowrap;}
.sw-tool-group{display:flex;gap:7px;flex-wrap:nowrap;}
.sw-viewer .sw-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:64px;height:62px;padding:5px 9px;background:#f1f4fb;border:2px solid transparent;border-radius:15px;font-size:12px;font-weight:bold;white-space:nowrap;}
.sw-viewer svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;}
.sw-viewer .sw-tool[data-sw-tool="text"]{background:#fff1cf;color:#805525;}
.sw-viewer .sw-tool[data-sw-tool="pen"]{background:#fff0dc;color:#805525;}
.sw-viewer .sw-tool[data-sw-tool="erase"]{background:#ffeaf1;color:#95496b;}
.sw-viewer .sw-tool[data-sw-tool="hand"]{background:#e5f2fb;color:#32658b;}
.sw-viewer .sw-tool[data-sw-action="undo"]{background:#eeeafa;color:#7057a2;}
.sw-viewer .sw-tool[data-sw-action="more"]{background:#edf2f7;color:#486477;}
.sw-viewer .sw-tool[aria-pressed="true"],.sw-viewer .sw-tool[aria-expanded="true"]{border-color:#1769c2;box-shadow:0 0 0 2px #c9def8;}
.sw-viewer .sw-tool.sw-save{background:#267950;color:#fff;min-width:70px;margin-left:5px;}
.sw-viewer .sw-tool.sw-save:hover:not(:disabled){background:#1d6541;}
.sw-viewer .sw-tool.sw-print{background:#e9f2fb;color:#365f85;}
.sw-viewer .sw-small{min-height:44px;padding:8px 12px;border-radius:10px;background:#f1f5fa;border:1px solid #dce5ef;font-size:13px;}
.sw-viewer .sw-small svg{width:20px;height:20px;}
.sw-viewer .sw-primary{background:var(--sw-blue);color:#fff;}
.sw-navigation{display:flex;align-items:center;}
.sw-page-nav{display:flex;align-items:center;gap:2px;padding:3px;background:#edf3f8;border:1px solid var(--sw-line);border-radius:14px;}
.sw-page-nav>span{min-width:44px;text-align:center;font-weight:bold;font-size:12px;}
.sw-viewer .sw-icon-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:10px;background:#edf3f8;font-size:24px;}
.sw-page-nav .sw-icon-button{width:44px;min-width:44px;height:44px;background:transparent;}
.sw-more{position:absolute;z-index:6;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:min(540px,calc(100% - 24px));max-height:min(450px,calc(100vh - 180px));overflow:auto;padding:14px;background:#fff;border:1px solid #d1dfea;border-radius:20px;box-shadow:0 8px 32px #20395533;}
.sw-menu-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.sw-menu-heading .sw-small{background:#fff;border:0;font-size:18px;width:44px;padding:4px;}
.sw-options{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--sw-line);}
.sw-colours{display:flex;gap:9px;}
.sw-viewer .sw-colour{width:44px;height:44px;min-width:44px;background:var(--sw-colour);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d3dce7;}
.sw-viewer .sw-colour[aria-pressed="true"]{box-shadow:0 0 0 3px #526b86;}
.sw-size-options{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:12px;font-size:13px;}
.sw-size-options>div{display:flex;gap:7px;}
.sw-extra-tools{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:12px 0;}
.sw-menu-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;}
.sw-zoom{display:flex;align-items:center;justify-content:center;gap:2px;padding:3px;flex-shrink:0;background:#edf3f8;border:1px solid var(--sw-line);border-radius:14px;}
.sw-viewer .sw-zoom .sw-small{width:60px;padding:4px;font-size:11px;border-color:transparent;background:transparent;}
.sw-zoom .sw-icon-button{background:transparent;}
.sw-viewer .sw-size-options [aria-pressed="true"],.sw-viewer .sw-zoom [aria-pressed="true"]{background:#e0edff;border-color:#1769c2;color:#1769c2;box-shadow:inset 0 0 0 1px #1769c2;}
.sw-dialog-shade{position:absolute;inset:0;z-index:10;background:#24344b80;display:flex;align-items:center;justify-content:center;padding:20px;}
.sw-dialog{max-width:480px;width:100%;background:#fff;border-radius:20px;padding:26px;box-shadow:0 10px 40px #16223150;}
.sw-dialog h2{font:700 23px/1.25 "Trebuchet MS",Arial,sans-serif;color:var(--sw-ink);margin:0 0 12px;}
.sw-dialog p{font-size:16px;color:#52677d;white-space:pre-line;margin:0 0 22px;}
.sw-dialog>div{display:flex;justify-content:flex-end;gap:10px;}
.sw-dialog .sw-small{min-height:46px;font-size:16px;}
.sw-viewer:fullscreen{margin:0;border:0;border-radius:0;height:100%;width:100%;max-height:none;}
.sw-viewer:-webkit-full-screen{margin:0;border:0;border-radius:0;height:100%;width:100%;max-height:none;}
.sw-presentation{height:100vh;max-height:none;min-height:0;margin:0;border:0;border-radius:0;}
.gameBody .sw-viewer:not(.sw-presentation){margin-top:var(--sw-shell-margin,64px);height:var(--sw-shell-height,calc(100vh - 76px));min-height:0;max-height:none;}
.gameBody .sw-header{min-height:28px;padding:4px 12px;justify-content:flex-end;}
.gameBody .sw-heading{display:none;}
.gameBody.sw-worksheet-body .viewport-container{width:100%;max-width:none;}
.gameBody .sw-viewer:fullscreen{margin:0;height:100%;width:100%;max-height:none;}
.gameBody .sw-viewer:-webkit-full-screen{margin:0;height:100%;width:100%;max-height:none;}
@supports(height:100dvh){.sw-presentation{height:100dvh;}}
@media(min-width:1600px){.sw-presentation .sw-toolbar .sw-tool{height:72px;min-width:78px;font-size:14px;}.sw-presentation .sw-toolbar svg{width:30px;height:30px;}.sw-presentation .sw-hint{bottom:100px;}}
@media(max-width:760px){.sw-toolbar{gap:10px;}.sw-tool-group{gap:5px;}.sw-viewer .sw-toolbar .sw-tool{min-width:56px;padding:5px 6px;font-size:11px;}.sw-header{padding:8px 12px;}}
@media(max-width:1000px) and (min-width:621px){.sw-toolbar{gap:10px;}.sw-tool-group{gap:5px;}.sw-viewer .sw-toolbar .sw-tool{min-width:54px;padding:5px 6px;font-size:11px;}}
@media(max-width:620px){.sw-viewer{border-radius:12px;height:85vh;min-height:400px;}.sw-heading strong{font-size:15px;max-width:45vw;}.sw-heading span:not(.sw-badge){display:none;}.sw-badge{width:30px;height:30px;}.sw-status{font-size:11px;max-width:160px;}.sw-viewport{padding:12px;}.sw-bottom{padding:6px 7px max(6px,env(safe-area-inset-bottom));}.sw-tool-group{width:100%;justify-content:center;gap:3px;}.sw-viewer .sw-toolbar .sw-tool{min-width:0;width:calc((100% - 21px)/8);height:58px;padding:4px 2px;font-size:10px;flex-shrink:0;border-radius:12px;}.sw-viewer .sw-toolbar .sw-tool.sw-save{margin-left:0;}.sw-toolbar{gap:0;}.sw-navigation{position:absolute;right:10px;bottom:calc(100% + 7px);z-index:3;}.sw-page-nav{background:#fffffff2;box-shadow:0 2px 8px #30476620;}.sw-page-nav .sw-icon-button{min-width:44px;width:44px;height:44px;}.sw-hint{max-width:90%;bottom:125px;font-size:11px;}.sw-more{max-height:calc(100vh - 155px);}.sw-more .sw-tool{min-width:60px;height:60px;font-size:11px;}.sw-presentation{height:100vh;min-height:0;border-radius:0;}}
@media(max-width:359px){.sw-viewer .sw-toolbar .sw-tool{font-size:9px;}.sw-tool-group{gap:2px;}.sw-viewer .sw-toolbar .sw-tool{width:calc((100% - 14px)/8);}}
@media(max-width:780px){.sw-zoom{position:absolute;left:10px;bottom:calc(100% + 7px);z-index:3;background:#fffffff2;box-shadow:0 2px 8px #30476620;}.sw-viewer .sw-zoom .sw-small{width:52px;}.sw-hint{bottom:125px;}}
@media(max-width:359px){.sw-zoom{left:4px;}.sw-navigation{right:4px;}.sw-viewer .sw-zoom .sw-small{width:44px;font-size:10px;}.sw-page-nav>span{min-width:28px;}}
@media(max-height:600px) and (min-width:621px){.sw-header{padding:5px 12px;}.sw-heading span:not(.sw-badge){display:none;}.sw-badge{width:28px;height:28px;}.sw-bottom{padding-top:4px;padding-bottom:4px;}.sw-viewer .sw-toolbar .sw-tool{height:54px;}.sw-viewer{min-height:300px;}.sw-presentation{min-height:0;}.sw-more{max-height:calc(100vh - 125px);}}
@media(prefers-reduced-motion:reduce){.sw-loading{animation:none;}.sw-hint{transition:none;}}

@media(min-width:621px) and (max-width:900px){.sw-navigation{position:absolute;right:10px;bottom:calc(100% + 7px);z-index:3;}.sw-page-nav{background:#fffffff2;box-shadow:0 2px 8px #30476620;}}