/**
 * White canvas writing tool
 * 
 * Extracted from index.html (inline <style> that began at line 55122).
 * Stylesheet order matters (cascade); index.html links the files in numeric order.
 * See assets/README.md.
 */
#wcOverlay{position:fixed;inset:0;z-index:1300;overflow-y:auto;background:linear-gradient(180deg,#eaf3ff,#dbe9fb);font-family:'DM Sans',system-ui,sans-serif;color:#12305c;animation:tmFade .25s ease}
html.acaz-dark #wcOverlay{background:linear-gradient(180deg,#0f172a,#111c33);color:#e6efff}
.wc-wrap{max-width:680px;margin:0 auto;padding:0 14px calc(104px + env(safe-area-inset-bottom,0px))}
.wc-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) 0 12px;background:inherit}
.wc-bar b{font-size:1.02rem;font-weight:600}.wc-bar span{font-size:.74rem;color:#5f7fa6}
.wc-x{width:36px;height:36px;border:0;border-radius:50%;background:rgba(47,111,214,.12);color:#2f6fd6;display:grid;place-items:center;cursor:pointer;transition:transform .35s cubic-bezier(.2,.9,.3,1.4)}
.wc-x:hover{transform:rotate(90deg) scale(1.08)}.wc-x svg{width:16px;height:16px}
.wc-panel{background:rgba(255,255,255,.7);border:1px solid rgba(47,111,214,.16);border-radius:22px;padding:14px;display:grid;gap:12px;box-shadow:0 14px 30px -18px rgba(26,115,232,.4)}
html.acaz-dark .wc-panel{background:rgba(30,41,59,.7)}
.wc-grp{display:flex;flex-wrap:wrap;gap:6px}
.wc-chip{border:1px solid rgba(47,111,214,.2);background:#f4f9ff;color:#12305c;border-radius:999px;padding:8px 13px;font:600 .8rem 'DM Sans',sans-serif;cursor:pointer;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),background .2s}
.wc-chip:hover{transform:translateY(-2px)}.wc-chip.on{background:linear-gradient(135deg,#5aa5ff,#2f6fd6);color:#fff;border-color:#2f6fd6}
html.acaz-dark .wc-chip{background:#1f2f52;color:#e6efff}
.wc-lab{font-size:.72rem;color:#5f7fa6;margin:0 0 5px 2px}
#wcBrief{width:100%;min-height:76px;resize:vertical;border:1px solid rgba(47,111,214,.22);border-radius:16px;padding:12px;font:inherit;font-size:16px;background:#fff;color:#12305c;outline:none}
#wcBrief:focus{border-color:#2f6fd6;box-shadow:0 0 0 3px rgba(79,155,255,.25)}
.wc-go{border:0;border-radius:16px;padding:13px;font:700 .92rem 'DM Sans',sans-serif;color:#fff;background:linear-gradient(135deg,#5aa5ff,#2f6fd6);cursor:pointer;box-shadow:0 10px 20px -8px rgba(47,111,214,.6)}
.wc-go:disabled{opacity:.6}
.wc-link{justify-self:center;border:0;background:none;color:#2f6fd6;font:700 .8rem 'DM Sans',sans-serif;padding:6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.wc-link[hidden]{display:none}html.acaz-dark .wc-link{color:#9cc8ff}
.wc-hint{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:1200;background:#12305c;color:#fff;padding:10px 16px;border-radius:14px;font:600 .82rem/1.3 'DM Sans',sans-serif;box-shadow:0 10px 24px -10px rgba(18,48,92,.6)}.wc-hint[hidden]{display:none}
#wcMsg{font-size:.8rem;color:#b3372f;min-height:0}
.wc-sheet{margin:18px auto 0;width:100%;max-width:595px}
.wc-page{position:relative;background:#fff;color:#1a2433;border:1px solid #dbe6f5;border-radius:6px;box-shadow:0 24px 50px -22px rgba(26,115,232,.5),0 2px 6px rgba(26,115,232,.1);padding:34px 32px 40px;min-height:640px;font:400 .93rem/1.6 'DM Sans',Georgia,serif;animation:tmTileIn .45s cubic-bezier(.2,.9,.3,1.2)}
.wc-guide{position:absolute;inset:14px;border:1px dashed rgba(47,111,214,.3);border-radius:3px;pointer-events:none}
.wc-page [contenteditable]{outline:none;border-radius:4px;transition:background .2s}.wc-page [contenteditable]:focus{background:rgba(47,111,214,.07)}
.wc-page>div{margin-bottom:14px}.wc-body p{margin:0 0 10px}.wc-body{text-align:left}
.b-ICSE .wc-date{text-align:right}.b-ICSE .wc-body p{text-indent:2em}.b-JKBOSE .wc-from{text-align:right}
.wc-stamp{position:absolute;min-width:104px;padding:8px 10px;border:1.5px dashed #2f6fd6;border-radius:10px;background:rgba(47,111,214,.06);color:#2f6fd6;font-size:.72rem;font-weight:600;text-align:center;cursor:grab;touch-action:none;user-select:none}
.wc-meter{margin:12px auto 0;max-width:595px;display:grid;gap:8px}
.wc-bar2{height:8px;border-radius:8px;background:rgba(47,111,214,.14);overflow:hidden}.wc-bar2 i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5aa5ff,#2f6fd6);transition:width .3s}.wc-bar2.over i{background:#e8a33d}
.wc-count{font-size:.78rem;display:flex;justify-content:space-between;color:#5f7fa6}
.wc-b{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;background:rgba(47,111,214,.12);color:#2f6fd6;margin:0 4px 4px 0}.wc-b.no{background:#fff1d6;color:#9a5b00}
.wc-act{position:fixed;left:0;right:0;bottom:0;z-index:4;display:flex;gap:8px;justify-content:center;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(234,243,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(47,111,214,.15)}
.wc-act[hidden]{display:none}
html.acaz-dark .wc-act{background:rgba(15,23,42,.92)}
.wc-a{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;min-width:48px;border:1px solid rgba(47,111,214,.25);border-radius:14px;padding:0 16px;font:700 .86rem/1 'DM Sans',sans-serif;background:#fff;color:#2f6fd6;cursor:pointer;white-space:nowrap;transition:transform .2s,background .2s}
.wc-a svg{width:20px;height:20px;flex:none}
.wc-a:not(.wc-wa) svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wc-a:hover{transform:translateY(-2px)}.wc-a:active{transform:scale(.97)}
.wc-a:focus-visible{outline:3px solid rgba(79,155,255,.55);outline-offset:2px}
html.acaz-dark .wc-a:not(.wc-wa){background:#1f2f52;color:#e6efff;border-color:rgba(255,255,255,.14)}
.wc-a.ok{background:#e7f6ee;color:#0f6b3e;border-color:#9fd8b8}
.wc-wa{flex:1 1 auto;max-width:280px;border:0;color:#fff;background:#0f8272;box-shadow:0 8px 18px -8px rgba(15,130,114,.7)}
.wc-wa:hover{background:#0c7264}.wc-wa svg{fill:#fff}
.wc-toast{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);max-width:calc(100vw - 28px);background:#12305c;color:#fff;padding:10px 14px;border-radius:12px;font:600 .8rem/1.3 'DM Sans',sans-serif;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}.wc-toast.on{opacity:1}
@media(max-width:420px){.wc-a:not(.wc-wa){padding:0}.wc-a:not(.wc-wa) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@page{size:A4;margin:14mm}
@media print{body>*:not(#wcOverlay){display:none!important}#wcOverlay{position:static;background:#fff}.wc-bar,.wc-panel,.wc-meter,.wc-act,.wc-toast,.wc-guide,#wcMsg,.wc-tools{display:none!important}.wc-wrap{padding:0;max-width:none}.wc-sheet{margin:0;max-width:none}.wc-page{border:0;box-shadow:none;padding:0;animation:none}.wc-stamp{border-color:#999;background:none;color:#555}}
[data-tool="write"]{--ic1:#e6e9ff;--ic2:#ccd3fb;--ink:#4450c9;--icg:rgba(68,80,201,.38)}.tm-row:nth-child(5){--i:4}html.acaz-dark [data-tool="write"]{--ic1:#2d3a86;--ic2:#232e70;--ink:#c3cbff}
