.pub-canvas-toolbar{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;width:auto;max-width:100%;padding:0;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;pointer-events:auto}.pub-canvas-toolbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(15,23,42,.08);border-radius:7px;background:#fff;font-size:14px;font-weight:500;line-height:1;color:#1f2329;cursor:pointer;font-family:inherit;flex-shrink:0}.pub-canvas-toolbar__icon-btn:hover{background:#067bef0f;border-color:#067bef2e;color:#067bef}.pub-canvas-toolbar__icon-btn[aria-pressed=true]{background:#067bef1a;border-color:#067bef47;color:#067bef}.pub-canvas-toolbar__icon-btn--fullscreen{background:#f8f9fb}.pub-canvas-toolbar__pct{min-width:36px;font-size:12px;font-weight:600;color:#646a73;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;flex-shrink:0}.pub-canvas-toolbar__text-btn{padding:0 8px;height:28px;border:1px solid rgba(15,23,42,.08);border-radius:7px;background:#fff;font-size:12px;line-height:28px;color:#646a73;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0}.pub-canvas-toolbar__text-btn:hover{background:#067bef0f;color:#067bef}.pub-canvas-toolbar__slider{flex:0 0 72px;width:72px;min-width:0;max-width:72px;height:4px;margin:0;accent-color:#067bef;cursor:pointer}.pub-canvas-toolbar__toggle{display:inline-flex;flex-direction:row;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;white-space:nowrap;margin-left:4px}.pub-canvas-toolbar__toggle-input{position:absolute;opacity:0;width:0;height:0}.pub-canvas-toolbar__toggle-track{position:relative;width:28px;height:16px;border-radius:999px;background:#d0d3d6;transition:background .15s ease;flex-shrink:0}.pub-canvas-toolbar__toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a26;transition:transform .15s ease}.pub-canvas-toolbar__toggle-input:checked+.pub-canvas-toolbar__toggle-track{background:#067bef}.pub-canvas-toolbar__toggle-input:checked+.pub-canvas-toolbar__toggle-track:after{transform:translate(12px)}.pub-canvas-toolbar__toggle-label{font-size:11px;line-height:1;color:#1f2329;white-space:nowrap}.pub-canvas-viewer__toolbar-dock{position:static;z-index:auto;flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;padding:10px 16px;box-sizing:border-box;background:#fafbfc;border-bottom:1px solid rgba(15,23,42,.06);pointer-events:auto}.publication-detail__canvas-wrap .pub-canvas-viewer__toolbar-dock{padding:10px 20px;background:#fff}.pub-canvas-viewer__shell:fullscreen .pub-canvas-viewer__toolbar-dock,.pub-canvas-viewer--fullscreen .pub-canvas-viewer__toolbar-dock{padding:10px 16px 8px}.pub-canvas-viewer__shell:fullscreen,.pub-canvas-viewer--fullscreen .pub-canvas-viewer__shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:#fff}.pub-canvas-viewer__shell:fullscreen .pub-canvas-viewer__body,.pub-canvas-viewer--fullscreen .pub-canvas-viewer__body{flex:1 1 auto;min-height:0}.pub-canvas-viewer__shell:fullscreen .pub-canvas-viewer__stage,.pub-canvas-viewer--fullscreen .pub-canvas-viewer__stage{flex:1 1 auto;width:100%;min-height:0;height:auto;border-radius:0}.publication-detail-page--wide .pub-canvas-viewer__shell:fullscreen .pub-canvas-viewer__stage,.publication-detail-page--wide .pub-canvas-viewer--fullscreen .pub-canvas-viewer__stage{flex:1 1 auto;width:100%;min-height:0;height:auto}@media (max-width: 768px){.pub-canvas-viewer__toolbar-dock{padding:8px 10px;justify-content:center}.pub-canvas-toolbar{justify-content:center}}.pub-preview-tree-wrap{position:relative;flex-shrink:0;width:var(--proto-left-width, 248px);align-self:stretch;min-height:0;overflow:visible;transition:width .3s cubic-bezier(.4,0,.2,1)}.pub-preview-tree-wrap--collapsed{width:0;transition:width .24s cubic-bezier(.4,0,.2,1)}.pub-preview-tree{display:flex;flex-direction:column;width:100%;height:100%;min-height:100%;background:var(--proto-bg-panel, #fff);border-right:1px solid var(--proto-border, #e8e8e8);box-sizing:border-box;overflow:hidden;transition:opacity .22s ease,transform .3s cubic-bezier(.4,0,.2,1)}.pub-preview-tree-wrap--collapsed .pub-preview-tree{opacity:0;pointer-events:none;transform:translate(-8px)}.pub-preview-tree__head{flex-shrink:0;padding:12px 14px 8px;font-size:12px;font-weight:600;color:#8f959e;letter-spacing:.02em}.pub-preview-tree__list,.pub-preview-tree__children{list-style:none;margin:0;padding:0}.pub-preview-tree__list{flex:1;min-height:0;overflow:auto;padding:0 6px 12px}.pub-preview-tree__row{display:flex;align-items:center;gap:2px;min-height:34px;border-radius:6px;transition:background .12s;box-sizing:border-box}.pub-preview-tree__row:hover{background:#00000008}.pub-preview-tree__row.is-active{background:var(--proto-primary-soft, rgba(6, 123, 239, .08));box-shadow:inset 3px 0 0 var(--proto-primary, #067bef)}.pub-preview-tree__chevron,.pub-preview-tree__chevron-spacer{flex-shrink:0;width:18px;height:18px}.pub-preview-tree__chevron{border:none;padding:0;background:transparent;cursor:pointer;position:relative}.pub-preview-tree__chevron:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #94a3b8;transform:translate(-40%,-50%);transition:transform .15s ease}.pub-preview-tree__chevron.is-open:before{transform:translate(-50%,-40%) rotate(90deg)}.pub-preview-tree__label{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:4px 6px 4px 2px;text-align:left;cursor:pointer;color:#1f2329;font-size:13px;line-height:1.3;font:inherit}.pub-preview-tree__label:disabled{cursor:default;color:#646a73}.pub-preview-tree__type-icon{flex-shrink:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.pub-preview-tree__type-icon--folder{color:#faad14}.pub-preview-tree__type-icon--canvas{color:#1677ff}.pub-preview-tree__type-icon--frame{color:#8f959e}.pub-preview-tree__row.is-active .pub-preview-tree__type-icon--frame{color:var(--proto-primary, #067bef)}.pub-preview-tree__row.is-active .pub-preview-tree__title{color:var(--proto-primary, #067bef);font-weight:500}.pub-preview-tree__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-preview-tree-toggle{--toggle-size: 22px;position:absolute;top:50%;right:calc(var(--toggle-size) / -2 - 1px);z-index:25;display:flex;align-items:center;justify-content:center;width:var(--toggle-size);height:36px;padding:0;border:1px solid var(--proto-border, #e8e8e8);border-radius:999px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#94a3b8;cursor:pointer;transform:translateY(-50%);box-shadow:0 1px 3px #0f172a0f,0 4px 12px #0f172a0d;opacity:.88;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease,left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1)}.pub-preview-tree-wrap:hover .pub-preview-tree-toggle,.pub-preview-tree-toggle:focus-visible{opacity:1}.pub-preview-tree-toggle:hover{background:#fff;color:var(--proto-primary, #067bef);border-color:#067bef40;box-shadow:0 2px 6px #067bef1f,0 6px 16px #067bef1a}.pub-preview-tree-toggle:active{transform:translateY(-50%) scale(.96)}.pub-preview-tree-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #067bef2e,0 2px 6px #067bef1f}.pub-preview-tree-wrap--collapsed .pub-preview-tree-toggle{right:auto;left:4px;opacity:1}.pub-preview-tree-toggle__icon{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(135deg);-webkit-user-select:none;user-select:none;transition:transform .22s cubic-bezier(.4,0,.2,1)}.pub-preview-tree-wrap--collapsed .pub-preview-tree-toggle__icon{transform:rotate(-45deg)}.pub-canvas-viewer{display:flex;flex-direction:column;background:var(--pub-canvas-bg, #fff);overflow:hidden}.pub-canvas-viewer__shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}.pub-canvas-viewer__body{display:flex;flex:1 1 auto;min-height:0;min-width:0;flex-direction:column}.pub-canvas-viewer--with-tree .pub-canvas-viewer__body{flex-direction:row;align-items:stretch}.pub-canvas-viewer--with-tree{min-height:0}.pub-canvas-viewer__main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pub-canvas-viewer__pages{display:flex;gap:8px;padding:10px 12px 0;overflow-x:auto;flex:0 0 auto}.pub-canvas-viewer__page-thumb{flex:0 0 auto;width:72px;height:54px;padding:0;border:2px solid transparent;border-radius:6px;background:#f3f5f8;overflow:hidden;cursor:pointer}.pub-canvas-viewer__page-thumb.is-active{border-color:#3370ff}.pub-canvas-viewer__page-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pub-canvas-viewer__page-thumb span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;color:#646a73}.pub-canvas-viewer__empty-hint,.pub-canvas-viewer__fallback--status{padding:24px;text-align:center;color:#646a73;font-size:14px;line-height:1.5;max-width:360px}.pub-canvas-viewer__canvas-wrap{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.pub-canvas-viewer__stage{position:relative;flex:1 1 auto;height:min(78vh,820px);min-height:480px;overflow:hidden;cursor:grab;background-color:var(--pub-canvas-bg, #ffffff);background-image:none;touch-action:none;-webkit-user-select:none;user-select:none}.publication-detail-page--wide .pub-canvas-viewer__stage{height:min(80vh,860px);min-height:520px}.pub-canvas-viewer__stage.is-dragging{cursor:grabbing}.pub-canvas-viewer__stage--image{cursor:grab;background-color:var(--pub-canvas-bg, #f6f7f9);background-image:none}.pub-canvas-viewer__stage--image.pub-canvas-viewer__stage--grid{background-color:#f6f7f9;background-image:linear-gradient(45deg,rgba(15,23,42,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(15,23,42,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(15,23,42,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(15,23,42,.03) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.pub-canvas-viewer__stage--image.is-dragging{cursor:grabbing}.pub-canvas-viewer__stage--vector{cursor:grab;display:flex;flex-direction:column}.pub-canvas-viewer__stage--vector.is-dragging{cursor:grabbing}.pub-canvas-viewer__stage--vector .board-canvas,.pub-canvas-viewer__stage--vector .board-canvas__tldraw,.pub-canvas-viewer__stage--vector .flow-editor-wrap,.pub-canvas-viewer__stage--vector .mindmap-editor-wrap,.pub-canvas-viewer__stage--vector .prototype-editor-wrap{cursor:grab}.pub-canvas-viewer__stage--vector .board-canvas,.pub-canvas-viewer__stage--vector .board-editor-wrap .board-canvas,.pub-canvas-viewer__stage--vector .tl-background,.pub-canvas-viewer__stage--vector .flow-editor-wrap,.pub-canvas-viewer__stage--vector .mindmap-editor-wrap,.pub-canvas-viewer__stage--vector .prototype-editor-wrap{background-color:var(--pub-canvas-bg, #fff)!important;--board-canvas-bg: var(--pub-canvas-bg, #fff)}.pub-canvas-viewer__stage--vector>:not(.pub-canvas-viewer__hint):not(.pub-canvas-viewer__loading):not(.page-guide-overlay){flex:1;min-height:0;width:100%}.pub-canvas-viewer__stage--vector .board-editor,.pub-canvas-viewer__stage--vector .flow-editor-wrap,.pub-canvas-viewer__stage--vector .mindmap-editor-wrap,.pub-canvas-viewer__stage--vector .prototype-editor-wrap,.pub-canvas-viewer__stage--vector .proto-preview-player{width:100%;height:100%}.pub-canvas-viewer__stage--proto-preview{cursor:default;background:#fff}.pub-canvas-viewer__stage--proto-preview .proto-preview-player,.pub-canvas-viewer__stage--proto-preview .proto-preview-player--split,.pub-canvas-viewer__stage--proto-preview .proto-preview-player__main{min-height:0;border-radius:0;background:#fff}.pub-canvas-viewer__stage--proto-preview .proto-preview-player__stage,.pub-canvas-viewer__stage--proto-preview .proto-preview-player__stage:fullscreen,.pub-canvas-viewer__stage--proto-preview .proto-preview-player__stage--fullscreen{background-color:#fff;background-image:none}.pub-canvas-viewer__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#8f959e;background:var(--pub-canvas-bg, #ffffff);z-index:2}.pub-canvas-viewer__world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.pub-canvas-viewer__img{display:block;max-width:none;height:auto;pointer-events:none;border:none;border-radius:4px;background:var(--pub-canvas-bg, #fff);box-shadow:0 1px 2px #0f172a0f,0 12px 32px #0f172a1a}.pub-canvas-viewer__fallback{width:min(640px,100%);height:min(420px,55vw);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8fafc,#eef2f7);border-radius:8px;box-shadow:0 8px 24px #0f172a14}@media (max-width: 768px){.pub-canvas-viewer__stage{min-height:300px;height:55vh}.publication-detail-page--wide .pub-canvas-viewer__stage{min-height:280px;height:52vh}}.publication-comments{margin-top:28px;padding-top:28px;border-top:1px solid #f0f1f3}.publication-comments__head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.publication-comments__title{margin:0;font-size:17px;font-weight:700;color:#19191a}.publication-comments__count{font-size:13px;color:#8f959e}.publication-comments__composer{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;border-radius:12px;background:#f8f9fb;border:1px solid #eef0f3}.publication-comments__identity{display:flex;align-items:center;gap:10px}.publication-comments__identity-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.publication-comments__identity-avatar--img{object-fit:cover}.publication-comments__identity-name{font-size:14px;font-weight:600;color:#19191a}.publication-comments__login-hint{margin:0 0 24px;padding:16px;border-radius:12px;background:#f8f9fb;border:1px solid #eef0f3;font-size:14px;color:#4e5969}.publication-comments__login-hint a{color:#7856ff;font-weight:600;text-decoration:none}.publication-comments__input{width:100%;padding:10px 12px;border:1px solid #e5e6eb;border-radius:8px;background:#fff;font-size:14px;font-family:inherit;resize:vertical}.publication-comments__composer-actions{display:flex;justify-content:flex-end}.publication-comments__submit{padding:8px 20px;border:none;border-radius:999px;background:#7856ff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.publication-comments__submit:disabled{opacity:.65;cursor:not-allowed}.publication-comments__error{margin:0;font-size:13px;color:#f53f3f}.publication-comments__loading,.publication-comments__empty{margin:0;font-size:14px;color:#8f959e}.publication-comments__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.publication-comments__item{display:flex;gap:12px}.publication-comments__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.publication-comments__body{flex:1;min-width:0}.publication-comments__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px}.publication-comments__author{font-size:14px;font-weight:600;color:#19191a}.publication-comments__time{font-size:12px;color:#8f959e}.publication-comments__text{margin:0;font-size:14px;line-height:1.7;color:#4e5969;white-space:pre-wrap;word-break:break-word}.publication-report-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a73}.publication-report-dialog{width:min(480px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px;border-radius:16px;background:#fff;box-shadow:0 24px 64px #0f172a2e}.publication-report-dialog__title{margin:0 0 8px;font-size:18px;font-weight:700;color:#19191a}.publication-report-dialog__hint{margin:0 0 16px;font-size:13px;color:#8f959e}.publication-report-dialog__reasons{display:grid;gap:8px;margin-bottom:16px}.publication-report-dialog__reason{display:flex;align-items:center;gap:8px;font-size:14px;color:#4e5969;cursor:pointer}.publication-report-dialog__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;color:#646a73}.publication-report-dialog__field textarea,.publication-report-dialog__field input{padding:10px 12px;border:1px solid #e5e6eb;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.publication-report-dialog__error{margin:0 0 12px;font-size:13px;color:#f53f3f}.publication-report-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.publication-report-dialog__cancel,.publication-report-dialog__submit{padding:9px 18px;border-radius:8px;font-size:14px;font-family:inherit;cursor:pointer}.publication-report-dialog__cancel{border:1px solid #e5e6eb;background:#fff;color:#646a73}.publication-report-dialog__submit{border:none;background:linear-gradient(135deg,#7856ff,#616ffe);color:#fff;font-weight:600}.publication-report-dialog__submit:disabled{opacity:.65;cursor:not-allowed}.publication-report-dialog__success{display:flex;flex-direction:column;gap:16px}.publication-report-dialog__success p{margin:0;font-size:14px;line-height:1.7;color:#4e5969}
