*,:before,:after{box-sizing:border-box}body{min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Pretendard,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#7c6af708 1px,#0000 1px),linear-gradient(90deg,#7c6af708 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}body.in-board:before{display:none}body.in-board .top-overlay,body.in-board .top-overlay-left{display:none!important}.cb-view{display:none}.cb-view.active{display:block}#view-board{z-index:500;flex-direction:column;display:none;position:fixed;inset:0;overflow:hidden}#view-board.active{display:flex}#cb-tb{z-index:100;border-bottom:1px solid #0000;flex-shrink:0;align-items:center;gap:6px;height:52px;padding:0 14px;display:flex}.tb-btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;min-width:40px;height:40px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}.tb-btn.on{opacity:1!important}.tb-btn .ic{flex-shrink:0;width:15px;height:15px}.tb-btn .tb-caret{opacity:.6;width:11px;height:11px}.tb-sep{flex:1}.tb-status{white-space:nowrap;opacity:.55;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:600;transition:opacity .3s;display:inline-flex}.tb-status .ic{width:13px;height:13px}.tb-status.flash{opacity:.95}.is-view-only .tb-status{display:none}.type-dot{border:1px solid #7f7f7f99;border-radius:3px;flex-shrink:0;width:12px;height:12px}#tb-name{cursor:text;background:0 0;border:1px solid #ffffff2e;border-radius:6px;max-width:200px;padding:4px 10px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,background .15s}#tb-name:hover{border-color:#ffffff59}#tb-name:focus{background:#ffffff0f;border-color:#ffffff8c;outline:none}body.board-white #tb-name{border-color:#0000002e}body.board-white #tb-name:hover{border-color:#0000004d}body.board-white #tb-name:focus{background:#0000000a;border-color:#00000073}#save-dropdown{z-index:9500;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:3px;min-width:150px;padding:6px;display:none;position:fixed;box-shadow:0 4px 20px #00000073}#save-dropdown.open{display:flex}#share-dropdown{z-index:9500;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:3px;min-width:150px;padding:6px;display:none;position:fixed;box-shadow:0 4px 20px #00000073}#share-dropdown.open{display:flex}.save-opt{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}#btn-back{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}#cb-canvas{touch-action:none;user-select:none;-webkit-touch-callout:none;flex:1;position:relative;overflow:hidden}#cb-canvas.mode-text{cursor:text}#cb-canvas.mode-line{cursor:crosshair}#cb-canvas.mode-select{cursor:default}#cb-stage{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}#cb-svg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}#cb-empty-hint{z-index:0;pointer-events:none;text-align:center;justify-content:center;align-items:center;padding:24px;display:none;position:absolute;inset:0}#cb-empty-hint.show{display:flex}#cb-empty-hint ul{opacity:.55;word-break:keep-all;flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;font-weight:600;line-height:1.5;list-style:none;display:flex}#cb-empty-hint li{justify-content:center;align-items:center;gap:8px;display:flex}#cb-empty-hint .ic{flex-shrink:0;width:18px;height:18px}.cb-el{z-index:2;cursor:grab;user-select:none;white-space:pre-wrap;word-break:break-word;border:2px solid #0000;border-radius:4px;outline:none;padding:4px 6px;font-weight:700;line-height:1.2;transition:border-color .15s;position:absolute}.cb-el:active{cursor:grabbing}.cb-el.selected{border-color:#ffffff59}.cb-el[contenteditable=true]{cursor:text;user-select:text;caret-color:currentColor}.cb-el.dragging{cursor:grabbing}#cb-ctx{z-index:9000;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:none;position:fixed}.ctx-row{align-items:center;gap:4px;display:flex}.ctx-btn{cursor:pointer;color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s;display:flex}.ctx-btn:hover{background:#fff3}.ctx-btn .ic{width:17px;height:17px}.ctx-dot{background:currentColor;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #7f7f7f80}.ctx-btn.ctx-del{color:#ff7070}.ctx-btn.ctx-del:hover{background:#ff505033}.ctx-swatch{border:2px solid #0000}.ctx-swatch.cur{outline-offset:2px;outline:2px solid #ffffffd9}body.board-white .ctx-btn{color:#222;background:#00000012;border-color:#00000021}body.board-white .ctx-btn:hover{background:#00000024}body.board-white .ctx-btn.ctx-del{color:#d93025}body.board-white .ctx-btn.ctx-del:hover{background:#d930251a}body.board-white .ctx-swatch.cur{outline-color:#0009}body.board-white .cb-el.selected{border-color:#00000040!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#view-home{z-index:1;position:relative}.cb-home-wrap{max-width:860px;margin:0 auto;padding:68px 20px 80px}.cb-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);flex:1;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:700;display:flex}.cb-section-title:after{content:"";background:var(--border);flex:1;height:1px}.home-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.btn-new{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;height:44px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}.btn-new:hover{background:var(--primary-h)}.board-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.board-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;transition:border-color .2s,transform .15s,box-shadow .2s;animation:.22s both fadeUp;display:flex;position:relative;overflow:hidden}.board-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #006fee1a}.board-thumb{flex-shrink:0;justify-content:center;align-items:center;height:88px;padding:10px 14px;display:flex;position:relative;overflow:hidden}.board-thumb-placeholder{opacity:.35;font-size:28px}.board-preview-text{text-align:center;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;max-width:100%;font-size:20px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.board-info-row{flex:1;align-items:center;gap:8px;padding:12px 14px;display:flex}.board-info{flex:1;min-width:0}.board-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.board-open{all:unset;max-width:100%;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:14px;font-weight:700;display:block;overflow:hidden}.board-open:after{content:"";border-radius:14px;position:absolute;inset:0}.board-open:focus-visible:after{outline:2px solid var(--primary);outline-offset:-2px}.board-meta{color:var(--fg-muted);margin-top:3px;font-size:11px}.board-del{z-index:1;cursor:pointer;width:40px;height:40px;color:var(--fg-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:relative}.board-del:hover{color:var(--danger);background:#ff00000f}.empty-state{text-align:center;color:var(--fg-muted);grid-column:1/-1;padding:60px 0}.empty-icon{color:var(--fg-muted);justify-content:center;margin-bottom:16px;display:flex}.empty-icon svg{stroke:currentColor;stroke-width:1.5px;fill:none;opacity:.5;width:48px;height:48px}.empty-text{font-size:14px}.modal-bg{z-index:8000;backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-bg.active{display:flex}.modal-box{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:min(90vw,380px);padding:24px}.modal-title{margin:0 0 16px;font-size:16px;font-weight:700}.modal-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--fg);border-radius:8px;outline:none;margin-bottom:12px;padding:10px 14px;font-family:inherit;font-size:15px}.modal-input:focus{border-color:var(--primary)}@media (width<=600px){.modal-input{font-size:16px}}.modal-type-row{gap:8px;margin-bottom:16px;display:flex}.type-btn{border:2px solid var(--border);cursor:pointer;text-align:center;background:var(--bg);min-height:44px;color:var(--fg-muted);border-radius:10px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.type-btn.sel{border-color:var(--primary);color:var(--primary);background:#006fee14}.type-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.modal-actions{gap:8px;display:flex}.btn-cancel{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--fg-muted);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-size:14px;font-weight:600}.btn-cancel,.btn-confirm{justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-confirm{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:2;min-height:44px;padding:10px;font-family:inherit;font-size:14px;font-weight:600}#btn-more{display:none}#more-dropdown{z-index:9500;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:3px;min-width:160px;padding:6px;display:none;position:fixed;box-shadow:0 4px 20px #00000073}#more-dropdown.open{display:flex}.more-sep{opacity:.12;background:currentColor;height:1px;margin:3px 4px}.more-note{opacity:.6;align-items:center;gap:6px;padding:6px 12px 4px;font-size:12px;display:flex}.more-note .ic{width:13px;height:13px}#more-type{display:none}@media (width<=900px){#btn-add-text .tb-label,#btn-draw .tb-label,#btn-undo .tb-label,#btn-fit .tb-label{display:none}#btn-add-text,#btn-draw,#btn-undo,#btn-fit{justify-content:center;padding:0 8px}#autosave-status{display:none}#tb-name{flex:auto;width:100%;min-width:0}}@media (width<=600px){#btn-save,#btn-share{display:none!important}#btn-more{display:flex}#btn-type{display:none!important}#more-type{display:flex}#btn-more{justify-content:center;padding:0 10px}#cb-tb{gap:4px;padding:0 8px}#tb-name{flex:auto;width:100%;min-width:0;font-size:16px}.tb-sep{display:none}.is-view-only #btn-add-text,.is-view-only #btn-draw,.is-view-only #btn-undo,.is-view-only #btn-more{display:none!important}#btn-view-badge{flex-shrink:0;padding:0 8px}#btn-clone{flex-shrink:0;padding:0 10px}}@media (pointer:coarse){#cb-tb{height:56px}.tb-btn,#btn-back{min-width:44px;height:44px}#btn-back{width:44px}.ctx-btn{width:44px;height:44px}.ctx-swatch{width:44px!important;height:44px!important}.board-del{width:44px;height:44px}}.is-view-only #btn-type,.is-view-only #btn-add-text,.is-view-only #btn-draw,.is-view-only #btn-undo,.is-view-only #btn-save,.is-view-only #btn-share,.is-view-only #btn-more,.is-view-only #tb-name{opacity:.3;pointer-events:none}#btn-view-badge{letter-spacing:.06em;opacity:.7;white-space:nowrap;border:1px solid;border-radius:6px;align-items:center;gap:4px;height:40px;padding:0 10px;font-size:12px;font-weight:700;display:none}.is-view-only #btn-view-badge{display:flex}#btn-clone{display:none}.is-view-only #btn-clone{display:flex}.modal-share-name{color:var(--fg);text-align:center;margin:-.5rem 0 1rem;font-size:15px;font-weight:700}