.documents-home{width:100%;height:100vh;background:var(--color-bg-main);display:flex;flex-direction:column;overflow:hidden}.docs-home-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);flex-shrink:0}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-xl)}.logo-section{display:flex;align-items:center;gap:var(--space-sm)}.docs-logo{color:var(--color-primary)}.docs-title{font-size:var(--font-size-xl);font-weight:400;color:var(--color-text-secondary);margin:0}.search-section{flex:1;max-width:600px}.search-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-base)}.search-input:focus{background:var(--color-bg-elevated);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.header-actions{display:flex;gap:var(--space-sm)}.docs-home-main{flex:1;overflow-y:auto;padding:var(--space-2xl) var(--space-xl)}.docs-home-main>section{max-width:1200px;margin:0 auto var(--space-2xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-title{font-size:var(--font-size-base);font-weight:400;color:var(--color-text-secondary);margin:0}.section-actions{display:flex;align-items:center;gap:var(--space-sm)}.icon-button{padding:var(--space-xs);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--docs-hover-bg)}.icon-button.active{background:var(--docs-selected-bg);color:var(--color-primary)}.text-button{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.text-button:hover{background:var(--docs-hover-bg)}.dropdown-arrow{margin-left:var(--space-xs);font-size:.7em}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.template-card{cursor:pointer;transition:transform var(--transition-base)}.template-card:hover{transform:translateY(-2px)}.template-card:hover .template-thumbnail{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.template-thumbnail{width:100%;aspect-ratio:8.5 / 11;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);transition:all var(--transition-base);overflow:hidden;position:relative}.template-thumbnail.blank{display:flex;align-items:center;justify-content:center}.blank-icon{width:60%;height:70%;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.plus-icon{font-size:3rem;color:var(--color-primary);font-weight:300;line-height:1}.template-thumbnail.brochure{background:#fff;padding:8px;display:flex;flex-direction:column;gap:4px}.template-thumbnail.brochure:before{content:"";display:block;height:25%;background:linear-gradient(135deg,#e91e63,#9c27b0,#673ab7);border-radius:2px;position:relative}.template-thumbnail.brochure:after{content:"";display:block;flex:1;background:linear-gradient(90deg,transparent 0%,transparent 48%,#E91E63 48%,#E91E63 52%,transparent 52%),repeating-linear-gradient(to bottom,transparent,transparent 8px,#E0E0E0 8px,#E0E0E0 9px);border-radius:2px}[data-theme=dark] .template-thumbnail.brochure{background:#2a2a2a}[data-theme=dark] .template-thumbnail.brochure:after{background:linear-gradient(90deg,transparent 0%,transparent 48%,#E91E63 48%,#E91E63 52%,transparent 52%),repeating-linear-gradient(to bottom,transparent,transparent 8px,#424242 8px,#424242 9px)}.template-thumbnail.letter{background:#fff;padding:10px;display:flex;flex-direction:column;gap:6px}.template-thumbnail.letter:before{content:"";display:block;height:15%;background:#4fc3f7;border-radius:2px;margin-bottom:4px}.template-thumbnail.letter:after{content:"";display:block;flex:1;background:linear-gradient(to right,#BDBDBD 0%,#BDBDBD 40%,transparent 40%),linear-gradient(to right,transparent 0%,transparent 0%,#BDBDBD 0%,#BDBDBD 35%,transparent 35%),linear-gradient(to right,#757575 0%,#757575 25%,transparent 25%),repeating-linear-gradient(to bottom,transparent 0px,transparent 30%,#E0E0E0 30%,#E0E0E0 31%,transparent 31%,transparent 35%,#E0E0E0 35%,#E0E0E0 36%,transparent 36%,transparent 40%,#E0E0E0 40%,#E0E0E0 41%,transparent 41%,transparent 45%,#E0E0E0 45%,#E0E0E0 46%,transparent 46%,transparent 70%,#757575 70%,#757575 71%,transparent 71%);background-size:100% 8%,100% 15%,100% 20%,100% 100%;background-position:0 0,0 10%,0 28%,0 0;background-repeat:no-repeat}[data-theme=dark] .template-thumbnail.letter{background:#2a2a2a}[data-theme=dark] .template-thumbnail.letter:after{background:linear-gradient(to right,#616161 0%,#616161 40%,transparent 40%),linear-gradient(to right,transparent 0%,transparent 0%,#616161 0%,#616161 35%,transparent 35%),linear-gradient(to right,#9E9E9E 0%,#9E9E9E 25%,transparent 25%),repeating-linear-gradient(to bottom,transparent 0px,transparent 30%,#424242 30%,#424242 31%,transparent 31%,transparent 35%,#424242 35%,#424242 36%,transparent 36%,transparent 40%,#424242 40%,#424242 41%,transparent 41%,transparent 45%,#424242 45%,#424242 46%,transparent 46%,transparent 70%,#9E9E9E 70%,#9E9E9E 71%,transparent 71%);background-size:100% 8%,100% 15%,100% 20%,100% 100%;background-position:0 0,0 10%,0 28%,0 0;background-repeat:no-repeat}.template-thumbnail.resume{background:linear-gradient(to right,#ff7043,#ff7043 35%,#fff 35%)}.template-thumbnail.resume2{background:#fff;border-left:4px solid var(--color-text-primary)}.template-thumbnail.project{background:linear-gradient(135deg,#26c6da,#00acc1,#0097a7)}.template-thumbnail.report{background:linear-gradient(to bottom,#212121,#212121 20%,#fff 20%,#fff 40%,#ffb74d 40%,#ffb74d 60%,#fff 60%)}.template-info{text-align:center}.template-name{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px}.template-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.documents-grid{display:grid;gap:var(--space-lg)}.documents-grid.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.documents-grid.list{grid-template-columns:1fr}.document-card{position:relative;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-base);background:transparent}.document-card:hover{background:var(--docs-hover-bg)}.document-card:hover .document-thumbnail{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.document-card:hover .document-menu{opacity:1}.document-thumbnail{width:100%;aspect-ratio:8.5 / 11;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.doc-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#ffffffe6,#fffffff2)}[data-theme=dark] .doc-preview-overlay{background:linear-gradient(to bottom,#35363ae6,#35363af2)}.document-thumbnail.doc1{background:linear-gradient(to bottom,var(--color-bg-elevated) 0%,var(--color-bg-elevated) 20%,#E3F2FD 20%)}.document-thumbnail.doc2{background:linear-gradient(to bottom,var(--color-bg-elevated) 0%,var(--color-bg-elevated) 20%,#F3E5F5 20%)}.document-thumbnail.doc3{background:linear-gradient(to bottom,var(--color-bg-elevated) 0%,var(--color-bg-elevated) 20%,#FFF3E0 20%)}.document-thumbnail.doc4{background:linear-gradient(to bottom,var(--color-bg-elevated) 0%,var(--color-bg-elevated) 20%,#E8F5E9 20%)}.document-thumbnail.doc5{background:linear-gradient(to bottom,var(--color-bg-elevated) 0%,var(--color-bg-elevated) 20%,#FCE4EC 20%)}.document-info{padding:var(--space-xs) var(--space-sm)}.document-title{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:500}.document-meta{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-xs)}.document-date{font-size:var(--font-size-xs)}.document-menu{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs);background:var(--color-bg-elevated);border-radius:var(--radius-full);opacity:0;transition:all var(--transition-base);box-shadow:var(--shadow-sm);color:var(--color-text-secondary)}.document-menu:hover{background:var(--docs-hover-bg)}.documents-grid.list .document-card{display:grid;grid-template-columns:120px 1fr auto;gap:var(--space-md);align-items:center;padding:var(--space-sm)}.documents-grid.list .document-thumbnail{aspect-ratio:8.5 / 11;margin-bottom:0}.documents-grid.list .document-info{padding:0}.documents-grid.list .document-menu{position:static;opacity:0}.documents-grid.list .document-card:hover .document-menu{opacity:1}@media (max-width: 768px){.docs-home-main{padding:var(--space-lg) var(--space-md)}.template-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.documents-grid.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.search-section{max-width:400px}}@media (max-width: 480px){.header-content{gap:var(--space-md)}.search-section{display:none}.template-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.formatting-toolbar{display:flex;align-items:center;gap:var(--space-xs);padding:6px var(--space-md);background:var(--color-bg-toolbar);border-bottom:1px solid var(--color-border);height:48px;overflow-x:auto}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:2px;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);position:relative}.toolbar-btn:hover:not(:disabled){background:var(--docs-hover-bg)}.toolbar-btn.active{background:var(--docs-active-bg);color:var(--color-primary)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn-color{position:relative}.color-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:16px;height:3px;border-radius:1px}.toolbar-divider{width:1px;height:24px;background:var(--color-divider);margin:0 4px}.toolbar-select{height:28px;padding:0 24px 0 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235F6368' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:120px}.toolbar-select:hover{background-color:var(--docs-hover-bg);border-color:var(--color-border)}.toolbar-select:focus{outline:none;border-color:var(--color-primary)}.font-select{min-width:140px}.toolbar-number-input{display:flex;align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 4px;transition:all var(--transition-fast)}.toolbar-number-input:hover{background-color:var(--docs-hover-bg);border-color:var(--color-border)}.toolbar-number-input input{width:32px;height:24px;border:none;background:transparent;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-primary)}.toolbar-number-input input:focus{outline:none}.number-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm)}.number-btn:hover{background:var(--docs-hover-bg)}.zoom-level{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:0 4px;min-width:40px;text-align:center}.formatting-toolbar::-webkit-scrollbar{height:6px}.formatting-toolbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.ruler-container{height:20px;background:#f1f3f4;border-bottom:1px solid #c7c7c7;display:flex;align-items:flex-end;font-family:Roboto,Arial,sans-serif;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:10}.ruler-margin-left,.ruler-margin-right{background:#e8eaed;height:100%;flex-shrink:0}.ruler-margin-left{width:calc((100% - 816px)/2 + 96px)}.ruler-margin-right{flex:1}.ruler-content{width:624px;height:100%;position:relative;background:#fff}.ruler-tick{position:absolute;bottom:0;width:1px;background:#ccc}.ruler-number{position:absolute;top:-12px;left:-4px;font-size:9px;color:#5f6368}.indent-marker-left-first{position:absolute;left:0;top:0;width:12px;height:6px;background:#1a73e8;clip-path:polygon(0 0,100% 0,50% 100%);cursor:ew-resize;z-index:2}.indent-marker-left-hanging{position:absolute;left:0;bottom:0;width:12px;height:6px;background:#1a73e8;clip-path:polygon(50% 0,0 100%,100% 100%);cursor:ew-resize;z-index:2}.indent-marker-right{position:absolute;right:0;bottom:0;width:12px;height:6px;background:#1a73e8;clip-path:polygon(50% 0,0 100%,100% 100%);cursor:ew-resize;z-index:2}.document-editor-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-workspace{flex:1;background-color:var(--color-bg-main);overflow:hidden;position:relative;display:flex;flex-direction:column}.editor-scroll-container{flex:1;overflow-y:auto;overflow-x:auto;display:flex;justify-content:center;padding:16px 0}.editor-canvas-area{display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.editor-page-container{margin-top:16px;margin-bottom:16px}.editor-page{width:816px;min-height:1056px;background:#fff;box-shadow:0 1px 3px #3c404326,0 4px 8px 3px #3c404326;padding:96px;box-sizing:border-box;outline:none;transition:transform .2s ease}@media print{.topbar-container,.formatting-toolbar,.ruler-container,.ai-sidebar,.editor-scroll-container::-webkit-scrollbar{display:none!important}.document-page,.document-page-content,.document-editor-wrapper{height:auto!important;overflow:visible!important}.editor-workspace{background:#fff!important;height:auto!important;overflow:visible!important}.editor-scroll-container{padding:0!important;height:auto!important;overflow:visible!important;background:#fff!important}.editor-canvas-area,.editor-page-container{padding:0!important;height:auto!important;overflow:visible!important}.editor-page{box-shadow:none!important;margin:0!important;padding:0!important;width:100%!important;min-height:auto!important;transform:none!important}}.ProseMirror{outline:none;min-height:100%;font-family:Arial,sans-serif;font-size:11pt;line-height:1.5;color:#000}.ProseMirror p{margin-bottom:.5em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{margin-top:1em;margin-bottom:.5em}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em}.ProseMirror blockquote{border-left:3px solid #ccc;padding-left:1em;margin-left:0;color:#666}.ProseMirror img{max-width:100%;height:auto}.ProseMirror a{color:#1a73e8;cursor:pointer;text-decoration:underline}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}.ProseMirror td,.ProseMirror th{min-width:1em;border:1px solid #ced4da;padding:3px 5px;vertical-align:top;box-sizing:border-box;position:relative}.ProseMirror th{font-weight:700;text-align:left;background-color:#f1f3f4}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#c8c8ff66;pointer-events:none}ul[data-type=taskList]{list-style:none;padding:0}ul[data-type=taskList] li{display:flex;align-items:flex-start}ul[data-type=taskList] li>label{margin-right:.5em;-webkit-user-select:none;user-select:none}ul[data-type=taskList] li>div{flex:1}.ProseMirror p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ai-sidebar{width:320px;height:100%;background:#fff;border-left:1px solid #dadce0;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.ai-sidebar-header{padding:16px;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;align-items:center}.ai-header-title{display:flex;align-items:center;gap:8px;color:#1a73e8}.ai-header-title h3{margin:0;font-size:16px;font-weight:500}.close-button{background:none;border:none;cursor:pointer;color:#5f6368;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#3c404314}.ai-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:8px;max-width:100%}.message.user{flex-direction:row-reverse}.message-avatar{width:24px;height:24px;border-radius:50%;background:#e8f0fe;color:#1a73e8;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.message-content{background:#f1f3f4;padding:10px 14px;border-radius:4px 18px 18px;font-size:14px;line-height:1.5;color:#202124;max-width:85%}.message.user .message-content{background:#e8f0fe;color:#174ea6;border-radius:18px 4px 18px 18px}.quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.quick-action-btn{background:#fff;border:1px solid #dadce0;border-radius:16px;padding:4px 10px;font-size:12px;color:#1a73e8;cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:#f1f3f4;border-color:#1a73e8}.ai-input-area{padding:16px;border-top:1px solid #dadce0}.input-wrapper{display:flex;align-items:center;background:#f1f3f4;border-radius:24px;padding:4px 4px 4px 16px;border:1px solid transparent;transition:all .2s}.input-wrapper:focus-within{background:#fff;border-color:#1a73e8;box-shadow:0 1px 2px #0000001a}.input-wrapper input{flex:1;border:none;background:transparent;font-size:14px;outline:none;padding:8px 0}.send-button{background:none;border:none;cursor:pointer;color:#1a73e8;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.send-button:disabled{color:#dadce0;cursor:default}.send-button:not(:disabled):hover{background-color:#1a73e81a}.typing span{display:inline-block;width:4px;height:4px;background-color:#5f6368;border-radius:50%;animation:typing 1.4s infinite both;margin:0 1px}.typing span:nth-child(1){animation-delay:0s}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:.4}}.menu-bar{display:flex;align-items:center;gap:2px;padding:0 var(--space-sm);background:var(--color-bg-elevated);height:32px}.menu-item{position:relative}.menu-button{padding:4px 8px;font-size:var(--font-size-sm);color:var(--color-text-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);font-weight:400}.menu-button:hover,.menu-button.active{background:var(--docs-hover-bg)}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.menu-dropdown{position:absolute;top:100%;left:0;min-width:240px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px 0;z-index:999;margin-top:2px}.menu-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.menu-dropdown-item:hover{background:var(--docs-hover-bg)}.menu-item-label{flex:1}.menu-item-shortcut{font-size:11px;color:var(--color-text-muted);margin-left:var(--space-lg)}.menu-item-arrow{margin-left:var(--space-sm);color:var(--color-text-muted)}.menu-divider{height:1px;background:var(--color-divider);margin:6px 0}.share-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.share-dialog{background:#fff;width:500px;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;font-family:Google Sans,Roboto,Arial,sans-serif}.share-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.share-header h2{margin:0;font-size:22px;font-weight:400;color:#202124}.close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#5f6368;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#3c404314}.share-body{padding:0 24px 24px}.input-group{display:flex;align-items:center;border:1px solid #dadce0;border-radius:4px;padding:4px 12px;margin-bottom:16px}.input-group:focus-within{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.email-input{flex:1;border:none;outline:none;font-size:14px;padding:8px 0;color:#202124}.role-selector{position:relative;display:flex;align-items:center}.role-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-size:13px;color:#5f6368;padding-right:20px;cursor:pointer;outline:none;font-weight:500}.role-chevron{position:absolute;right:0;pointer-events:none;color:#5f6368}.people-list{margin-bottom:24px;max-height:200px;overflow-y:auto}.person-item{display:flex;align-items:center;padding:8px 0;gap:12px}.avatar-circle{width:32px;height:32px;border-radius:50%;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.person-info{flex:1;display:flex;flex-direction:column}.person-name{font-size:14px;color:#202124;font-weight:500}.person-email,.person-role{font-size:12px;color:#5f6368}.share-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.copy-link-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid #dadce0;border-radius:18px;padding:8px 16px;font-size:14px;color:#1a73e8;font-weight:500;cursor:pointer}.copy-link-btn:hover{background:#f1f3f4;border-color:#dadce0}.done-btn{background:#1a73e8;color:#fff;border:none;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:500;cursor:pointer}.done-btn:hover{background:#1765cc;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.done-btn:disabled{background:#dadce0;color:#fff;cursor:default;box-shadow:none}.topbar-container{display:flex;flex-direction:column;background:var(--color-bg-elevated);z-index:100}.topbar-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;height:64px}.topbar-left{display:flex;align-items:center;gap:16px;flex:1}.docs-icon-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.docs-icon-button:hover{background-color:var(--docs-hover-bg)}.title-section{display:flex;flex-direction:column;gap:2px}.title-row{display:flex;align-items:center;gap:8px}.document-title{font-size:18px;color:var(--color-text-primary);border:1px solid transparent;border-radius:4px;padding:1px 6px;margin-left:-6px;background:transparent;width:fit-content;min-width:100px;font-family:Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;line-height:20px}.document-title:hover{border-color:var(--color-border)}.document-title:focus{border-color:var(--color-primary);outline:none;background:var(--color-bg-elevated)}.icon-button-small{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.icon-button-small:hover{background-color:var(--docs-hover-bg);color:var(--color-text-primary)}.icon-button-small.active{color:#f4b400}.cloud-icon{font-size:16px;line-height:1}.topbar-right{display:flex;align-items:center;gap:12px}.history-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:18px;color:var(--color-text-secondary);font-size:14px;transition:background-color .2s}.history-button:hover{background-color:var(--docs-hover-bg);color:var(--color-text-primary)}.history-text{text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s}.history-button:hover .history-text{text-decoration-color:currentColor}.icon-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:background-color .2s}.icon-button:hover{background-color:var(--docs-hover-bg)}.share-button{display:flex;align-items:center;gap:8px;background-color:#c2e7ff;color:#001d35;border:none;padding:10px 24px;border-radius:24px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s;height:40px}.share-button:hover{background-color:#b3d7ef;box-shadow:var(--shadow-sm)}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#7e57c2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;cursor:pointer;margin-left:8px}.user-avatar:hover{box-shadow:var(--shadow-sm)}.document-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#f9fbfd}.document-page-content{display:flex;flex:1;overflow:hidden;position:relative;width:100%}.app{width:100%;height:100vh;background:var(--color-bg-main)}:root,[data-theme=light]{--color-primary: #4285F4;--color-primary-light: #669DF6;--color-primary-dark: #1967D2;--color-secondary: #34A853;--color-accent: #EA4335;--color-bg-main: #F9FBFD;--color-bg-elevated: #FFFFFF;--color-bg-paper: #FFFFFF;--color-bg-sidebar: #F9FBFD;--color-bg-toolbar: #EDF2FA;--color-text-primary: #202124;--color-text-secondary: #5F6368;--color-text-muted: #80868B;--color-text-inverse: #FFFFFF;--color-border: #DADCE0;--color-border-focus: var(--color-primary);--color-divider: #E8EAED;--docs-hover-bg: #F1F3F4;--docs-active-bg: #E8EAED;--docs-selected-bg: #D3E3FD;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);--shadow-lg: 0 2px 6px 2px rgba(60, 64, 67, .15);--shadow-xl: 0 4px 8px 3px rgba(60, 64, 67, .15);--shadow-page: 0 0 0 1px rgba(60, 64, 67, .05), 0 1px 3px 0 rgba(60, 64, 67, .3);--font-family: Arial, Roboto, "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 11pt;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-primary: #8AB4F8;--color-primary-light: #AECBFA;--color-primary-dark: #669DF6;--color-secondary: #81C995;--color-accent: #F28B82;--color-bg-main: #202124;--color-bg-elevated: #292A2D;--color-bg-paper: #35363A;--color-bg-sidebar: #292A2D;--color-bg-toolbar: #292A2D;--color-text-primary: #E8EAED;--color-text-secondary: #9AA0A6;--color-text-muted: #5F6368;--color-text-inverse: #202124;--color-border: #3C4043;--color-border-focus: var(--color-primary);--color-divider: #3C4043;--docs-hover-bg: #3C4043;--docs-active-bg: #5F6368;--docs-selected-bg: #1A73E8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--shadow-lg: 0 2px 6px 2px rgba(0, 0, 0, .15);--shadow-xl: 0 4px 8px 3px rgba(0, 0, 0, .15);--shadow-page: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 3px 0 rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.15;color:var(--color-text-primary);background:var(--color-bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.docs-button{background:transparent;border:none;border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background-color var(--transition-fast)}.docs-button:hover{background:var(--docs-hover-bg)}.docs-button:active{background:var(--docs-active-bg)}.docs-toolbar{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.docs-primary-button{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-weight:500}.docs-primary-button:hover{background:var(--color-primary-dark)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:8px;border:3px solid var(--color-bg-main)}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}::selection{background:#4285f44d;color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;color:inherit}input:focus,textarea:focus{outline:none}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}