.cizge-titlebar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:#fff;border-bottom:1px solid #e0e0e0;color:#202124;flex-shrink:0;font-family:IBM Plex Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.titlebar-left{display:flex;align-items:center;gap:12px}.cizge-logo{display:flex;align-items:center;gap:8px}.logo-icon{flex-shrink:0}.logo-text{font-size:1rem;font-weight:700;color:#202124;margin:0}.title-separator{color:#dadce0;margin:0 4px;font-weight:300;font-size:1.2rem}.document-title-container{display:flex;align-items:center}.document-name-input{border:1px solid transparent;padding:4px 8px;font-size:1.05rem;font-family:inherit;color:#202124;border-radius:4px;outline:none;transition:all .15s;width:280px;background:transparent}.document-name-input:hover{border-color:#dadce0}.document-name-input:focus{border-color:#1a73e8}.document-name-static{padding:4px 8px;font-size:1.1rem;font-weight:600;color:#202124;letter-spacing:-.01em}.star-btn{background:transparent;border:none;cursor:pointer;padding:4px;margin-left:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.star-btn:hover{background:#f1f3f4}.modified-indicator{color:#fbbc04;font-weight:700;margin-left:4px;font-size:1.2rem}.titlebar-right{display:flex;align-items:center;gap:4px}.brand-name{color:#5f6368;font-weight:400;display:flex;align-items:center;gap:4px;margin-right:8px;font-size:.9rem}.brand-short{font-weight:500;color:#5f6368}.brand-full{color:#80868b;font-size:.9em;font-weight:500}.header-divider{width:1px;height:24px;background:#dadce0;margin:0 8px}.header-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:.9rem;font-weight:500;color:#5f6368;background:transparent;border:none;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.header-btn:hover{background:#f1f3f4;color:#202124}.header-btn.icon-only{padding:0;width:36px;height:36px;border-radius:50%;justify-content:center}.header-btn.share-btn{background:#c2e7ff;color:#001d35;border-radius:18px;padding:0 16px}.header-btn.share-btn:hover{background:#a8dbf7}.user-avatar{margin-left:8px;cursor:pointer;width:32px;height:32px;border-radius:50%;background:#1a73e8;color:#fff;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.cizge-user-menu-container{position:relative}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000026;min-width:280px;z-index:1000;border:1px solid #e0e0e0;font-family:inherit}.dropdown-header{padding:0 16px;height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0;font-weight:500;color:#202124}.close-btn{border:none;background:none;cursor:pointer;font-size:16px;color:#5f6368}.user-info{padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e0e0e0}.user-avatar-lg{width:48px;height:48px;border-radius:50%;background:#1a73e8;color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}.user-meta .user-name{font-weight:600;color:#202124}.user-meta .user-email{font-size:.85rem;color:#5f6368;margin-top:2px}.dropdown-footer{padding:16px}.logout-btn{width:100%;padding:8px;border:1px solid #dadce0;background:#fff;border-radius:4px;cursor:pointer;color:#1a73e8;font-weight:500;font-family:inherit}.logout-btn:hover{background:#f1f3f4}@media(max-width:1000px){.header-btn span{display:none}.header-btn.share-btn{padding:0 12px;width:36px;border-radius:50%}.header-btn.share-btn span{display:none}.document-name-input{width:180px}.brand-full{display:none}}@media(max-width:700px){.brand-name{display:none}}.cizge-toolbar{display:flex;align-items:stretch;background:#fff;border-bottom:1px solid #e0e0e0;padding:4px 8px 0;flex-shrink:0;font-family:IBM Plex Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:auto;scrollbar-width:thin}.tool-section{display:flex;flex-direction:column;align-items:center;padding:0 6px;min-width:max-content}.tool-section-content{display:flex;flex-direction:row;gap:2px;flex:1;align-items:center;padding:2px 0}.tool-section-label{font-size:10px;color:#80868b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:3px 0 5px;white-space:nowrap}.tool-divider{width:1px;background:#e0e0e0;margin:2px 4px 20px;align-self:stretch}.tool-spacer{flex:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;padding-top:14px;padding-right:8px;min-width:8px}.save-status,.auto-status{font-size:11px;color:#6b7280;white-space:nowrap}.auto-status{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:10px;font-weight:600;font-size:10px}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;padding:4px 6px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-family:inherit;color:#5f6368;transition:all .12s}.tool-btn:hover:not(:disabled){background:#f1f3f4;color:#202124}.tool-btn:active:not(:disabled){background:#e8eaed}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn.active{background:#e8f0fe;color:#1a73e8;border-color:#c6dafc}.tool-icon{display:flex;align-items:center;justify-content:center;height:20px}.tool-label{font-size:11px;font-weight:500;text-align:center;line-height:1;display:inline-flex;align-items:center;gap:2px}.tool-btn.primary{color:#10b981}.tool-btn.primary:hover:not(:disabled){background:#d1fae5;color:#047857}.tool-btn.success{color:#10b981}.tool-btn.purple{color:#8b5cf6}.tool-btn.purple:hover:not(:disabled){background:#f5f3ff;color:#6d28d9}.tool-btn.danger{color:#dc2626}.tool-btn.danger:hover:not(:disabled){background:#fee2e2;color:#991b1b}.tool-btn.with-chevron .tool-label svg{margin-left:2px}.tool-dropdown-container{position:relative}.tool-dropdown-menu{position:absolute;top:calc(100% - 4px);left:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:100;padding:4px}.tool-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:13px;color:#202124;border-radius:4px;font-family:inherit;text-align:left}.tool-dropdown-item:hover{background:#f1f3f4}.dropdown-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#5f6368}@media(max-width:1100px){.tool-section-label{display:none}.tool-btn{min-width:38px;padding:6px;gap:0}.tool-label{font-size:0;height:0}.tool-btn.with-chevron .tool-label{font-size:11px;height:auto}.tool-btn.with-chevron .tool-label svg{width:8px;height:8px}}@media(max-width:700px){.save-status{display:none}}
