@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cardIn{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--accent: #ffd43b;--accent-rgb: 255, 212, 59;--accent-dim: #d1ab20;--bg: #061428;--bg-alt: #04101e;--panel: #0d2040;--panel-rgb: 13, 32, 64;--navy-mid: #0d1f3c;--border: #1a3a60;--border-hi: rgba(255, 255, 255, .08);--dim: #3a608a;--red: #ff3c3c;--green: #22c55e;--blue: #3b82f6;--text: #ffffff;--text-mid: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .42);--input-rgb: 4, 14, 32;--font-display: "Barlow Condensed", sans-serif;--font-heading: "Bebas Neue", sans-serif;--font-mono: "Space Mono", monospace;--tr: .22s cubic-bezier(.4, 0, .2, 1)}:root{--wb-vh-100: 100vh}@supports (height: 100dvh){:root{--wb-vh-100: 100dvh}}:root{--bg-app: #061428;--bg-alt: #04101e;--bg-panel: #0d2040;--bg-panel-2: #0d1f3c;--bg-raised: #123052;--border: #1a3a60;--border-hi: rgba(255, 255, 255, .08);--chalk: #ffffff;--muted: rgba(255, 255, 255, .58);--accent: #ffd43b;--wb-accent-dim: rgba(255, 212, 59, .15);--accent-dim: rgba(255, 212, 59, .15);--danger: #ff3c3c;--radius-s: 8px;--radius-m: 12px;--radius-l: 18px;--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-body: "Barlow Condensed", system-ui, sans-serif;--text: #ffffff;--wb-header-h: clamp(50px, 8vh, 60px);--wb-footer-h: 35px;--wb-card-size: clamp(24px, calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16), 48px);--wb-ctx-size: var(--wb-card-size);--wb-dock-w: calc(var(--wb-card-size) + 14px);--wb-dock-h: clamp(48px, 7vh, 58px);--wb-toolbar-pad: 3px 3px;--wb-toolbar-gap: 2px;--wb-card-icon-fs: 15px;--wb-card-label-fs: 7px;--wb-card-label-d: block;--wb-card-pad: 6px 7px 5px;--wb-btn-size: 28px;--wb-btn-radius: 6px;--wb-btn-icon-fs: 11px}@media(min-width:768px){:root{--wb-toolbar-pad: 3px 6px;--wb-toolbar-gap: 1px;--wb-card-icon-fs: 12px;--wb-card-label-fs: 6px;--wb-card-pad: 4px 6px 3px;--wb-btn-size: 26px;--wb-btn-icon-fs: 10px}}@media(min-width:1024px){:root{--wb-toolbar-pad: 3px 7px;--wb-toolbar-gap: 2px;--wb-card-icon-fs: 13px;--wb-card-label-fs: 7px;--wb-card-pad: 5px 8px 4px;--wb-btn-size: 28px;--wb-btn-icon-fs: 11px}}@media(min-width:1280px){:root{--wb-toolbar-pad: 4px 8px;--wb-toolbar-gap: 2px;--wb-card-icon-fs: 13px;--wb-card-label-fs: 7px;--wb-card-pad: 6px 9px 5px;--wb-btn-size: 30px}}@media(min-width:1536px){:root{--wb-toolbar-pad: 4px 10px;--wb-toolbar-gap: 2px;--wb-card-icon-fs: 14px;--wb-card-label-fs: 7px;--wb-card-pad: 6px 10px 5px;--wb-btn-size: 32px}}@media(min-width:1920px){:root{--wb-toolbar-pad: 4px 4px;--wb-toolbar-gap: 2px;--wb-card-icon-fs: 16px;--wb-card-label-fs: 8px;--wb-card-pad: 6px 8px 5px;--wb-btn-size: 36px;--wb-btn-icon-fs: 14px}}@media(max-height:500px){:root{--wb-toolbar-gap: 1px;--wb-card-pad: 4px 6px 3px;--wb-card-icon-fs: 12px;--wb-card-label-fs: 0px;--wb-card-label-d: none}}@media(max-height:700px)and (min-width:768px){:root{--wb-card-pad: 4px 7px 3px}}@media(hover:none)and (pointer:coarse){.wb-card{min-height:unset;min-width:unset}.wb-btn{min-width:36px;min-height:36px}.wb-card:active,.wb-btn:active{opacity:.8;transform:scale(.95);transition:opacity .08s,transform .08s}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Barlow Condensed,sans-serif}:fullscreen,:-webkit-full-screen,:root.wb-fullscreen,body.wb-fullscreen{--wb-header-h: 0px !important}:fullscreen settings-panel,:fullscreen .sp-bar,:-webkit-full-screen settings-panel,:-webkit-full-screen .sp-bar,body.wb-fullscreen settings-panel,body.wb-fullscreen .sp-bar{display:none!important}:fullscreen body:not(.wb-toolbar-horizontal) .wb-canvas-wrap,body:fullscreen:not(.wb-toolbar-horizontal) .wb-canvas-wrap,:-webkit-full-screen body:not(.wb-toolbar-horizontal) .wb-canvas-wrap,body:-webkit-full-screen:not(.wb-toolbar-horizontal) .wb-canvas-wrap,body.wb-fullscreen:not(.wb-toolbar-horizontal) .wb-canvas-wrap{top:0!important;left:var(--wb-dock-w)!important;right:0!important;bottom:0!important;height:var(--wb-vh-100)!important}:fullscreen body:not(.wb-toolbar-horizontal) .wb-toolbar,body:fullscreen:not(.wb-toolbar-horizontal) .wb-toolbar,:-webkit-full-screen body:not(.wb-toolbar-horizontal) .wb-toolbar,body:-webkit-full-screen:not(.wb-toolbar-horizontal) .wb-toolbar,body.wb-fullscreen:not(.wb-toolbar-horizontal) .wb-toolbar{inset:0 auto 0 0!important;width:var(--wb-dock-w)!important;height:var(--wb-vh-100)!important}:fullscreen body.wb-toolbar-horizontal .wb-canvas-wrap,body:fullscreen.wb-toolbar-horizontal .wb-canvas-wrap,:-webkit-full-screen body.wb-toolbar-horizontal .wb-canvas-wrap,body:-webkit-full-screen.wb-toolbar-horizontal .wb-canvas-wrap,body.wb-fullscreen.wb-toolbar-horizontal .wb-canvas-wrap{top:0!important;bottom:var(--wb-dock-h)!important;left:0!important;right:0!important;width:100%!important;height:calc(var(--wb-vh-100) - var(--wb-dock-h))!important}:fullscreen body.wb-toolbar-horizontal .wb-toolbar,body:fullscreen.wb-toolbar-horizontal .wb-toolbar,:-webkit-full-screen body.wb-toolbar-horizontal .wb-toolbar,body:-webkit-full-screen.wb-toolbar-horizontal .wb-toolbar,body.wb-fullscreen.wb-toolbar-horizontal .wb-toolbar{inset:auto 0 0!important;width:100%!important;height:var(--wb-dock-h)!important}.wb-canvas-wrap{position:fixed;top:var(--wb-header-h);left:var(--wb-dock-w);right:0;bottom:0;background:var(--wb-board-bg, #ffffff);transition:background-color .2s ease;z-index:1}#wbCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none;z-index:2;will-change:contents}.wb-toolbar{position:fixed;top:var(--wb-header-h);left:0;bottom:0;height:calc(var(--wb-vh-100) - var(--wb-header-h));box-sizing:border-box;width:var(--wb-dock-w);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(6px,1.2vh,14px) 0;background:var(--bg-panel, #0d2040);border-right:1px solid var(--border, #1a3a60);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.wb-toolbar::-webkit-scrollbar{display:none}.wb-separator{width:clamp(14px,2vw,22px);height:1px;background:var(--border, #1a3a60);margin:0;align-self:center;flex-shrink:0}.wb-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:var(--wb-card-size);height:var(--wb-card-size);min-width:var(--wb-card-size);min-height:var(--wb-card-size);max-width:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);max-height:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);aspect-ratio:1 / 1;box-sizing:border-box;border-radius:clamp(6px,calc(var(--wb-card-size) * .22),var(--radius-m, 12px));border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;flex:0 0 var(--wb-card-size);flex-shrink:0;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0;transform:none}.wb-card i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:clamp(10px,calc(var(--wb-card-size) * .42),20px);line-height:1;pointer-events:none;flex-shrink:0}.wb-card-label{font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:var(--wb-card-label-fs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.1;color:inherit;pointer-events:none;display:var(--wb-card-label-d)}.wb-card:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60);transform:none}.wb-card:active{transform:none}.wb-card.active{background:var(--wb-accent-dim, rgba(255, 212, 59, .15));border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b);transform:none}.wb-card.active:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:clamp(2px,calc(var(--wb-card-size) * .06),3px);height:clamp(8px,calc(var(--wb-card-size) * .46),18px);border-radius:3px;background:var(--accent, #ffd43b)}.wb-card-danger{color:#ff3c3ca6;border-color:#ff3c3c40}.wb-card-danger:hover{background:#ff3c3c1f;color:var(--danger, #ff3c3c);border-color:var(--danger, #ff3c3c)}.wb-btn{width:var(--wb-btn-size);height:var(--wb-btn-size);border-radius:var(--radius-s, 8px);border:1px solid var(--border, #1a3a60);background:transparent;color:var(--muted, rgba(255, 255, 255, .58));font-size:var(--wb-btn-icon-fs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;align-self:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:36px;min-height:36px}.wb-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60);transform:none}.wb-btn:active{transform:none}.wb-btn.active{background:var(--wb-accent-dim, rgba(255, 212, 59, .15));border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b)}.wb-tip{position:fixed;left:calc(var(--wb-dock-w) + 12px);top:0;transform:translateY(-50%) translate(-4px);opacity:0;pointer-events:none;white-space:nowrap;z-index:60;padding:6px 10px;border-radius:var(--radius-s, 8px);background:var(--bg-panel-2, #0d1f3c);border:1px solid var(--border, #1a3a60);color:var(--chalk, #ffffff);font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:12px;font-weight:600;letter-spacing:.02em;box-shadow:0 10px 24px #00000080;transition:opacity .13s,transform .13s}.wb-card:hover .wb-tip,.wb-card:focus-visible .wb-tip{opacity:1;transform:translateY(-50%) translate(0)}@media(hover:none){.wb-tip{display:none}}body.wb-toolbar-horizontal .wb-canvas-wrap{left:0;bottom:var(--wb-dock-h)}body.wb-toolbar-horizontal .wb-toolbar{inset:auto 0 0;width:100%;height:var(--wb-dock-h);flex-direction:row;align-items:center;justify-content:center;gap:clamp(8px,1.25vw,16px);padding:0 clamp(16px,2.5vw,40px);border-right:none;background:var(--bg-panel, #0d2040);border-top:1px solid var(--border, #1a3a60);box-shadow:0 -4px 20px #00000059;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}body.wb-toolbar-horizontal .wb-toolbar::-webkit-scrollbar{display:none}body.wb-toolbar-horizontal .wb-separator{width:1px;height:clamp(16px,2.8vh,22px);background:var(--border, #1a3a60);margin:0 clamp(3px,.5vw,8px);flex-shrink:0}body.wb-toolbar-horizontal .wb-card{width:var(--wb-card-size);height:var(--wb-card-size);min-width:var(--wb-card-size);min-height:var(--wb-card-size);max-width:44px;max-height:44px;border-radius:clamp(6px,calc(var(--wb-card-size) * .22),var(--radius-m, 12px));border:1px solid transparent;flex:0 0 auto}body.wb-toolbar-horizontal .wb-card:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60);transform:none}body.wb-toolbar-horizontal .wb-card:active{transform:none}body.wb-toolbar-horizontal .wb-card.active{background:var(--wb-accent-dim, rgba(255, 212, 59, .15));border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b);transform:none}body.wb-toolbar-horizontal .wb-card.active:before{left:50%;top:auto;bottom:2px;transform:translate(-50%);width:clamp(8px,calc(var(--wb-card-size) * .46),18px);height:clamp(2px,calc(var(--wb-card-size) * .06),3px);border-radius:2px;background:var(--accent, #ffd43b)}body.wb-toolbar-horizontal .wb-tip{left:auto;transform:translateY(-100%) translate(-50%)}:root{--text: rgba(255,255,255,.95);--text-muted: rgba(255,255,255,.68);--text-dim: rgba(255,255,255,.56)}.wb-youtube-modal{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:820;display:none;align-items:center;justify-content:center;padding:16px}.wb-youtube-modal.open{display:flex}.wb-youtube-dialog{position:relative;width:min(980px,96vw);border-radius:14px;background:#050b16;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000008c;overflow:hidden}.wb-youtube-dialog iframe{width:100%;aspect-ratio:16 / 9;border:0;display:block;background:#000}.wb-youtube-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#00000073;color:#fff;font-size:21px;line-height:1;cursor:pointer;z-index:2}.wb-youtube-external{display:inline-block;margin:10px 12px 12px;color:#ffd43b;text-decoration:none;font-weight:700;letter-spacing:.06em;font-size:12px;text-transform:uppercase}.wb-yt-modal{width:min(560px,94vw)}.wb-yt-header-icon{background:#ef444426!important;color:#ef4444!important;border-color:#ef44444d!important}.wb-yt-input-wrap{position:relative;display:flex;align-items:center;width:100%}.wb-yt-input-icon{position:absolute;left:14px;color:#ef4444;font-size:17px;pointer-events:none}.wb-yt-input{width:100%;padding:10px 14px 10px 42px;border-radius:var(--radius-m, 10px);border:1px solid var(--border, #1a3a60);background:#ffffff0d;color:#fff;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.wb-yt-input:focus{border-color:var(--accent, #ffd43b);box-shadow:0 0 0 1px var(--accent, #ffd43b);background:#041020f2}.wb-yt-hint{display:flex;align-items:center;gap:6px;margin-top:6px;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:12.5px;color:var(--muted, rgba(255, 255, 255, .58))}.wb-yt-hint i{color:#ffd43ba6}.wb-yt-preview{min-height:140px;border-radius:var(--radius-m, 10px);border:1px dashed rgba(255,255,255,.15);background:#00000040;overflow:hidden;display:flex;align-items:center;justify-content:center}.wb-yt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--muted, rgba(255, 255, 255, .45));font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:14px}.wb-yt-empty-icon,.wb-yt-empty i{font-size:32px;color:#ef444466}.wb-yt-card{width:100%;display:grid;grid-template-columns:190px 1fr;align-items:stretch;background:#ffffff08}.wb-yt-thumb-box{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.wb-yt-thumb{width:100%;height:100%;object-fit:cover;display:block}.wb-yt-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#ef4444e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 4px 12px #00000080;pointer-events:none}.wb-yt-meta{padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.wb-yt-meta-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ef4444}.wb-yt-meta-id{font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:13px;color:var(--muted, rgba(255, 255, 255, .65))}.wb-yt-meta-id code{background:#ffffff14;padding:2px 6px;border-radius:4px;color:var(--accent, #ffd43b);font-family:monospace}.wb-yt-meta-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:12px;color:#60a5fa;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-yt-meta-link:hover{text-decoration:underline;color:#93c5fd}@media(max-width:580px){.wb-yt-card{grid-template-columns:1fr}}#wbYtPickerOverlay .am-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px 16px;background:#09172c;border-top:1px solid var(--border, #1a3a60)}#wbYtPickerCancel{height:40px;padding:0 18px;border-radius:var(--radius-s, 8px);font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:15px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:#ffffff0f;border:1px solid var(--border, #1a3a60);color:var(--muted, rgba(255, 255, 255, .65));cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}#wbYtPickerCancel:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:#fff3}.wb-yt-btn-insert,#wbYtPickerInsert{height:40px;padding:0 24px;border-radius:var(--radius-s, 8px);font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;touch-action:manipulation}#wbYtPickerInsert:not(:disabled){background:var(--accent, #ffd43b);color:#061527;border:1px solid rgba(255,212,59,.4);box-shadow:0 3px 14px #ffd43b59}#wbYtPickerInsert:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 5px 20px #ffd43b7a}#wbYtPickerInsert:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 8px #ffd43b4d}#wbYtPickerInsert:disabled{background:#ffffff14;color:#ffffff59;border:1px solid rgba(255,255,255,.08);cursor:not-allowed;box-shadow:none;opacity:.6}#wbEraserCursor{display:none;position:fixed;top:0;left:0;border-radius:50%;border:2px solid #ffffff;background:#c8c8c838;pointer-events:none;z-index:9999;box-shadow:0 0 0 1.5px #000000a6,inset 0 0 4px #00000040;will-change:transform}.wb-page-drawer-backdrop{position:fixed;inset:0;z-index:250;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:flex-start;opacity:0;pointer-events:none;transition:opacity .2s ease}.wb-page-drawer-backdrop.open{opacity:1;pointer-events:auto}.wb-page-drawer-panel{width:100%;max-width:350px;height:100%;background:var(--bg-panel-2, #0d1f3c);border-right:1px solid var(--border, #1a3a60);box-shadow:0 20px 50px #000000b3;display:flex;flex-direction:column;color:var(--chalk, #ffffff);transform:translate(-100%);transition:transform .22s cubic-bezier(.16,1,.3,1);overflow:hidden;-webkit-user-select:none;user-select:none}.wb-page-drawer-backdrop.open .wb-page-drawer-panel{transform:translate(0)}.wb-page-drawer-header{height:60px;padding:0 18px;border-bottom:1px solid var(--border, #1a3a60);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#00000026}.wb-page-drawer-title-group{display:flex;align-items:center;gap:10px}.wb-page-drawer-title-icon{font-size:16px;color:var(--accent, #ffd43b)}.wb-page-drawer-title{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1.2px;font-weight:500;color:var(--chalk, #ffffff);margin:0}.wb-page-drawer-close{width:30px;height:30px;border-radius:var(--radius-s, 8px);border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .15s ease}.wb-page-drawer-close:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60)}.wb-page-drawer-list{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px;font-family:var(--font-body, "Barlow Condensed", sans-serif)}.wb-page-drawer-list::-webkit-scrollbar{width:4px}.wb-page-drawer-list::-webkit-scrollbar-thumb{background:#ffd43b40;border-radius:4px}.wb-page-drawer-item{padding:10px 12px;border-radius:var(--radius-m, 12px);border:1px solid var(--border, #1a3a60);background:#ffffff05;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:all .15s ease}.wb-page-drawer-item:hover{background:var(--bg-raised, #123052);border-color:#ffd43b4d;transform:translateY(-1px)}.wb-page-drawer-item.active{border-color:var(--accent, #ffd43b);background:#ffd43b0f;box-shadow:0 0 12px #ffd43b1a}.wb-page-drawer-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.wb-page-drawer-badge{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;background:#ffffff0f;border:1px solid var(--border, #1a3a60);color:var(--muted, rgba(255, 255, 255, .58));transition:all .15s ease}.wb-page-drawer-item.active .wb-page-drawer-badge{background:var(--wb-accent-dim, rgba(255, 212, 59, .15));color:var(--accent, #ffd43b);border-color:var(--accent, #ffd43b)}.wb-page-drawer-meta{flex:1;min-width:0}.wb-page-drawer-name-input{background:transparent;border:1px solid transparent;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:18px;font-weight:600;color:var(--chalk, #ffffff);width:100%;outline:none;border-radius:4px;padding:2px 4px;transition:background .15s,border-color .15s,box-shadow .15s}.wb-page-drawer-name-input:focus{background:var(--bg-app, #061428);border-color:var(--accent, #ffd43b);box-shadow:0 0 0 1px var(--accent, #ffd43b)}.wb-page-drawer-count{font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:15px;font-weight:500;color:var(--muted, rgba(255, 255, 255, .58));padding-left:4px;margin-top:1px}.wb-page-drawer-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.wb-page-drawer-btn{width:26px;height:26px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .12s ease}.wb-page-drawer-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60)}.wb-page-drawer-btn-danger:hover{background:#ff3c3c26;color:var(--danger, #ff3c3c);border-color:#ff3c3c66}.wb-page-drawer-footer{padding:14px 16px;border-top:1px solid var(--border, #1a3a60);flex-shrink:0;background:#00000026}.wb-page-drawer-add-btn{width:100%;padding:10px 14px;border-radius:var(--radius-m, 12px);border:1px solid var(--accent, #ffd43b);background:var(--wb-accent-dim, rgba(255, 212, 59, .12));color:var(--accent, #ffd43b);font-family:var(--font-body, "Barlow Condensed", sans-serif);font-weight:700;font-size:14px;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 2px 8px #00000040;transition:all .15s ease}.wb-page-drawer-add-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--accent, #ffd43b);transform:translateY(-1px)}.wb-page-drawer-add-btn:active{transform:scale(.98)}.wb-ctx-step-header{display:flex;align-items:center;gap:6px;width:100%;padding-bottom:4px;margin-bottom:2px;border-bottom:1px solid var(--border, #1a3a60)}.wb-ctx-back-btn{width:24px;height:24px;border-radius:var(--radius-s, 8px);border:1px solid var(--border, #1a3a60);background:transparent;color:var(--muted, rgba(255, 255, 255, .58));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:background .12s,color .12s,border-color .12s;flex-shrink:0}.wb-ctx-back-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60)}.wb-ctx-step-title{font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--chalk, #ffffff);display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-page-badge{display:block;font-family:Barlow Condensed,sans-serif;font-size:clamp(7px,calc(var(--wb-card-size) * .2),9px);font-weight:700;letter-spacing:.04em;color:#ffffff8c;line-height:1;pointer-events:none;margin-top:clamp(1px,calc(var(--wb-card-size) * .04),2px)}.wb-ctx-submenu{--wb-ctx-size: var(--wb-card-size);position:fixed;top:calc(var(--wb-header-h, 56px) + 8px);left:calc(var(--wb-dock-w, 52px) + 8px);z-index:300;display:none;flex-direction:column;gap:clamp(3px,.6vh,6px);padding:clamp(5px,.8vh,8px) 5px;min-width:calc(var(--wb-ctx-size) + 14px);max-width:calc(var(--wb-ctx-size) + 20px);min-height:calc(var(--wb-ctx-size) + 14px);max-height:calc(var(--wb-vh-100) - var(--wb-header-h) - 16px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,212,59,.35) transparent;align-items:center;background:var(--bg-panel-2, #0d1f3c);border:1px solid var(--border, #1a3a60);border-radius:var(--radius-m, 12px);box-shadow:0 12px 28px #00000080,0 2px 8px #0000004d,inset 0 1px #ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--chalk, #ffffff);font-family:var(--font-body, "Barlow Condensed", sans-serif);-webkit-user-select:none;user-select:none;pointer-events:all;opacity:0;transform:none;transition:opacity .15s,transform .15s}.wb-ctx-submenu:empty{display:none!important}.wb-ctx-submenu::-webkit-scrollbar{width:3px}.wb-ctx-submenu::-webkit-scrollbar-thumb{background:#ffd43b59;border-radius:3px}.wb-ctx-submenu.open{display:flex;animation:wbCtxFadeIn .15s ease-out both}.wb-ctx-submenu.open:empty{display:none!important}@keyframes wbCtxFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}body.wb-toolbar-horizontal .wb-ctx-submenu{flex-direction:row;align-items:center;min-width:auto;max-width:calc(100vw - 20px);width:max-content;height:auto;min-height:calc(var(--wb-ctx-size) + 14px);max-height:calc(var(--wb-vh-100) - var(--wb-dock-h, 56px) - 20px);padding:4px 8px;gap:6px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;bottom:calc(var(--wb-dock-h, 56px) + 8px);top:auto;left:50%;transform:translate(-50%)}body.wb-toolbar-horizontal .wb-ctx-submenu::-webkit-scrollbar{height:3px;width:3px}body.wb-toolbar-horizontal .wb-ctx-submenu.open{display:flex;animation:wbCtxFadeInBottom .15s ease-out both}@keyframes wbCtxFadeInBottom{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}body.wb-toolbar-horizontal .wb-ctx-submenu.wb-ctx-wide{min-width:auto;max-width:calc(100vw - 20px);width:max-content;padding:4px 8px;align-items:center}body.wb-toolbar-horizontal .wb-ctx-hr{width:1px;height:clamp(18px,calc(var(--wb-ctx-size) * .75),26px);background:var(--border, #1a3a60);margin:0 4px;flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-section-label{display:none!important}body.wb-toolbar-horizontal .wb-ctx-color-grid,body.wb-toolbar-horizontal .wb-ctx-preset-list,body.wb-toolbar-horizontal .wb-ctx-shape-grid,body.wb-toolbar-horizontal .wb-ctx-list-col{display:flex;flex-direction:row;width:auto;gap:clamp(3px,.4vw,5px);align-items:center;flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-shape-cell,body.wb-toolbar-horizontal .wb-ctx-shape-btn,body.wb-toolbar-horizontal .wb-ctx-shape{width:var(--wb-card-size);height:var(--wb-card-size);min-width:var(--wb-card-size);min-height:var(--wb-card-size);max-width:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);max-height:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);aspect-ratio:1 / 1;padding:0;flex:0 0 var(--wb-card-size);flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-mode-row{display:flex;flex-direction:row;width:auto;gap:4px;align-items:center;flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-mode,body.wb-toolbar-horizontal .wb-ctx-mode-btn,body.wb-toolbar-horizontal .wb-ctx-list-btn{width:var(--wb-card-size);height:var(--wb-card-size);min-width:var(--wb-card-size);min-height:var(--wb-card-size);max-width:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);max-height:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);aspect-ratio:1 / 1;padding:0;flex:0 0 var(--wb-card-size)}body.wb-toolbar-horizontal .wb-ctx-bg-list{display:flex;flex-direction:row;gap:6px;align-items:center;width:auto}body.wb-toolbar-horizontal .wb-ctx-bg-item{width:auto;min-width:90px;height:var(--wb-ctx-size);padding:0 12px;gap:8px;font-size:15px;flex:0 0 auto}body.wb-toolbar-horizontal .wb-ctx-action-list{display:flex;flex-direction:row;gap:6px;align-items:center;width:auto}body.wb-toolbar-horizontal .wb-ctx-action-row{width:auto;height:var(--wb-ctx-size);padding:0 12px;flex:0 0 auto}body.wb-toolbar-horizontal .wb-ctx-step-header{display:flex;align-items:center;width:auto;height:var(--wb-ctx-size);padding-bottom:0;margin-bottom:0;border-bottom:none;border-right:1px solid rgba(255,255,255,.12);padding-right:8px;margin-right:2px;flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-bg-list{display:flex;flex-direction:row;width:auto;gap:6px;align-items:center;flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-bg-item{width:auto;white-space:nowrap;padding:0 10px;height:var(--wb-ctx-size);gap:8px;flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-action-list{display:flex;flex-direction:row;gap:4px;width:auto;align-items:center;flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-action-row{width:auto;white-space:nowrap;padding:0 8px;height:var(--wb-ctx-size);flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-zoom-row{display:flex;align-items:center;width:auto;height:var(--wb-ctx-size);padding:2px 6px;gap:3px;flex-shrink:0}body.wb-toolbar-horizontal .wb-ctx-zoom-label{display:none}body.wb-toolbar-horizontal .wb-ctx-zoom-btn,body.wb-toolbar-horizontal .wb-ctx-zoom-val{height:calc(var(--wb-ctx-size) - 6px)}body.wb-toolbar-horizontal .wb-ctx-danger{width:auto;white-space:nowrap;padding:0 10px;height:var(--wb-ctx-size);flex-shrink:0}.wb-ctx-header{display:none!important}.wb-ctx-submenu.wb-ctx-wide{min-width:180px;max-width:220px;align-items:stretch;padding:8px}.wb-ctx-submenu.wb-ctx-grid,.wb-ctx-submenu[data-type=grid]{min-width:180px!important;max-width:220px!important;padding:8px!important;align-items:stretch}.wb-ctx-section-label{display:none!important}.wb-ctx-hr{height:1px;width:100%;background:var(--border, #1a3a60);margin:3px 0;flex-shrink:0}.wb-ctx-color-grid{display:flex;flex-direction:column;gap:clamp(3px,.5vh,5px);align-items:center;width:100%}.wb-ctx-color{width:var(--wb-ctx-size);height:var(--wb-ctx-size);border-radius:clamp(6px,calc(var(--wb-card-size) * .22),var(--radius-m, 12px));border:1px solid transparent;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;touch-action:manipulation;position:relative;flex-shrink:0}.wb-ctx-color:hover{background:var(--bg-raised, #123052);border-color:#ffffff1f}.wb-ctx-color.active{background:none;border-color:none;box-shadow:none}.wb-ctx-color.active .wb-ctx-color-swatch{transform:scale(1.14);box-shadow:0 0 0 2px var(--bg-panel-2, #0d1f3c),0 0 0 4px var(--accent, #ffd43b),0 3px 8px #00000080;box-shadow:0 0 0 2px var(--bg-panel-2, #0d1f3c),0 0 0 4px var(--accent, #ffd43b)}.wb-ctx-color-swatch{width:clamp(16px,calc(var(--wb-ctx-size) * .62),22px);height:clamp(16px,calc(var(--wb-ctx-size) * .62),22px);border-radius:50%;box-shadow:0 2px 5px #00000080;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s;pointer-events:none}.wb-ctx-color:hover .wb-ctx-color-swatch{transform:scale(1.05)}.wb-ctx-check{display:none!important}.wb-ctx-color-custom-swatch{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.wb-ctx-preset-list{display:flex;flex-direction:column;gap:clamp(3px,.5vh,5px);align-items:center;width:100%}.wb-ctx-preset{width:var(--wb-ctx-size);height:var(--wb-ctx-size);padding:0;border-radius:clamp(6px,calc(var(--wb-card-size) * .22),var(--radius-m, 12px));border:1px solid transparent;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,transform .1s;touch-action:manipulation;flex-shrink:0;position:relative}.wb-ctx-preset:hover{background:var(--bg-raised, #123052);border-color:#ffffff1f}.wb-ctx-preset.active{background:#ffd43b29;border-color:var(--accent, #ffd43b);border-width:1.5px}.wb-ctx-preset.active .wb-ctx-preset-dot{background:var(--accent, #ffd43b)!important}.wb-ctx-preset-dot-wrap{display:flex;align-items:center;justify-content:center;width:clamp(24px,calc(var(--wb-ctx-size) * .75),28px);height:clamp(24px,calc(var(--wb-ctx-size) * .75),28px);pointer-events:none}.wb-ctx-preset-dot{border-radius:50%;display:block;box-shadow:0 1px 3px #00000080;transition:background .12s,box-shadow .12s}.wb-ctx-shape-grid{display:flex;flex-direction:column;gap:clamp(3px,.5vh,5px);align-items:center;width:100%}.wb-ctx-shape,.wb-ctx-shape-btn,.wb-ctx-shape-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:var(--wb-card-size);height:var(--wb-card-size);min-width:var(--wb-card-size);min-height:var(--wb-card-size);max-width:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);max-height:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);aspect-ratio:1 / 1;box-sizing:border-box;border-radius:clamp(6px,calc(var(--wb-card-size) * .22),var(--radius-m, 12px));border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;flex:0 0 var(--wb-card-size);flex-shrink:0;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0;transform:none}.wb-ctx-shape i,.wb-ctx-shape-btn i,.wb-ctx-shape-cell i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:clamp(10px,calc(var(--wb-card-size) * .42),20px);line-height:1;pointer-events:none;flex-shrink:0}.wb-ctx-shape:hover,.wb-ctx-shape-btn:hover,.wb-ctx-shape-cell:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60);transform:none}.wb-ctx-shape:active,.wb-ctx-shape-btn:active,.wb-ctx-shape-cell:active{transform:none}.wb-ctx-shape.active,.wb-ctx-shape-btn.active,.wb-ctx-shape-cell.active{background:var(--wb-accent-dim, rgba(255, 212, 59, .15));border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b);transform:none}.wb-ctx-mode-row{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:100%}.wb-ctx-mode,.wb-ctx-mode-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--wb-card-size);height:var(--wb-card-size);min-width:var(--wb-card-size);min-height:var(--wb-card-size);max-width:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);max-height:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);aspect-ratio:1 / 1;box-sizing:border-box;border-radius:clamp(6px,calc(var(--wb-card-size) * .22),var(--radius-m, 12px));border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;padding:0;flex:0 0 var(--wb-card-size);flex-shrink:0;position:relative;transform:none}.wb-ctx-mode i,.wb-ctx-mode-btn i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:clamp(10px,calc(var(--wb-card-size) * .42),20px);line-height:1;pointer-events:none;flex-shrink:0}.wb-ctx-mode:hover,.wb-ctx-mode-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60);transform:none}.wb-ctx-mode:active,.wb-ctx-mode-btn:active{transform:none}.wb-ctx-mode.active,.wb-ctx-mode-btn.active{background:var(--wb-accent-dim, rgba(255, 212, 59, .15));border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b);transform:none}.wb-ctx-bg-list{display:flex;flex-direction:column;gap:4px;width:100%}.wb-ctx-bg-item{width:100%;height:38px;padding:0 12px;border-radius:var(--radius-s, 8px);border:1px solid transparent;background:transparent;color:var(--chalk, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:16px;font-weight:700;letter-spacing:.03em;transition:background .12s,color .12s,border-color .12s;box-sizing:border-box;position:relative}.wb-ctx-bg-item:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:#ffffff1f}.wb-ctx-bg-item.active{background:#ffd43b24;border:1.5px solid var(--accent, #ffd43b);color:var(--accent, #ffd43b);box-shadow:0 2px 10px #ffd43b2e}.wb-ctx-bg-item.active .wb-ctx-bg-check{color:var(--accent, #ffd43b);opacity:1;transform:scale(1.15)}.wb-ctx-bg-check{font-size:13px;color:var(--accent, #ffd43b)}.wb-ctx-action-list{display:flex;flex-direction:column;gap:3px}.wb-ctx-action-row{width:100%;height:36px;padding:0 12px;border-radius:var(--radius-s, 8px);border:1px solid transparent;background:transparent;color:var(--chalk, #ffffff);cursor:pointer;display:flex;align-items:center;gap:10px;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:14px;font-weight:700;letter-spacing:.04em;text-align:left;transition:background .12s,color .12s,border-color .12s;touch-action:manipulation}.wb-ctx-action-row:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60)}.wb-ctx-action-row i{font-size:14px;width:18px;text-align:center;flex-shrink:0}.wb-ctx-action-row.icon-blue i{color:#60a5fa}.wb-ctx-action-row.icon-green i{color:#34d399}.wb-ctx-action-row.icon-cyan i{color:#22d3ee}.wb-ctx-action-row.icon-amber i{color:#fbbf24}.wb-ctx-action-row.icon-slate i{color:#94a3b8cc}.wb-ctx-zoom-row{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;background:var(--bg-app, #061428);border:1px solid var(--border, #1a3a60);border-radius:var(--radius-s, 8px);box-shadow:none}.wb-ctx-zoom-label{font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted, rgba(255, 255, 255, .58))}.wb-ctx-zoom-controls{display:flex;align-items:center;gap:3px}.wb-ctx-zoom-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--border, #1a3a60);background:transparent;color:var(--muted, rgba(255, 255, 255, .58));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:background .12s,color .12s,border-color .12s}.wb-ctx-zoom-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60)}.wb-ctx-zoom-val{min-width:46px;height:28px;border-radius:6px;border:1px solid var(--border, #1a3a60);background:transparent;color:var(--accent, #ffd43b);font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:14px;font-weight:700;letter-spacing:.04em;text-align:center;cursor:pointer;padding:0 6px;transition:background .12s,border-color .12s}.wb-ctx-zoom-val:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff)}.wb-ctx-danger{width:100%;height:36px;padding:0 12px;border-radius:var(--radius-s, 8px);border:1px solid rgba(255,60,60,.25);background:#ff3c3c14;color:#ff6464d9;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:background .12s,color .12s,border-color .12s;touch-action:manipulation}.wb-ctx-danger:hover{background:#ff3c3c26;color:var(--danger, #ff3c3c);border-color:var(--danger, #ff3c3c)}.wb-ctx-danger i{font-size:12px;color:var(--danger, #ff3c3c)}.wb-ctx-list-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%}.wb-ctx-list-btn{width:var(--wb-card-size);height:var(--wb-card-size);min-width:var(--wb-card-size);min-height:var(--wb-card-size);max-width:var(--wb-card-size);max-height:var(--wb-card-size);aspect-ratio:1 / 1;box-sizing:border-box;padding:0;margin:0 auto;border-radius:clamp(6px,calc(var(--wb-card-size) * .22),var(--radius-m, 12px));border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;touch-action:manipulation;flex:0 0 var(--wb-card-size);flex-shrink:0;position:relative;transform:none}.wb-ctx-list-btn i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:clamp(10px,calc(var(--wb-card-size) * .42),20px);line-height:1;pointer-events:none;flex-shrink:0;margin:auto}.wb-ctx-list-btn svg{max-width:24px;max-height:14px;width:auto;height:auto;display:block;pointer-events:none;flex-shrink:0;margin:auto}.wb-ctx-list-btn svg.wb-ctx-shape-svg{width:19px;height:19px;max-width:22px;max-height:22px;display:inline-flex;align-items:center;justify-content:center}.wb-ctx-list-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60);transform:none}.wb-ctx-list-btn:active{transform:none}.wb-ctx-list-btn.active{background:var(--wb-accent-dim, rgba(255, 212, 59, .15));border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b);transform:none}.wb-ctx-list-btn.active svg{color:var(--accent, #ffd43b)}.wb-ctx-list-btn .wb-ctx-list-check{display:none!important}.wb-ctx-square-row{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.wb-ctx-square-btn{width:var(--wb-card-size);height:var(--wb-card-size);min-width:var(--wb-card-size);min-height:var(--wb-card-size);max-width:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);max-height:calc((var(--wb-vh-100) - var(--wb-header-h) - 48px) / 16);aspect-ratio:1 / 1;box-sizing:border-box;flex:0 0 var(--wb-card-size);border-radius:clamp(6px,calc(var(--wb-card-size) * .22),var(--radius-m, 12px));border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;touch-action:manipulation;padding:0;position:relative;transform:none}.wb-ctx-square-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60);transform:none}.wb-ctx-square-btn:active{transform:none}.wb-ctx-square-btn.active{background:var(--wb-accent-dim, rgba(255, 212, 59, .15));border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b);transform:none}.wb-ctx-step-header,.wb-ctx-back-btn,.wb-ctx-step-title{display:none!important}.wb-ctx-preset-row{width:100%;height:36px;padding:0 10px;border-radius:var(--radius-s, 8px);border:1px solid transparent;background:transparent;color:var(--chalk, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:15px;font-weight:700;letter-spacing:.03em;transition:background .12s,color .12s,border-color .12s;position:relative}.wb-ctx-preset-row:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:#ffffff1f}.wb-ctx-preset-row.active{background:#ffd43b24;border:1.5px solid var(--accent, #ffd43b);color:var(--accent, #ffd43b);box-shadow:0 2px 10px #ffd43b2e}.wb-ctx-check-sm{font-size:10px;opacity:.85}#wbSelectionContextMenu{position:fixed;z-index:450;transform:translate(-50%);display:none;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-m, 12px);background:var(--bg-panel-2, #0d1f3c);border:1px solid var(--border, #1a3a60);box-shadow:0 16px 36px -4px #0000008c,0 0 16px #ffd43b1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--chalk, #ffffff);font-family:var(--font-body, "Barlow Condensed", sans-serif);pointer-events:auto;user-select:none;-webkit-user-select:none;animation:wbSelFadeIn .14s cubic-bezier(.16,1,.3,1)}#wbSelectionContextMenu.open{display:flex}@keyframes wbSelFadeIn{0%{opacity:0;transform:translate(-50%,6px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.wb-sel-btn{height:28px;padding:0 8px;border-radius:var(--radius-s, 8px);border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .12s ease;touch-action:manipulation}.wb-sel-btn i{font-size:13px}.wb-sel-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60)}.wb-sel-btn:active{transform:scale(.95)}.wb-sel-btn-icon{width:28px;padding:0}.wb-sel-btn-edit{background:transparent;color:var(--accent, #ffd43b);border:1px solid var(--accent, #ffd43b);box-shadow:0 0 8px #ffd43b33}.wb-sel-btn-edit:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--accent, #ffd43b)}.wb-sel-btn-shape{background:transparent;color:var(--accent, #ffd43b);border:1px solid var(--border, #1a3a60);padding:0 5px;gap:3px}.wb-sel-btn-shape:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--accent, #ffd43b)}.wb-sel-shape-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:var(--bg-panel-2, #0d1f3c);border:1px solid var(--border, #1a3a60);border-radius:var(--radius-s, 8px);padding:4px;display:none;gap:4px;box-shadow:0 12px 28px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:500}.wb-sel-shape-dropdown.open{display:flex}.wb-sel-shape-opt{width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted, rgba(255, 255, 255, .58));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,border-color .12s,color .12s;font-size:13px}.wb-sel-shape-opt:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60)}.wb-sel-shape-opt.active{background:transparent;border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b)}.wb-sel-btn-lock.locked{background:transparent;color:var(--accent, #ffd43b);border-color:var(--accent, #ffd43b)}.wb-sel-btn-lock.locked:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--accent, #ffd43b)}.wb-sel-btn-delete{color:#ff3c3cbf}.wb-sel-btn-delete:hover{background:#ff3c3c26;color:var(--danger, #ff3c3c);border-color:var(--danger, #ff3c3c)}.wb-sel-sep{width:1px;height:16px;background:var(--border, #1a3a60);margin:0 2px}.wb-table-edge-handle{position:fixed;z-index:440;display:none;align-items:center;border-radius:24px;background:var(--bg-panel-2, #0d1f3c);border:1px solid var(--border, #1a3a60);box-shadow:0 10px 28px -4px #000000a6,0 0 16px #ffd43b26,inset 0 1px #ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;pointer-events:auto;animation:wbEdgeHandleFadeIn .15s cubic-bezier(.16,1,.3,1);transition:opacity .12s}.wb-table-edge-handle.open{display:flex}.wb-table-edge-col{flex-direction:column;transform:translateY(-50%);padding:6px 4px;gap:5px}.wb-table-edge-row{flex-direction:row;transform:translate(-50%);padding:4px 8px;gap:6px}@keyframes wbEdgeHandleFadeIn{0%{opacity:0}to{opacity:1}}.wb-table-edge-btn{width:26px;height:26px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:11px;transition:all .15s cubic-bezier(.16,1,.3,1);touch-action:manipulation;flex-shrink:0}.wb-table-edge-btn-plus,.wb-table-edge-btn-minus{background:transparent;color:#dcebffbf}.wb-table-edge-btn-plus:hover,.wb-table-edge-btn-minus:hover{color:#ffd43b;transform:scale(1.12)}.wb-table-edge-btn-plus:active,.wb-table-edge-btn-minus:active{color:#38bdf8;transform:scale(.92)}.wb-table-edge-btn-minus:disabled{opacity:.22;cursor:not-allowed;pointer-events:none;transform:none}.wb-table-edge-label{display:inline-flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;color:#ffd43b;letter-spacing:.02em;-webkit-user-select:none;user-select:none;text-align:center;line-height:1;transition:color .15s ease,transform .12s ease}.wb-table-edge-label.wb-label-highlight{color:#38bdf8;transform:scale(1.15)}.wb-table-edge-handle:has(.wb-table-edge-btn:active) .wb-table-edge-label{color:#38bdf8;transform:scale(1.15)}.wb-table-edge-col .wb-table-edge-label{width:26px;height:24px;min-height:24px;padding:0}.wb-table-edge-row .wb-table-edge-label{width:36px;min-width:36px;height:26px;padding:0}#wbStickyInlineEditor{position:fixed;z-index:460;padding:12px;border-radius:16px;border:2.5px solid #071830;box-shadow:0 16px 36px -4px #00000080,0 0 0 1px #0000001a;width:240px;box-sizing:border-box;display:none;flex-direction:column;gap:8px;font-family:Barlow Condensed,sans-serif;animation:wbStickyFadeIn .14s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#wbStickyInlineEditor.open{display:flex}@keyframes wbStickyFadeIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.wb-sticky-textarea{width:100%;background:transparent;border:none;outline:none;resize:none;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:16px;line-height:1.35;color:#1e293b;box-sizing:border-box;min-height:80px}.wb-sticky-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.wb-sticky-btn-cancel{padding:5px 10px;border-radius:8px;border:none;background:#0000001a;color:#334155;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:background .12s,color .12s}.wb-sticky-btn-cancel:hover{background:#0000002e;color:#0f172a}.wb-sticky-btn-confirm{padding:5px 12px;border-radius:8px;border:none;background:#071830;color:#ffd43b;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 1px 4px #00000040;transition:transform .1s,filter .12s}.wb-sticky-btn-confirm:hover{filter:brightness(1.15)}.wb-sticky-btn-confirm:active{transform:scale(.95)}#wbTextInlineEditor{position:fixed;z-index:500;display:none;flex-direction:column;box-sizing:border-box;padding:6px;background:#071830f2;border:1.5px solid #ffd43b;border-radius:10px;box-shadow:0 12px 32px #0000008c,0 0 0 1px #ffd43b33;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:wbStickyFadeIn .12s cubic-bezier(.16,1,.3,1)}#wbTextInlineEditor.open{display:flex}.wb-text-inline-textarea{width:100%;background:transparent;border:1px dashed rgba(255,212,59,.4);border-radius:6px;outline:none;resize:both;line-height:1.25;box-sizing:border-box;padding:6px 8px;min-width:160px;min-height:48px;caret-color:#ffd43b}.wb-text-inline-textarea:focus{border-color:#ffd43b;box-shadow:0 0 0 1px #ffd43b59}.wb-text-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px}.wb-nav-controls{position:fixed;z-index:250;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:4px 6px;border-radius:24px;background:var(--bg-panel-2, #0d1f3c);border:1px solid var(--border, #1a3a60);box-shadow:0 4px 16px #00000059;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;touch-action:manipulation;pointer-events:auto;right:20px;bottom:20px;transition:right .25s cubic-bezier(.16,1,.3,1),bottom .25s cubic-bezier(.16,1,.3,1),top .25s cubic-bezier(.16,1,.3,1),opacity .15s ease}body.wb-toolbar-horizontal .wb-nav-controls{bottom:auto;top:calc(var(--wb-header-h) + 16px);right:20px}.wb-nav-btn{width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:#dcebffbf;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;transition:color .15s ease,background .15s ease,transform .12s ease;touch-action:manipulation;flex-shrink:0;padding:0}.wb-nav-btn svg{display:block;pointer-events:none}.wb-nav-btn:hover{color:#ffd43b;background:var(--bg-raised, #123052);transform:scale(1.08)}.wb-nav-btn:active{color:#38bdf8;transform:scale(.92)}.wb-nav-btn.wb-nav-active{color:#ffd43b;background:#ffd43b2e;border-radius:8px}.wb-nav-btn.wb-nav-active:hover{color:#ffe066;background:#ffd43b47;transform:scale(1.08)}.wb-nav-zoom-val{min-width:50px;height:30px;padding:0 6px;border:none;border-radius:8px;background:transparent;color:#dcebffd9;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none;transition:color .15s ease,background .15s ease,transform .12s ease;flex-shrink:0}.wb-nav-zoom-val:hover{color:#fff;background:var(--bg-raised, #123052);transform:scale(1.05)}.wb-nav-zoom-val:active,.wb-nav-zoom-val.wb-label-highlight{color:#38bdf8;transform:scale(1.08)}.wb-nav-controls:has(.wb-nav-btn:active) .wb-nav-zoom-val{color:#38bdf8;transform:scale(1.08)}.wb-nav-sep{display:inline-block;width:1px;height:18px;margin:0 3px;background:#ffffff1f;flex-shrink:0}.wb-shortcuts-grid{display:flex;flex-direction:column;gap:5px}.wb-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:var(--radius-s, 8px);background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-family:var(--font-body, "Barlow Condensed", sans-serif);transition:background .12s ease}.wb-shortcut-row:hover{background:#ffffff12}.wb-shortcut-desc{font-size:13.5px;color:var(--chalk, #ffffff);font-weight:500;letter-spacing:.01em}.wb-kbd-group{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted, rgba(255, 255, 255, .58));font-family:var(--font-body, "Barlow Condensed", sans-serif)}.wb-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:700;color:var(--accent, #ffd43b);background:var(--bg-panel, #0d2040);border:1px solid var(--border, #1a3a60);border-radius:5px;box-shadow:0 2px #00000059;box-sizing:border-box}.wbs-orientation-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.wbs-orientation-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 6px 14px;border-radius:var(--radius-m, 10px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted, rgba(255, 255, 255, .58));font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:13.5px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .15s ease;touch-action:manipulation;text-align:center;line-height:1.15}.wbs-orientation-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60)}.wbs-orientation-btn.active{border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b)}.wbs-orientation-preview{width:52px;height:32px;border-radius:4px;background:#08162b;border:1.5px solid #294d75;box-shadow:0 3px 8px #0006;position:relative;overflow:hidden;box-sizing:border-box;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.wbs-orientation-btn:hover .wbs-orientation-preview{transform:translateY(-2px) scale(1.05)}.wbs-orientation-btn.active .wbs-orientation-preview{border-color:#ffd43b}.wbs-orientation-preview--vertical:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:#ffd43b;border-radius:2px 0 0 2px}.wbs-orientation-preview--vertical:after{display:none}.wbs-orientation-preview--horizontal:before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffd43b;border-radius:0 0 2px 2px}.wbs-orientation-preview--horizontal:after{display:none}.wbs-theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.wbs-theme-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 6px 14px;border-radius:var(--radius-m, 10px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted, rgba(255, 255, 255, .7));font-family:var(--font-body, "Barlow Condensed", sans-serif);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .15s ease;touch-action:manipulation;text-align:center;line-height:1.15}.wbs-theme-btn:hover{background:var(--bg-raised, #123052);color:var(--chalk, #ffffff);border-color:var(--border, #1a3a60);transform:translateY(-1px)}.wbs-theme-btn:active{transform:translateY(0)}.wbs-theme-btn.active{border-color:var(--accent, #ffd43b);color:var(--accent, #ffd43b)}.wbs-theme-swatch{width:48px;height:30px;border-radius:4px;box-sizing:border-box;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease;position:relative}.wbs-theme-btn:hover .wbs-theme-swatch{transform:translateY(-2px) scale(1.05)}.wbs-theme-swatch--white{background:#fff;border:2px solid #94a3b8;border-bottom:4px solid #64748b;box-shadow:0 3px 8px #00000059}.wbs-theme-swatch--white:before{content:"";position:absolute;top:6px;left:6px;width:14px;height:2px;background:#1e293b59;border-radius:1px}.wbs-theme-swatch--white:after{content:"";position:absolute;bottom:0;right:5px;width:8px;height:2.5px;background:#ef4444;border-radius:1px}.wbs-theme-swatch--green{background:#204431;border:2px solid #935f37;border-bottom:4px solid #663d1e;box-shadow:0 3px 8px #00000073}.wbs-theme-swatch--green:before{content:"";position:absolute;top:6px;left:6px;width:14px;height:2px;background:#ffffff73;border-radius:1px}.wbs-theme-swatch--green:after{content:"";position:absolute;bottom:0;right:5px;width:8px;height:2.5px;background:#fff;border-radius:1px}.wbs-theme-swatch--black{background:#1a1a1c;border:2px solid #935f37;border-bottom:4px solid #663d1e;box-shadow:0 3px 8px #00000073}.wbs-theme-swatch--black:before{content:"";position:absolute;top:6px;left:6px;width:14px;height:2px;background:#ffffff73;border-radius:1px}.wbs-theme-swatch--black:after{content:"";position:absolute;bottom:0;right:5px;width:8px;height:2.5px;background:#ffd43b;border-radius:1px}.wbs-save-row{display:flex;gap:8px;margin-top:4px}.wbs-save-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px 12px;font-size:13px;color:#fff;outline:none;transition:border-color .15s}.wbs-save-input::placeholder{color:#ffffff4d}.wbs-save-input:focus{border-color:#ffd43b80}.wbs-save-btn{width:38px;height:38px;background:#ffd43b24;border:1px solid rgba(255,212,59,.3);border-radius:9px;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s;flex-shrink:0}.wbs-save-btn:hover{background:#ffd43b47}.wbs-save-btn:disabled{opacity:.45;cursor:not-allowed}.wbs-list{display:flex;flex-direction:column;gap:6px;min-height:48px;max-height:220px;overflow-y:auto;margin-top:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.drawer .wbs-list{flex:1 1 auto;min-height:0;max-height:none}.wbs-empty,.wbs-spinner{display:flex;align-items:center;justify-content:center;font-size:13px;color:#ffffff59;padding:16px 0}.wbs-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;transition:background .15s,border-color .15s}.wbs-item:hover{background:#ffffff14;border-color:#ffffff21}.wbs-item-icon{color:#ffd43b8c;font-size:13px;flex-shrink:0}.wbs-item-name{flex:1;font-size:13px;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wbs-item-actions{display:flex;gap:6px;flex-shrink:0}.wbs-item-btn{width:30px;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffa6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s,color .15s}.wbs-item-btn.load:hover{background:#ffd43b33;color:var(--accent);border-color:#ffd43b4d}.wbs-item-btn.del:hover{background:#ff3c3c33;color:#f55;border-color:#ff3c3c4d}.wb-courts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:420px;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(255,212,59,.25) transparent}.wb-court-card{display:flex;flex-direction:column;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;text-align:center;padding:0}.wb-court-card:hover{transform:translateY(-2px);border-color:#ffd43b80;background:#ffd43b14;box-shadow:0 8px 20px #00000080}.wb-court-card-preview{width:100%;aspect-ratio:16 / 10;background:#0000004d;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}.wb-court-card-preview img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.wb-court-card-meta{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.wb-court-card-icon{font-size:15px}.wb-court-card-title{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}