:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-subtle: rgba(15, 23, 42, .08);--border-medium: rgba(15, 23, 42, .16);--border-focus: #1e96eb;--affine-primary: #1e96eb;--accent-primary: #1e96eb;--accent-hover: #1880ca;--accent-light: #f0f7ff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button,input,textarea,select{font:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}.workspace-shell{min-height:100dvh;overscroll-behavior:none}.workspace-content,.workspace-main{min-width:0;min-height:0;overscroll-behavior:none}.workspace-canvas{overscroll-behavior:none}.canvas-transform-layer{min-width:100%;min-height:100%}.canvas-toolbar-shell{max-width:calc(100% - 16px)}.canvas-toolbar{max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x}.canvas-toolbar::-webkit-scrollbar{display:none}.canvas-toolbar>*{flex:0 0 auto}@media(max-width:1023px){.document-editor{padding:40px 20px!important}.document-content{max-width:740px}.ai-assistant-drawer{width:min(320px,44vw)!important}}@media(max-width:767px){.app-header{height:56px!important;padding:0 8px!important}.app-header-leading{min-width:0;gap:6px!important}.app-header-context{display:none}.app-header-title{display:block;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-actions{gap:2px!important}.app-header-actions>[data-testid=save-status]{display:none}.app-header-actions>div{display:flex}.workspace-content{height:calc(100dvh - 56px)!important}.workspace-sidebar{position:fixed;inset:56px auto 0 0;z-index:200;width:min(88vw,320px)!important;max-width:320px;box-shadow:var(--shadow-xl)}.workspace-main{width:100%}.ai-assistant-drawer{position:fixed;inset:56px 0 0 auto;z-index:210;width:min(100vw,360px)!important;max-width:100%}.document-editor{padding:28px 12px!important;align-items:stretch!important}.document-content{max-width:none!important}.document-title{margin-left:0!important;font-size:28px!important;line-height:1.2}.document-add-block{margin-left:0!important;min-height:44px}.canvas-toolbar-shell{bottom:max(12px,env(safe-area-inset-bottom))!important;max-width:calc(100% - 16px)}.canvas-toolbar{padding:5px!important}.canvas-toolbar button{width:44px!important;height:44px!important}.canvas-toolbar [data-testid=canvas-linked-popover-toggle]{padding-right:12px!important}.canvas-zoom-controls{top:8px!important;right:8px!important}.canvas-zoom-controls button{min-width:40px;min-height:40px}.canvas-transform-layer{touch-action:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.pen-custom-color-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none!important;outline:none!important;border-radius:50%!important;width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;cursor:pointer;background:conic-gradient(from 0deg,red,orange,#ff0,green,#00f,indigo,violet,red)!important;box-sizing:border-box}.pen-custom-color-input::-webkit-color-swatch-wrapper{padding:0!important;border-radius:50%!important}.pen-custom-color-input::-webkit-color-swatch{border:none!important;border-radius:50%!important;background:conic-gradient(from 0deg,red,orange,#ff0,green,#00f,indigo,violet,red)!important}.pen-custom-color-input::-moz-color-swatch{border:none!important;border-radius:50%!important;background:conic-gradient(from 0deg,red,orange,#ff0,green,#00f,indigo,violet,red)!important}