.tb-page{--tb-paper:#f5f2e9;--tb-card:#fffdf8;--tb-ink:#203e3b;--tb-muted:#61706b;--tb-line:#d5ddd2;--tb-green:#245d4d;--tb-deep:#163f35;--tb-violet:#6552ab;--tb-soft:#e6eee6;max-width:1400px;margin:0 auto;padding:clamp(18px,3vw,35px) 24px 60px;color:var(--tb-ink);background:var(--tb-paper)}.tb-page *,.tb-page ::after,.tb-page ::before{box-sizing:border-box}.tb-page button,.tb-page input,.tb-page select{font:inherit}.tb-page button{cursor:pointer}.tb-page :is(button,input,select):focus-visible{outline:3px solid #bd7337;outline-offset:3px}.tb-page>.tb-heading{max-width:1000px;margin:0 auto 4px;text-align:center}.tb-page h1{margin:0;color:var(--tb-ink);font-size:clamp(2rem, 4.5vw, 3.6rem);letter-spacing:-.055em;line-height:1}.tb-page .tb-subtitle{margin:11px 0 0;color:var(--tb-muted)}.tb-page .tbi-fs-btn{position:static;display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;margin:12px 0 10px auto;padding:9px 13px;border:1px solid var(--tb-line);border-radius:9px;color:var(--tb-ink);background:var(--tb-card);font-weight:800}.tb-page .tb-status{min-height:1.4em;max-width:1000px;margin:0 auto 12px;color:var(--tb-muted);font-size:.8rem;text-align:center}.tb-page .tb-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-bottom:9px;padding:11px;border:1px solid var(--tb-line);border-radius:15px;background:var(--tb-card);box-shadow:0 5px 18px #183f370d}.tb-page .tb-toolbar-group{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:5px 7px;border-radius:8px;background:#f5f6f0}.tb-page .tb-toolbar-group label{width:100%;color:var(--tb-muted);font-size:.67rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.tb-page .tb-bg-select,.tb-page .tb-slider{min-height:44px;max-width:180px;border:1px solid var(--tb-line);border-radius:7px;color:var(--tb-ink);background:#fffdf9}.tb-page .tb-slider{accent-color:var(--tb-green)}.tb-page .tb-btn,.tb-page .tb-eraser-size-btn,.tb-page .tb-thickness-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border:1px solid var(--tb-line);border-radius:8px;color:var(--tb-ink);background:#fffdf9;font-size:.78rem;font-weight:750}.tb-page .tb-btn:hover,.tb-page .tb-eraser-size-btn:hover,.tb-page .tb-thickness-btn:hover{border-color:var(--tb-green);background:var(--tb-soft)}.tb-page .tb-btn.active,.tb-page :is(.tb-thickness-btn,.tb-eraser-size-btn,.tb-stamp-btn).active{border-color:var(--tb-violet);color:#fff;background:var(--tb-violet)}.tb-page .tb-btn-danger{color:#9d4931}.tb-page .tb-btn-success{border-color:var(--tb-green);color:#fff;background:var(--tb-green)}.tb-page .tb-btn-icon{min-width:44px;padding:8px}.tb-page .tb-color-btn{width:30px;height:30px;padding:0;border:3px solid transparent;border-radius:50%}.tb-page .tb-color-btn.active{border-color:var(--tb-ink);box-shadow:0 0 0 2px #fffdf9,0 0 0 3px var(--tb-ink)}.tb-page .tb-eraser-size-btn,.tb-page .tb-thickness-btn{width:44px;padding:5px}.tb-page .tb-eraser-preview,.tb-page .tb-thickness-line{width:26px;border-radius:99px;background:currentColor}.tb-page .tb-eraser-preview{background:#6b7280}.tb-page .tb-autosave-indicator{padding:5px;color:var(--tb-muted);font-size:.7rem;font-weight:700}.tb-page .tb-autosave-indicator.saving{color:#a96b32}.tb-page .tb-autosave-indicator.saved{color:var(--tb-green)}.tb-page .tb-autosave-indicator.error{color:#9d4931}.tb-page .tb-stamp-picker,.tb-page .tb-template-picker{position:absolute;top:calc(100% + 5px);left:0;z-index:30;display:none;min-width:235px;padding:8px;border:1px solid var(--tb-line);border-radius:10px;background:var(--tb-card);box-shadow:0 9px 24px #183f3730}.tb-page :is(.tb-template-picker,.tb-stamp-picker).visible{display:grid;gap:5px}.tb-page .tb-stamp-picker{grid-template-columns:repeat(4,1fr);min-width:205px}.tb-page .tb-stamp-btn,.tb-page .tb-template-btn{min-height:40px;padding:7px;border:1px solid var(--tb-line);border-radius:7px;color:var(--tb-ink);background:#faf9f4;text-align:left}.tb-page .tb-template-btn{display:flex;align-items:center;gap:8px}.tb-page .tb-stamp-btn:hover,.tb-page .tb-template-btn:hover{border-color:var(--tb-green);background:var(--tb-soft)}.tb-page .tb-template-btn-icon{font-size:1.05rem}.tb-page .tb-template-btn-text{color:var(--tb-ink);font-size:.78rem;font-weight:800}.tb-page .tb-template-btn-hint{color:var(--tb-muted);font-size:.67rem}.tb-page .tb-stamp-btn{text-align:center}.tb-page .tb-pages-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 0 9px;padding:8px;border:1px solid var(--tb-line);border-radius:11px;background:var(--tb-card)}.tb-page .tb-page-indicator{min-width:68px;color:var(--tb-muted);font-size:.8rem;font-weight:800;text-align:center}.tb-page .tb-board-region{border:1px solid var(--tb-line);border-radius:16px;overflow:hidden;background:var(--tb-card);box-shadow:0 10px 27px #183f3714}.tb-page .tb-board-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid var(--tb-line)}.tb-page .tb-board-heading h2{margin:0;color:var(--tb-ink);font-size:.94rem}.tb-page .tb-board-heading p{margin:0;color:var(--tb-muted);font-size:.76rem;text-align:right}.tb-page .tb-canvas-wrapper{position:relative;height:min(67vh,720px);min-height:430px;overflow:hidden;background:#fff}.tb-page .tb-canvas-wrapper canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.tb-page .tb-text-input{position:absolute;z-index:10;min-width:60px;padding:3px 5px;border:2px dashed var(--tb-violet);color:#1f2937;background:#fffffff0;outline:0}.tb-page .tb-eraser-cursor{position:absolute;z-index:15;display:none;border:2px solid #475569;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.tb-page .tb-selection-box{position:absolute;z-index:5;display:none;border:2px dashed var(--tb-violet);background:#7052b514;pointer-events:none}.tb-page .tb-selection-actions{position:absolute;z-index:15;display:none;gap:5px;padding:5px;border:1px solid var(--tb-line);border-radius:8px;background:var(--tb-card);box-shadow:0 4px 14px #183f3730}.tb-page .tb-selection-actions.visible{display:flex}.tb-page .tb-selection-actions button{min-height:36px;padding:5px 8px;border:1px solid var(--tb-line);border-radius:6px;background:#faf9f4}.tb-page .tb-shortcuts-help{position:absolute;right:8px;bottom:8px;z-index:20;display:none;max-width:280px;padding:9px;border-radius:8px;color:#fff;background:#10231fe8;font-size:.72rem;line-height:1.65}.tb-page .tb-shortcuts-help.visible{display:block}.tb-page .tb-shortcuts-help kbd{padding:1px 4px;border-radius:3px;background:#ffffff2b}.tb-page .tb-modal-overlay{position:fixed;inset:0;z-index:100001;display:none;align-items:center;justify-content:center;padding:20px;background:#071713b8}.tb-page .tb-modal-overlay.visible{display:flex}.tb-page .tb-modal{position:relative;width:min(100%,540px);max-height:80dvh;overflow:auto;padding:24px;border-radius:14px;color:var(--tb-ink);background:var(--tb-card)}.tb-page .tb-modal h3{margin:0 0 15px}.tb-page .tb-modal-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;color:var(--tb-ink);background:var(--tb-soft);font-size:1.35rem}.tb-page .tb-save-form{display:none;gap:7px;flex-wrap:wrap}.tb-page .tb-save-form input{flex:1;min-width:180px;min-height:44px;padding:8px;border:1px solid var(--tb-line);border-radius:8px}.tb-page .tb-saved-item{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--tb-line)}.tb-page.geometry-tableau{position:fixed;inset:0;z-index:100000;width:100vw;height:100dvh;max-width:none;padding:8px;overflow:hidden;background:var(--tb-paper);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:7px}.tb-page.geometry-tableau :is(h1,.tb-subtitle,.tb-status){display:none}.tb-page.geometry-tableau .tbi-fs-btn{position:absolute;top:8px;right:8px;z-index:3;margin:0}.tb-page.geometry-tableau .tb-toolbar{margin:0;overflow:auto}.tb-page.geometry-tableau .tb-pages-bar{margin:0}.tb-page.geometry-tableau .tb-board-region{min-height:0;display:flex;flex-direction:column}.tb-page.geometry-tableau .tb-canvas-wrapper{flex:1;min-height:0;height:auto}.tb-page.geometry-tableau .tb-board-heading{display:none}.tb-page[data-theme=dark],[data-theme=dark] .tb-page{--tb-paper:#11211e;--tb-card:#18312c;--tb-ink:#eef3ed;--tb-muted:#bdd0c5;--tb-line:#426057;--tb-green:#2b745c;--tb-deep:#1b503f;--tb-soft:#26473d;background:#11211e}[data-theme=dark] .tb-page :is(
.tb-toolbar,.tb-pages-bar,.tb-board-region,.tb-modal,.tb-template-picker,.tb-stamp-picker
){background:var(--tb-card)!important}[data-theme=dark] .tb-page :is(
.tb-toolbar-group,.tb-btn:not(.tb-btn-success),.tb-thickness-btn,.tb-eraser-size-btn,.tb-template-btn,.tb-stamp-btn,.tb-bg-select
){color:var(--tb-ink)!important;background:#1d3933!important}[data-theme=dark] .tb-page .tb-btn.active,[data-theme=dark] .tb-page :is(.tb-thickness-btn,.tb-eraser-size-btn,.tb-stamp-btn).active{color:#fff!important;background:var(--tb-violet)!important}@media (max-width:700px){.tb-page{padding:14px 8px 34px}.tb-page h1{font-size:2rem}.tb-page .tbi-fs-btn{width:100%;margin-left:0}.tb-page .tb-toolbar{flex-wrap:nowrap;overflow-x:auto;padding:7px}.tb-page .tb-toolbar-group{flex:none}.tb-page .tb-toolbar-group label{display:block}.tb-page .tb-btn{min-height:44px}.tb-page .tb-canvas-wrapper{height:calc(100dvh - 285px);min-height:320px}.tb-page .tb-board-heading{align-items:flex-start;flex-direction:column}.tb-page .tb-board-heading p{text-align:left}.tb-page.geometry-tableau{padding:5px}.tb-page.geometry-tableau .tb-toolbar{max-height:126px}.tb-page.geometry-tableau .tb-btn{min-height:44px;font-size:.72rem}.tb-page.geometry-tableau .tb-pages-bar{flex-wrap:nowrap;overflow:auto;justify-content:flex-start}.tb-page.geometry-tableau .tbi-fs-btn{width:auto}.tb-page.geometry-tableau .tb-canvas-wrapper{height:auto;min-height:0}}@media (prefers-reduced-motion:reduce){.tb-page *{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.tb-page{box-sizing:border-box;width:100%;min-width:0}.tb-page>*{min-width:0;max-width:100%}.tb-page .tb-board-region{padding:0;margin:0}.tb-page .tb-canvas-wrapper canvas{max-width:100%}.tb-page .tb-board-heading{padding:10px 14px}.tb-page .tb-pages-bar .tb-btn{flex-shrink:0}.tb-page .tb-pages-bar{flex-wrap:nowrap;overflow-x:auto}.tb-page .tbi-fs-btn span{display:inline!important}.tb-page .tb-btn.active:hover{background:var(--tb-violet);color:#fff}.tb-page .tb-eraser-sizes{display:none}.tb-page .tb-eraser-sizes.visible{display:flex}.tb-page :is(.tb-btn,.tb-thickness-btn,.tb-eraser-size-btn,.tb-color-btn):disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}.tb-page .cursor-arrow,.tb-page .cursor-ellipse,.tb-page .cursor-fill,.tb-page .cursor-highlighter,.tb-page .cursor-line,.tb-page .cursor-pen,.tb-page .cursor-rect,.tb-page .cursor-triangle{cursor:crosshair}.tb-page .cursor-eraser{cursor:none}.tb-page .cursor-text{cursor:text}.tb-page .cursor-select{cursor:default}.tb-page .cursor-stamp{cursor:copy}.tb-page.geometry-tableau{display:flex;flex-direction:column;gap:7px}.tb-page.geometry-tableau>.local-content-tools,.tb-page.geometry-tableau>.tb-heading,.tb-page.geometry-tableau>.tbi-fs-btn{display:none}.tb-page.geometry-tableau .tb-status{display:none;flex:none;min-height:0;margin:0;padding:2px 8px;font-size:.7rem}.tb-page.geometry-tableau .tb-toolbar{flex:none;max-height:158px;overflow:auto}.tb-page.geometry-tableau .tb-pages-bar{flex:none}.tb-page.geometry-tableau .tb-board-region{flex:1 1 auto;min-height:0}.tb-page.geometry-tableau .tb-board-region .tb-canvas-wrapper{flex:1 1 auto;min-height:0;height:100%}.tb-page.geometry-tableau .geometry-tableau-toolbar{flex-wrap:nowrap;gap:6px}.tb-page.geometry-tableau .geometry-tableau-toolbar .tb-toolbar-group{flex-wrap:nowrap;min-width:0}.tb-page.geometry-tableau .geometry-tableau-toolbar .tb-toolbar-group label{display:none}.tb-page.geometry-tableau .geometry-tableau-toolbar button{flex-shrink:0}.tb-page.geometry-tableau .tb-board-region{flex:1 1 0}.tb-page.geometry-tableau .tb-pages-bar{padding:4px}@media (max-width:700px){.tb-page.geometry-tableau .geometry-tableau-toolbar{display:grid;grid-template-columns:1fr 1fr}.tb-page.geometry-tableau .geometry-tableau-toolbar>.tb-toolbar-group:first-child{grid-column:1/-1;overflow-x:auto;padding:4px}.tb-page.geometry-tableau .geometry-tableau-toolbar>.tb-toolbar-group:nth-child(2){grid-column:1/-1;justify-content:center;padding:3px}.tb-page.geometry-tableau .geometry-tableau-toolbar>button{padding:6px;font-size:.74rem;margin:0;min-height:44px}.tb-page.geometry-tableau .tb-toolbar{position:absolute;z-index:35;top:168px;left:5px;right:5px;max-height:calc(100dvh - 178px)!important;box-shadow:0 8px 20px #0004}.tb-page .tb-toolbar{overflow-x:auto;overflow-y:visible}.tb-page .tb-toolbar-group{position:static}.tb-page .tb-stamp-picker,.tb-page .tb-template-picker{position:fixed;top:auto;left:8px;right:8px;bottom:8px;max-height:52dvh;overflow:auto}.tb-page.geometry-tableau .tb-toolbar{flex-wrap:wrap;max-height:min(42dvh,240px);overflow:auto}.tb-page.geometry-tableau .tb-toolbar-group{flex:1 1 auto}}[data-theme=dark] .tb-page .tb-status{color:#c9d8cc}.tb-page.geometry-tableau .tb-status.is-notice{display:block;position:absolute;z-index:45;bottom:12px;left:12px;right:12px;max-height:70px;overflow:auto;border:1px solid var(--tb-line);border-radius:8px;padding:8px 12px;color:var(--tb-ink);background:var(--tb-card)}.tb-page #tb-modal-status{margin:8px 0 14px;font-size:.85rem;line-height:1.5}.tb-page .tb-saved-item>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.tb-page .tb-saved-item-name{font-weight:700}.tb-page .tb-saved-item-date{font-size:.75rem;color:var(--tb-muted)}.tb-page .tb-saved-item-actions{display:flex;gap:5px;flex-wrap:wrap}.tb-page .tb-saved-item-actions button{min-height:44px;border:1px solid var(--tb-line);border-radius:7px;color:var(--tb-ink);background:var(--tb-soft)}.tb-page .tb-modal-overlay h3{padding-right:35px}.tb-page .tb-selection-actions{max-width:calc(100% - 8px);flex-wrap:wrap}.tb-page .tb-selection-actions button{min-height:44px}@media (max-width:700px){.tb-page .tb-color-btn{width:44px;height:44px}}