*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f7fb;color:#000000e0}a{color:#1677ff;text-decoration:none}a:hover{color:#4096ff}.document-layout{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas-app{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#f5f7fb}.canvas-viewport{flex:1;min-height:0;position:relative;overflow:hidden}.canvas-surface{display:block;width:100%;height:100%;touch-action:none}.doc-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:0 16px;min-height:44px;background:#fff;border-bottom:1px solid #eef0f4;flex-shrink:0;z-index:1000}.doc-header__nav{display:flex;align-items:center;gap:10px;flex-shrink:0}.doc-header__back{font-size:.8125rem;white-space:nowrap;color:#1677ff;text-decoration:none}.doc-header__back:hover{color:#4096ff}.doc-header__back--plm{font-weight:600}.doc-header__history-wrap{position:relative}.doc-header__conflict{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:8px;background:#fff2f0;border:1px solid #ffccc7;color:#a8071a;font-size:.8125rem}.doc-header__conflict-btn{flex-shrink:0;padding:4px 10px;border-radius:6px;border:1px solid #ffa39e;background:#fff;color:#cf1322;font-size:.75rem;cursor:pointer}.doc-header__conflict-btn:hover{background:#fff1f0}.doc-history-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 24px));max-height:360px;overflow:auto;padding:12px;border-radius:12px;background:#fff;border:1px solid #e8ecf2;box-shadow:0 8px 32px #0f172a24;z-index:1100}.doc-history-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.doc-history-panel__close{border:none;background:transparent;font-size:1.25rem;line-height:1;color:#00000073;cursor:pointer}.doc-history-panel__hint{margin:0 0 10px;font-size:.75rem;color:#00000073;line-height:1.35}.doc-history-panel__empty,.doc-history-panel__error{margin:0;font-size:.8125rem}.doc-history-panel__error{color:#cf1322}.doc-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.doc-history-list__item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:8px 10px;border:1px solid #eef0f4;border-radius:8px;background:#fafbfc;text-align:left;cursor:pointer}.doc-history-list__item:hover{border-color:#91caff;background:#f0f7ff}.doc-history-list__item.is-current{border-color:#b7eb8f;background:#f6ffed}.doc-history-list__time{font-size:.8125rem;font-weight:600;color:#000000d9}.doc-history-list__meta{grid-column:1;font-size:.6875rem;color:#00000073}.doc-history-list__action{grid-row:1 / span 2;align-self:center;font-size:.75rem;color:#1677ff;font-weight:600}.doc-header__title{margin:0;font-size:.9375rem;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.doc-header__btn{padding:4px 10px;border-radius:6px;border:1px solid #eef0f4;background:#fafbfc;color:#000000a6;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.doc-header__btn:hover{border-color:#1677ff;color:#1677ff}.doc-header__btn.is-active{border-color:#1677ff;background:#f0f7ff;color:#1677ff}.doc-header__status{font-size:.75rem;color:#00000073;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.doc-header__status[data-state=saved]{color:#389e0d}.doc-header__status[data-state=error]{color:#cf1322}.doc-header__collab{margin-right:8px;color:#389e0d;font-weight:600}.collab-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:700;overflow:hidden}.collab-overlay__live-stroke{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.collab-overlay__ghost{position:absolute;border:2px dashed;border-radius:4px;opacity:.55;box-sizing:border-box}.collab-overlay__cursor{position:absolute;transform:translate(-2px,-2px);pointer-events:none;display:flex;align-items:flex-start;gap:4px}.collab-overlay__cursor-dot{width:8px;height:8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000026;flex-shrink:0}.collab-overlay__cursor-label{margin-top:-2px;padding:2px 6px;border-radius:4px;color:#fff;font-size:.6875rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 6px #0f172a26}.canvas-notice{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:900;max-width:480px;padding:8px 14px;border-radius:8px;background:#fff7e6;border:1px solid #ffd591;color:#874d00;font-size:.8125rem;pointer-events:none}.canvas-hint{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:850;padding:6px 12px;border-radius:8px;background:#1677ff;color:#fff;font-size:.8125rem;pointer-events:none;box-shadow:0 2px 8px #1677ff40}.canvas-toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:800;display:flex;flex-wrap:wrap;gap:4px;align-items:center;max-width:calc(100vw - 24px);padding:5px 8px;border-radius:12px;background:#fffffffa;border:1px solid #e8ecf2;box-shadow:0 4px 24px #0f172a1a;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-toolbar__group{display:flex;align-items:center;gap:2px;padding:0 6px;border-right:1px solid #eef0f4}.canvas-toolbar__group:last-child{border-right:none}.canvas-toolbar__history{gap:0;padding:0 4px 0 6px}.canvas-toolbar__history-btn{width:34px;height:34px}.canvas-toolbar__history-btn:first-child{border-radius:8px 4px 4px 8px}.canvas-toolbar__history-btn:last-child{border-radius:4px 8px 8px 4px}.canvas-toolbar__history-btn svg{display:block}.canvas-toolbar__draw-btn{display:inline-flex;align-items:center;gap:1px;height:34px;padding:0 6px 0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#000000a6;cursor:pointer}.canvas-toolbar__draw-btn:hover{background:#f5f7fb;color:#000000e0}.canvas-toolbar__draw-btn.is-active{background:#1677ff;color:#fff;border-color:#1677ff}.canvas-toolbar__draw-chevron{opacity:.55;margin-top:1px}.canvas-toolbar__draw-btn.is-active .canvas-toolbar__draw-chevron{opacity:.9}.canvas-toolbar__context-btn{min-width:88px}.canvas-toolbar__text-hint{gap:6px;font-size:.6875rem;color:#00000073;white-space:nowrap}.canvas-toolbar__text-select{height:28px;border:1px solid #e5e7eb;border-radius:6px;padding:0 6px;font-size:.75rem;background:#fff;color:#000000bf}.canvas-toolbar__stroke{gap:6px}.canvas-toolbar__swatches{display:flex;align-items:center;gap:3px}.canvas-toolbar__color-input{width:28px;height:28px;padding:0;border:1px solid #e5e7eb;border-radius:8px;background:transparent;cursor:pointer}.canvas-toolbar__catalog-wrap{position:relative}.toolbar-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:200px;padding:10px;border-radius:12px;background:#fff;border:1px solid #e8ecf2;box-shadow:0 8px 32px #0f172a24;z-index:900}.toolbar-popover--draw{min-width:220px}.toolbar-popover--catalog{min-width:240px}.toolbar-popover--arrow{min-width:180px}.toolbar-popover__title{font-size:.6875rem;font-weight:600;color:#00000073;text-transform:uppercase;letter-spacing:.05em;padding:0 2px 8px}.toolbar-popover__subtitle{font-size:.6875rem;font-weight:600;color:#0000008c;padding:2px 2px 8px}.toolbar-popover__divider{height:1px;background:#eef0f4;margin:8px 0}.toolbar-popover__hint{margin:8px 0 0;font-size:.625rem;line-height:1.35;color:#0006}.toolbar-popover__field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-size:.75rem;color:#0000008c}.toolbar-popover__field select{height:32px;border:1px solid #e5e7eb;border-radius:8px;padding:0 8px;font-size:.8125rem;background:#fff}.toolbar-popover__toggle{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:.8125rem;color:#000000bf;cursor:pointer;border-radius:6px}.toolbar-popover__toggle:hover{background:#f8fafc}.draw-tools-list{display:flex;flex-direction:column;gap:2px}.draw-tools-list__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#000c;font-size:.8125rem;text-align:left;cursor:pointer}.draw-tools-list__item:hover{background:#f5f7fb}.draw-tools-list__item.is-active{background:#e6f4ff;border-color:#91caff;color:#0958d9}.draw-tools-list__icon{display:inline-flex;width:22px;justify-content:center;flex-shrink:0}.draw-tools-list__label{flex:1}.draw-tools-list__check{font-size:.75rem;color:#1677ff;font-weight:700}.pencil-grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pencil-grade-grid__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;border:1px solid #eef0f4;border-radius:8px;background:#fafbfc;color:#000000b3;font-size:.625rem;font-weight:600;cursor:pointer}.pencil-grade-grid__item:hover{background:#f0f4f8;border-color:#d9e2ec}.pencil-grade-grid__item.is-active{background:#1677ff;border-color:#1677ff;color:#fff}.pencil-grade-grid__item.is-active svg{color:#fff}.shape-catalog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.shape-catalog__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:#000000bf;font-size:.6875rem;cursor:pointer;text-align:center;line-height:1.2}.shape-catalog__item:hover{background:#f5f7fb;border-color:#eef0f4}.shape-catalog__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-minimap{position:absolute;right:12px;bottom:88px;z-index:750;border-radius:8px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 2px 8px #0f172a14;padding:4px}.canvas-toolbar__icon-btn:disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.canvas-toolbar__icon-btn:disabled:hover{background:transparent;color:#000000a6}.canvas-toolbar__btn,.canvas-toolbar__icon-btn{border:1px solid transparent;background:transparent;color:#000000a6;border-radius:6px;cursor:pointer}.canvas-toolbar__btn{padding:5px 8px;font-size:.75rem;white-space:nowrap}.canvas-toolbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}.canvas-toolbar__btn:hover,.canvas-toolbar__icon-btn:hover{background:#f5f7fb;color:#000000e0}.canvas-toolbar__btn.is-active,.canvas-toolbar__icon-btn.is-active{background:#1677ff;color:#fff;border-color:#1677ff}.canvas-toolbar__swatch{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d9d9d9;cursor:pointer;padding:0}.canvas-toolbar__swatch.is-active{box-shadow:0 0 0 2px #1677ff}.canvas-toolbar input[type=range]{width:64px;margin:0}.canvas-toolbar__size{display:flex;align-items:center;gap:4px}.canvas-toolbar__label{font-size:.6875rem;color:#00000073}.canvas-text-edit-wrap{position:absolute;z-index:900;pointer-events:auto}.canvas-text-edit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:901;margin:0;padding:6px;border:2px solid #1677ff;border-radius:6px;background:#fffffffa;color:#000000e0;resize:none;outline:none;font-family:system-ui,sans-serif;line-height:1.35;box-shadow:0 2px 12px #0f172a1a;pointer-events:auto;box-sizing:border-box}.canvas-text-edit--note{background:#fef08a;border-color:#ca8a04}.canvas-frame-title-edit{width:100%;height:100%;margin:0;padding:4px 8px;border:2px solid #1677ff;border-radius:6px;background:#fff;color:#000000e0;font-size:12px;font-family:system-ui,sans-serif;outline:none;box-shadow:0 2px 8px #0f172a1a}.canvas-text-format-bar{position:absolute;z-index:1200;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0f172a1f;pointer-events:auto;white-space:nowrap}.canvas-text-format-bar__label{font-size:.75rem;font-weight:600;color:#00000073;margin-right:2px}.canvas-text-format-bar__size{display:inline-flex;align-items:center;gap:2px}.canvas-text-format-bar__btn{width:26px;height:26px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#000000bf;font-size:1rem;line-height:1;cursor:pointer}.canvas-text-format-bar__btn:hover{background:#f3f4f6}.canvas-text-format-bar__select{height:26px;min-width:52px;border:1px solid #e5e7eb;border-radius:6px;padding:0 6px;font-size:.8125rem;background:#fff}.canvas-text-format-bar__toggle{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#000000bf;font-size:.875rem;cursor:pointer}.canvas-text-format-bar__toggle.is-active{background:#e6f4ff;border-color:#1677ff;color:#1677ff}.canvas-text-format-bar__color input{width:28px;height:28px;padding:0;border:1px solid #e5e7eb;border-radius:6px;background:transparent;cursor:pointer}.home-page{max-width:720px;margin:0 auto;padding:32px 24px 48px}.home-header{margin-bottom:24px}.home-header__nav{display:flex;align-items:center;gap:12px;margin-bottom:10px}.home-header__back{display:inline-block;margin-bottom:0;font-size:.875rem;color:#1677ff;text-decoration:none}.home-header__back:hover{color:#4096ff}.home-header h1{margin:0 0 6px;font-size:1.375rem;font-weight:600;letter-spacing:-.02em}.home-header p{margin:0 0 16px;color:#00000073;font-size:.9375rem}.project-filter{font-size:.8125rem;color:#00000073;margin-bottom:12px!important}.project-filter code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.75rem}.primary-btn{background:#1677ff;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:0 2px #0591ff1a}.primary-btn:hover:not(:disabled){background:#4096ff}.primary-btn:disabled{opacity:.6;cursor:wait}.doc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.doc-list li{border:1px solid #eef0f4;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}.doc-list li:hover{border-color:#1677ff;box-shadow:0 2px 8px #1677ff14}.doc-list a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;color:inherit;text-decoration:none}.doc-list strong{font-size:.9375rem;font-weight:500}.doc-list span{font-size:.75rem;color:#00000073}.empty{color:#00000073;margin-top:16px;font-size:.9375rem}.canvas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:60vh;color:#00000073}.page-error{padding:24px;color:#cf1322;background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;margin:24px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#000000a6;font-size:15px}.auth-page--error{flex-direction:column;gap:8px;color:#cf1322}