.size-radio-group[data-v-e5b9cec1]{width:100%;display:flex}.size-radio-group[data-v-e5b9cec1] .el-radio-button{flex:1}.size-radio-group[data-v-e5b9cec1] .el-radio-button__inner{text-align:center;width:100%;padding:var(--space-2) 0;font-family:var(--font-body);font-weight:500}.resize-warning[data-v-e5b9cec1]{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-3);background-color:#d940400f;border:1px solid #d9404033;display:flex}.warning-icon[data-v-e5b9cec1]{font-size:var(--text-base);line-height:1.2}.warning-text[data-v-e5b9cec1]{font-size:var(--text-xs);color:var(--color-danger);line-height:var(--leading-normal)}.dialog-footer[data-v-e5b9cec1]{justify-content:flex-end;gap:var(--space-2);display:flex}.dialog-content[data-v-916531e6]{flex-direction:column;gap:14px;display:flex}.info-card[data-v-916531e6]{background:linear-gradient(135deg,#fff0f5cc,#f0f4ffcc);border:1px solid #f8bbd066;border-radius:12px;padding:12px 16px}.info-header[data-v-916531e6]{align-items:center;gap:12px;display:flex}.canvas-icon[data-v-916531e6]{font-size:1.6rem}.canvas-details[data-v-916531e6]{flex-direction:column;flex:1;display:flex}.canvas-title[data-v-916531e6]{color:#303133;font-size:1rem;font-weight:700}.canvas-meta[data-v-916531e6]{color:#909399;font-size:.75rem}.collab-status-tag[data-v-916531e6]{font-weight:700}.section-container[data-v-916531e6]{flex-direction:column;gap:8px;display:flex}.section-header-row[data-v-916531e6]{justify-content:space-between;align-items:center;display:flex}.section-header[data-v-916531e6]{align-items:center;gap:6px;display:flex}.section-icon[data-v-916531e6]{font-size:1.1rem}.section-title[data-v-916531e6]{color:#303133;font-size:.9rem;font-weight:700}.link-copy-box[data-v-916531e6]{margin-top:4px}.tip-text[data-v-916531e6]{color:#909399;font-size:.75rem;line-height:1.4}.search-bar[data-v-916531e6]{margin-top:4px}.friends-scroll-list[data-v-916531e6]{background:#fafbfe99;border:1px solid #e1bee74d;border-radius:12px;flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.friend-row[data-v-916531e6]{border-bottom:1px solid #e1bee726;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.friend-row[data-v-916531e6]:last-child{border-bottom:none}.friend-row[data-v-916531e6]:hover{background:#f8bbd014}.friend-info[data-v-916531e6]{flex-direction:column;gap:2px;display:flex}.friend-name-line[data-v-916531e6]{align-items:center;gap:6px;display:flex}.friend-displayName[data-v-916531e6]{color:#303133;font-size:.88rem;font-weight:600}.friend-original-nick[data-v-916531e6]{color:#909399;font-size:.75rem}.status-tag[data-v-916531e6]{height:18px;padding:0 4px;font-size:10px;line-height:16px}.friend-account-line[data-v-916531e6]{color:#909399;font-size:.75rem}.active-canvas-tag[data-v-916531e6]{color:#67c23a;font-weight:500}.empty-friends[data-v-916531e6]{text-align:center;color:#909399;padding:24px;font-size:.82rem}@media (width<=768px),(pointer:coarse){.friends-scroll-list[data-v-916531e6]{max-height:150px}.info-card[data-v-916531e6]{padding:10px 12px}.canvas-icon[data-v-916531e6]{font-size:1.3rem}.canvas-title[data-v-916531e6]{font-size:.9rem}.section-title[data-v-916531e6]{font-size:.82rem}}.collab-invite-dialog{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5!important;border:1px solid #e1bee766!important;border-radius:16px!important;width:90%!important;max-width:500px!important;box-shadow:0 8px 32px #e1bee740!important}@media (width<=768px),(pointer:coarse){.collab-invite-dialog{width:92%!important;max-width:440px!important;margin-top:6vh!important;margin-bottom:6vh!important}.collab-invite-dialog .el-dialog__body{max-height:70vh!important;padding:12px 14px!important;overflow-y:auto!important}.collab-invite-dialog .el-dialog__header{margin-right:0!important;padding:14px 14px 8px!important}.collab-invite-dialog .el-dialog__title{font-size:1rem!important}}.bell-btn[data-v-c1d90ee8]{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.bell-btn[data-v-c1d90ee8]:hover{background:#0000000d}.bell-icon[data-v-c1d90ee8]{font-size:1.1rem}.notification-popover-content[data-v-c1d90ee8]{flex-direction:column;gap:8px;display:flex}.popover-header[data-v-c1d90ee8]{border-bottom:1px solid #e1bee74d;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.header-title[data-v-c1d90ee8]{color:#303133;font-size:.88rem;font-weight:700}.invitations-list[data-v-c1d90ee8]{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow-y:auto}.invitation-item[data-v-c1d90ee8]{background:#f7f9fcb3;border:1px solid #e1bee733;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.invitation-item.unread[data-v-c1d90ee8]{background:#fff0f5d9;border-color:#f8bbd080}.invitation-item[data-v-c1d90ee8]:hover{background:#f8bbd01f}.item-icon[data-v-c1d90ee8]{font-size:1.3rem}.item-body[data-v-c1d90ee8]{flex-direction:column;flex:1;display:flex}.item-title[data-v-c1d90ee8]{color:#606266;font-size:.8rem}.inviter-name[data-v-c1d90ee8]{color:#303133;font-weight:700}.canvas-name[data-v-c1d90ee8]{color:var(--color-primary);margin-top:1px;font-size:.82rem;font-weight:700}.item-time[data-v-c1d90ee8]{color:#909399;font-size:.7rem}.empty-invites[data-v-c1d90ee8]{text-align:center;color:#909399;padding:24px 12px;font-size:.8rem}.top-bar[data-v-b813f467]{height:var(--topbar-height);padding:0 var(--space-6);border-bottom:1px solid var(--color-grid);background:var(--color-canvas);z-index:200;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.logo-section[data-v-b813f467]{align-items:center;gap:var(--space-3);z-index:2;flex-shrink:0;display:flex}.back-btn[data-v-b813f467]{color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:4px;font-weight:600;display:flex}.back-btn[data-v-b813f467]:hover{background:var(--color-ink-06)}.back-arrow[data-v-b813f467]{font-size:1.6rem;font-weight:300;line-height:1}.back-text[data-v-b813f467]{font-size:var(--text-sm)}.logo-icon[data-v-b813f467]{font-size:var(--icon-size-nav);line-height:1}.logo-text[data-v-b813f467]{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);color:var(--color-ink);letter-spacing:-.02em;white-space:nowrap}.logo-short[data-v-b813f467]{display:none}.logo-full[data-v-b813f467]{display:inline}.nav-links[data-v-b813f467]{gap:var(--space-1);z-index:2;display:flex}.nav-item[data-v-b813f467]{font-family:var(--font-body);color:var(--color-ink-50);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);font-weight:500;text-decoration:none}.nav-item[data-v-b813f467]:hover{color:var(--color-ink);background:var(--color-ink-06)}.nav-item.router-link-active[data-v-b813f467]{color:var(--color-rose);background:#e8547a14;font-weight:600}.desktop-actions[data-v-b813f467]{align-items:center;gap:var(--space-3);z-index:2;display:flex}.zoom-controls[data-v-b813f467]{align-items:center;gap:var(--space-2);display:flex}.zoom-level[data-v-b813f467]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-50);text-align:center;letter-spacing:.02em;min-width:40px;font-weight:500}.mobile-actions[data-v-b813f467]{display:none}.mob-icon-btn[data-v-b813f467]{height:var(--touch-target-min);min-width:var(--touch-target-min);padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-grid);background:var(--color-fog);color:var(--color-ink);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:600;display:flex}.mob-icon-btn[data-v-b813f467]:hover,.mob-icon-btn[data-v-b813f467]:active{background:var(--color-rose);border-color:var(--color-rose);color:#fff}.mob-icon-btn[data-v-b813f467]:disabled{opacity:.4;pointer-events:none}.mob-zoom-text[data-v-b813f467]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:-.5px;font-weight:500}.mob-popover[data-v-b813f467]{top:calc(100% + var(--space-2));background:var(--color-canvas);border:1px solid var(--color-grid);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);padding:var(--space-3);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-spring);position:absolute;transform:translateY(-8px)scale(.97)}.mob-popover.open[data-v-b813f467]{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.zoom-popover[data-v-b813f467]{left:var(--space-4);align-items:center;gap:var(--space-3);white-space:nowrap;display:flex}.action-popover[data-v-b813f467]{right:var(--space-4);gap:var(--space-3);flex-direction:column;min-width:200px;display:flex}.mob-nav[data-v-b813f467]{gap:var(--space-2);flex-wrap:wrap;display:flex}.mob-nav-item[data-v-b813f467]{text-align:center;min-width:56px;padding:7px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-fog);border:1px solid var(--color-grid);transition:background var(--duration-fast) var(--ease-out);flex:1;font-weight:500;text-decoration:none;display:block}.mob-nav-item[data-v-b813f467]:hover{background:var(--color-canvas)}.mob-nav-item.router-link-active[data-v-b813f467]{color:var(--color-rose);background:#e8547a14;border-color:#e8547a40;font-weight:600}.mob-divider[data-v-b813f467]{background:var(--color-grid);height:1px}.mob-action-row[data-v-b813f467]{gap:var(--space-2);display:flex}.mob-action-btn[data-v-b813f467]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-grid);background:var(--color-fog);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);text-align:center;flex:1;font-weight:500}.mob-action-btn[data-v-b813f467]:hover{background:var(--color-canvas)}.mob-action-btn[data-v-b813f467]:disabled{opacity:.4;pointer-events:none}.mob-action-btn.primary[data-v-b813f467]{background:var(--color-rose);color:#fff;border-color:var(--color-rose)}.mob-action-btn.success[data-v-b813f467]{background:var(--color-leaf);color:#fff;border-color:var(--color-leaf)}.mob-overlay[data-v-b813f467]{z-index:999;position:fixed;inset:0}@media (width<=768px),(pointer:coarse){.top-bar[data-v-b813f467]{padding:0 var(--space-4);height:var(--topbar-height)}.logo-full[data-v-b813f467]{display:none}.logo-short[data-v-b813f467]{display:inline}.nav-links[data-v-b813f467],.desktop-actions[data-v-b813f467]{display:none}.mobile-actions[data-v-b813f467]{align-items:center;gap:var(--space-2);display:flex}}.active-friends-indicator[data-v-b813f467]{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-leaf);margin-right:var(--space-3);transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);-webkit-user-select:none;user-select:none;background:#4a9e6a14;border:1px solid #4a9e6a40;font-weight:500;display:flex}.active-friends-indicator[data-v-b813f467]:hover{background:#4a9e6a24;border-color:#4a9e6a73;transform:translateY(-1px)}.active-friends-indicator.non-interactive[data-v-b813f467]{cursor:default;pointer-events:none}.pulse-dot[data-v-b813f467]{background-color:var(--color-leaf);border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px;display:inline-block;position:relative}.pulse-dot[data-v-b813f467]:after{content:"";background-color:var(--color-leaf);border-radius:var(--radius-full);width:100%;height:100%;animation:1.6s ease-in-out infinite pulse-b813f467;position:absolute;top:0;left:0}@keyframes pulse-b813f467{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.active-friends-indicator.inactive[data-v-b813f467]{background:var(--color-ink-06);border-color:var(--color-ink-12);color:var(--color-ink-40)}.active-friends-indicator.inactive[data-v-b813f467]:hover{background:var(--color-ink-08);border-color:#1a1a2e33}.active-friends-mobile-btn[data-v-b813f467]{color:var(--color-leaf);background:#4a9e6a1a;border-color:#4a9e6a59;font-weight:500}.active-friends-mobile-btn.inactive[data-v-b813f467]{border-color:var(--color-grid);background:var(--color-fog);color:var(--color-ink-40)}.offline-dot[data-v-b813f467]{background-color:var(--color-ink-40);border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px;display:inline-block}.collaborators-list[data-v-b813f467]{margin-right:var(--space-3);align-items:center;display:flex}.collaborator-avatar[data-v-b813f467]{border-radius:var(--radius-full);background-color:var(--color-fog);width:26px;height:26px;color:var(--color-ink);font-family:var(--font-body);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out);cursor:default;border:2px solid;justify-content:center;align-items:center;margin-left:-6px;font-size:10px;font-weight:700;display:flex}.collaborator-avatar[data-v-b813f467]:hover{z-index:10;transform:translateY(-2px)}.title-input[data-v-b813f467] .el-input__wrapper{box-shadow:none!important;border:none!important;border-bottom:1px dashed var(--color-grid)!important;padding:0 var(--space-1)!important;background-color:#0000!important;border-radius:0!important}.title-input[data-v-b813f467] .el-input__wrapper:hover,.title-input[data-v-b813f467] .el-input__wrapper.is-focus{border-bottom:1px solid var(--color-rose)!important}.title-input[data-v-b813f467] .el-input__inner{font-family:var(--font-display)!important;font-weight:700!important;font-size:var(--text-base)!important;color:var(--color-ink)!important}.preview-image-wrapper[data-v-b813f467]{border:1px dashed var(--color-grid);padding:var(--space-3);border-radius:var(--radius-lg);max-width:100%;max-height:380px;box-shadow:inset 0 2px 8px var(--color-ink-06);transition:background-color var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;overflow:auto}.preview-image-wrapper.bg-black[data-v-b813f467]{background-color:#1a1a1a;background-image:none}.preview-image-wrapper.bg-white[data-v-b813f467]{background-color:#fff;background-image:none}.preview-image-wrapper.bg-checker[data-v-b813f467]{background-color:var(--color-fog);background-image:linear-gradient(45deg, var(--color-grid) 25%, transparent 25%, transparent 75%, var(--color-grid) 75%), linear-gradient(45deg, var(--color-grid) 25%, var(--color-canvas) 25%, var(--color-canvas) 75%, var(--color-grid) 75%);background-position:0 0,10px 10px;background-size:20px 20px}.preview-image-wrapper img[data-v-b813f467]{object-fit:contain;max-width:100%;max-height:340px;box-shadow:var(--shadow-md);border-radius:var(--radius-sm)}