/* Owner-approved editorial theme. Existing icons, drawing coordinates and actions stay intact. */
:root{--paper:#fffdfa;--ink:#173d46;--ink-soft:#667d81;--pine:#214944;--coral:#f36857}
body{background:#f7f4ee}
.board{background:#fff;box-shadow:0 2px 18px #193a3a09,inset 0 0 0 1px #e7e8e3;border-radius:22px}
.board-tray{background:#e8e7e1;height:6px;bottom:-2px;opacity:.5}
.brand{background:#fffdfa;border:0;box-shadow:none}
.brand .txt{font-family:Figtree,system-ui,sans-serif;font-weight:800;letter-spacing:-.4px}
.topbtn{box-shadow:none;border:1px solid #e9e8e2;background:#fffdfa}
.session-bar button{box-shadow:none}
.dock{background:#fffdfa;border:1px solid #ede9e1;box-shadow:0 6px 22px #173d460b;border-radius:20px}
.dock-btn.active{background:#fff0e7}
.bg-pic-dropdown{border:1px solid #ede9e1;background:#fffdfa;box-shadow:0 12px 32px #173d4614}
.win{background:#fffdfa!important;border:1px solid #e8e6e1;border-radius:20px;box-shadow:0 12px 36px #173d4618}
.win .win-head{color:#173d46!important;background:#f4f6f2!important;border-bottom:1px solid #e9ede6}
.win.acc-coral .win-head{background:#fff0e9!important}.win.acc-violet .win-head{background:#f1ecfc!important}.win.acc-sky .win-head{background:#eaf5f7!important}.win.acc-sun .win-head{background:#fff6df!important}
.win .win-close{background:#fff;color:#45636a;width:32px;height:32px}
.win .win-max{background:#fff;color:#45636a;width:32px;height:32px;font-size:16px}
.win-body{scrollbar-width:thin;scrollbar-color:#d9dfda transparent}
#trLibraryShelf,#trVideosShelf{position:fixed!important;top:auto!important;bottom:106px!important;left:28px!important;right:auto!important;width:calc(50% - 38px)!important;height:94px!important;min-height:0!important;max-height:none!important;padding:0!important;border:1px solid #f1e5da!important;border-radius:18px!important;background:#fff0e7!important;box-shadow:none!important;overflow:hidden;display:flex!important;justify-content:center!important}
#trVideosShelf{left:auto!important;right:28px!important;background:#f1ecfc!important;border-color:#e9e3f5!important}
#trLibraryShelf .tr-discovery-head,#trVideosShelf .tr-discovery-head{width:100%;height:100%;justify-content:center;gap:12px;cursor:pointer;font-size:19px!important;padding:12px}
#trLibraryShelf .tr-library-actions,#trLibraryShelf .tr-discovery-items,#trVideosShelf .tr-discovery-items,#trLibraryShelf .tr-discovery-head button,#trVideosShelf .tr-discovery-head button{display:none!important}
.tr-discovery-head:focus-visible{outline:3px solid #f36857;outline-offset:-4px;border-radius:17px}
/* Library gets the available content area; returning closes its existing widget. */
body .win.trl-win,body #win-library.trl-win{left:20px!important;right:20px!important;top:88px!important;bottom:108px!important;width:auto!important;max-height:none!important;border-radius:22px}
.trl-win .win-head{background:#fffdfa!important;padding:10px 22px!important}
.trl-win .win-body{padding:22px 36px!important;background:#fffdfa}
.trl-root{--trl-ink:#173d46!important;--trl-soft:#6c7f84!important;--trl-b:#f36857!important;max-width:1160px;margin:auto}
.trl-root .trl-hero{background:none;box-shadow:none;color:#173d46;padding:6px 0 12px;overflow:visible;border-radius:0}
.trl-hero:after{display:none}
.trl-root .trl-h{font:800 clamp(25px,3.2vw,44px)/1.12 Figtree,system-ui,sans-serif;text-shadow:none;letter-spacing:-1.2px}
.trl-root .trl-sub{color:#667d81;font-weight:500;margin-top:10px}
.trl-root .trl-cta{border:1px solid #f36857;color:#d34c3f;background:#fffdfa;box-shadow:none;border-radius:12px}
.trl-root .trl-search{background:#fff;border:1px solid #dedfda;border-radius:14px;backdrop-filter:none;padding:6px 15px;margin-top:8px}
.trl-root .trl-search input{color:#173d46;font-weight:500}.trl-root .trl-search input::placeholder{color:#859296}
.trl-root .trl-chips{margin:8px 0 22px}.trl-root .trl-chip{box-shadow:none;background:#f5f3fa;border-color:transparent;font-weight:600}
.trl-root .trl-chip[aria-selected=true]{background:#214944;color:#fff}
.trl-featured{display:grid;grid-template-columns:1fr minmax(170px,35%);gap:30px;align-items:center;padding:28px 34px;background:#fff0e7;border-radius:20px;margin-bottom:28px}
.trl-featured[hidden]{display:none}.trl-eyebrow{font-size:11px;letter-spacing:1.5px;color:#687b7c;font-weight:700}
.trl-feature-words h3{font:800 clamp(22px,3vw,34px)/1.14 Figtree,sans-serif;margin:12px 0;letter-spacing:-.6px}
.trl-feature-words p{font-size:16px;line-height:1.6;max-width:390px}
.trl-feature-read{border:0;border-radius:999px;background:#f36857;color:white;font:700 15px Figtree,sans-serif;padding:13px 20px;cursor:pointer}
.trl-feature-art{border:0;background:none;padding:0;cursor:pointer}.trl-feature-art .trl-cover{box-shadow:0 10px 24px #663a2015;background:#fff8f2}
.trl-shelf-heading{font:800 23px Figtree,sans-serif;letter-spacing:-.5px;margin:16px 0}
.trl-root .trl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.trl-root .trl-card{padding:0;background:transparent;box-shadow:none;border-radius:12px}
.trl-root .trl-card:hover{transform:translateY(-3px);box-shadow:none}
.trl-root .trl-cover{background:#f3f1ed;border-radius:12px}.trl-root .trl-cover img{object-fit:contain}
.trl-root .trl-card:hover .trl-cover img{transform:none}
.trl-root .trl-title{font-weight:700;margin:11px 0 0}.trl-root .trl-meta{margin:5px 0;color:#758388}
.trl-root .trl-badge{background:#e9f3ed;color:#285a47;box-shadow:none;font-size:10px;top:8px;left:8px}
.trl-root .trl-pill{top:auto;bottom:8px;right:8px}
.trl-root .trl-access{border-top:1px solid #ece9e3;padding-top:18px;margin-top:28px}
@media(min-width:1400px){.trl-root .trl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 #trLibraryShelf,#trVideosShelf{bottom:92px!important;left:12px!important;right:auto!important;width:calc((100% - 36px)/2)!important;height:70px!important;border-radius:15px!important}
 #trVideosShelf{left:auto!important;right:12px!important}
 #trLibraryShelf .tr-discovery-head,#trVideosShelf .tr-discovery-head{font-size:15px!important}
 body .win.trl-win,body #win-library.trl-win{left:8px!important;right:8px!important;top:86px!important;bottom:88px!important;border-radius:17px}
 .trl-win .win-body{padding:16px!important}.trl-win .win-head{padding:8px 16px!important}
 .trl-root .trl-hero{gap:12px}.trl-root .trl-h{font-size:27px;letter-spacing:-.7px}.trl-root .trl-sub{font-size:13px;line-height:1.5}
 .trl-root .trl-cta{font-size:12px;padding:9px}.trl-root .trl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
 .trl-featured{padding:16px;gap:14px;grid-template-columns:1fr 43%;border-radius:15px;margin-bottom:20px}
 .trl-feature-words h3{font-size:20px;margin:8px 0}.trl-feature-words p{font-size:13px;line-height:1.4;margin:8px 0}.trl-feature-read{font-size:12px;padding:10px 12px}
 .trl-eyebrow{font-size:9px;letter-spacing:1px}.trl-shelf-heading{font-size:21px}
 .trl-root .trl-title{font-size:14px}.trl-root .trl-actions button{padding:7px;font-size:11px}
}
@media(max-width:380px){.trl-root .trl-h{font-size:23px}.trl-root .trl-hero{grid-template-columns:1fr}.trl-root .trl-cta{justify-self:start}}
@media(prefers-reduced-motion:reduce){.trl-root *{animation:none!important;transition:none!important}}

/* Drawing tools: descend along the left edge, including on phones. */
#drawToolbar{
 position:fixed;left:18px;right:auto;top:122px;bottom:auto;
 transform:none;flex-direction:column;align-items:center;gap:8px;
 width:52px;max-width:52px;max-height:calc(100dvh - 310px);
 overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
 padding:10px 8px;border:1px solid #e9e6df;border-radius:18px;
 background:#fffdfaf5;box-shadow:0 6px 20px #173d4615;
 scrollbar-width:thin;
}
#drawToolbar .draw-sep{width:24px;height:1px}
#drawToolbar .colorSwatch{width:30px;height:30px}
#drawToolbar .draw-tool-btn{width:34px;height:34px}
@media(max-width:700px){
 #drawToolbar{left:12px;top:116px;max-height:calc(100dvh - 294px);gap:7px}
}
@media(max-height:600px){
 #drawToolbar{top:82px;max-height:calc(100dvh - 180px)}
}

/* Big screens: the dock grows with --uib, so the Library/Videos bars sit
   above it; the full-area Library window keeps its own size (not scaled)
   and only its content grows. */
#trLibraryShelf,#trVideosShelf{bottom:calc(22px + 84px * var(--uib,1))!important}
.win.trl-win{scale:none!important}
.trl-win .win-body{zoom:var(--uib,1)}