.notes-text{color:var(--theme-text-dim);font-size:var(--theme-type-label-md);line-height:var(--theme-lh-title);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}.notes-attachment-item{display:flex;align-items:center;justify-content:space-between;padding:0.5rem;border-radius:var(--theme-shape-sm);background:var(--theme-bg-overlay-alpha);}.notes-attachment-item-info{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;}.notes-attachment-item-info i{color:var(--theme-accent-cyan);flex-shrink:0;}.notes-attachment-info{flex:1;min-width:0;}.notes-remove-attachment{padding:0.25rem;background:transparent;border:none;cursor:pointer;color:var(--theme-error);}.notes-remove-attachment i{font-size:var(--theme-type-label-md);}.notes-attachment-item-actions{display:flex;align-items:center;gap:0.25rem;flex-shrink:0;}.notes-download-attachment{padding:0.25rem;background:transparent;border:none;cursor:pointer;color:var(--theme-accent-cyan);}.notes-download-attachment i{font-size:var(--theme-type-label-md);}.notes-download-attachment:hover{color:var(--theme-primary);}.notes-filename{color:var(--theme-text-dim) !important;font-size:var(--theme-type-label-md);}.notes-status-pending{color:var(--theme-warning) !important;font-size:var(--theme-type-label-sm);}.notes-status-success{color:var(--theme-success) !important;font-size:var(--theme-type-label-sm);}.notes-text-center{text-align:center;}.notes-py-8{padding-top:2rem;padding-bottom:2rem;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;font-size:var(--theme-type-body);}.notes-py-8 i{font-size:1.875rem;margin-bottom:0.5rem;opacity:0.5;color:var(--theme-text-muted);}.notes-py-8 p{color:var(--theme-text-muted);}.notes-animate-shake{animation:notesShake 0.5s ease-in-out;}@keyframes notesShake{0%, 100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}.notes-spinner-icon{margin-right:0.375rem;}.notes-input-error{border-color:var(--theme-error) !important;}.notes-hidden{display:none;}.notes-list{overflow-x:hidden;}.notes-workspace-panel{position:fixed;top:116px;left:var(--ws-panel-left, 20px);width:var(--ws-panel-width, calc(100vw - var(--ws-panel-left, 20px) - var(--right-safe-zone, 400px) - var(--ws-panel-gap, 20px)));right:auto;bottom:130px;min-width:var(--ws-panel-min-width, 360px);z-index:700;display:flex;border-radius:var(--theme-shape-xl);background:var(--theme-bg-card);backdrop-filter:blur(20px);border:1px solid var(--theme-border);overflow:hidden;container-type:inline-size;--theme-type-label-sm:11px;--theme-type-label-md:12px;--theme-type-body:14px;--theme-type-body-lg:16px;--theme-type-title:16px;--theme-type-title-lg:clamp(1.125rem, calc(1rem + 0.3333cqw), 1.25rem);--theme-type-headline:clamp(1.25rem, calc(1rem + 0.6667cqw), 1.5rem);}.notes-workspace-panel--width-anim{transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.notes-workspace-panel--hidden{display:none;}.nw-close-btn{margin-left:auto;flex-shrink:0;font-family:inherit;box-sizing:border-box;padding:0.625rem 1.25rem;border-radius:var(--theme-shape-md);font-size:var(--theme-type-body);font-weight:500;cursor:pointer;border:1px solid var(--theme-border);background:transparent;transition:border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;align-items:center;gap:0.4rem;color:var(--theme-text-muted);}.nw-close-btn:not(:disabled):hover{border-color:var(--theme-accent-cyan);}.nw-close-btn--float{display:none;}.nw-form-header{display:none;align-items:center;gap:8px;height:48px;flex-shrink:0;padding:0 48px 0 12px;background:var(--theme-bg-card);border-bottom:1px solid var(--theme-border);}.nw-form-header-title{flex:1;font-size:var(--theme-type-title);font-weight:700;color:var(--theme-text-main);text-align:center;}.nw-form-back{width:32px;height:32px;border-radius:50%;border:1px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-dim);font-size:var(--theme-type-body-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;}.nw-form-back:hover{color:var(--theme-accent-cyan);border-color:var(--theme-accent-cyan);}.nw-left{width:40%;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--theme-border);padding:1rem 0.75rem;gap:0.75rem;min-height:0;}.nw-left-header{display:flex;align-items:center;justify-content:space-between;padding:0 0.25rem;}.nw-title{font-size:var(--theme-type-title);font-weight:700;color:var(--theme-text-main);display:flex;align-items:baseline;gap:0.35rem;}.nw-count{font-size:var(--theme-type-label-md);font-weight:500;color:var(--theme-text-muted);}.nw-add-btn{width:34px;height:34px;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);background:var(--theme-accent-cyan-alpha);color:var(--theme-accent-cyan);font-size:var(--theme-type-body-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.nw-add-btn:hover{background:var(--theme-accent-cyan-alpha-hover);}.nw-search-wrapper{position:relative;display:flex;align-items:center;padding:0 0.25rem;}.nw-attachment-filters .nw-search-wrapper{flex:1;min-width:0;padding:0;}.nw-search-wrapper .nw-search-icon{position:absolute;left:0.625rem;top:0;bottom:0;display:flex;align-items:center;z-index:1;pointer-events:none;color:var(--theme-text-muted);font-size:var(--theme-type-body);}.nw-search{width:100%;padding:0.5rem 0.75rem 0.5rem 1.75rem;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-main);font-size:var(--theme-type-body);outline:none;transition:border-color 0.2s ease;}.nw-search:focus{border-color:var(--theme-accent-cyan);outline:2px solid var(--theme-accent-cyan-alpha);}.nw-search::placeholder{color:var(--theme-text-muted);}.nw-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:0.4rem;padding:0 0.25rem;}.nw-note-item{padding:0.65rem 0.75rem;border-radius:var(--theme-shape-md);border:1px solid transparent;background:transparent;cursor:pointer;transition:all 0.15s ease;}.nw-note-item:hover{background:var(--theme-accent-cyan-alpha);}.nw-note-item--active{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.nw-note-item-title{font-size:var(--theme-type-body);font-weight:600;color:var(--theme-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.nw-note-item-meta{display:flex;align-items:center;justify-content:space-between;margin-top:0.2rem;font-size:var(--theme-type-label-md);color:var(--theme-text-muted);}.nw-note-item-attach{display:inline-flex;align-items:center;gap:0.2rem;}.nw-note-item-pin{color:var(--theme-accent-cyan);font-size:var(--theme-type-label-md);}.nw-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:2rem 1rem;color:var(--theme-text-muted);text-align:center;}.nw-empty i{font-size:2rem;opacity:0.5;}.nw-empty-sub{font-size:var(--theme-type-label-md);}.nw-left-actions{display:flex;align-items:center;gap:0.4rem;}.nw-right{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;}.nw-form, .nw-attachments-view{flex:1;min-height:0;display:flex;flex-direction:column;padding:1.25rem;}.nw-form--hidden, .nw-attachments-view--hidden{display:none;}.nw-form-inner{flex:1;min-height:0;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;}.nw-title-input{border:none;border-bottom:1px solid var(--theme-border);background:transparent;color:var(--theme-text-main);font-size:var(--theme-type-title-lg);font-weight:700;padding:0.4rem 0;outline:none;transition:border-color 0.2s ease;}.nw-title-input:focus{border-bottom-color:var(--theme-accent-cyan);}.nw-title-input::placeholder{color:var(--theme-text-muted);font-weight:500;}.nw-content-input{flex:none;min-height:160px;display:block;width:100%;border:1px solid var(--theme-border);border-radius:var(--theme-shape-md);background:var(--theme-bg-card);color:var(--theme-text-main);font-size:var(--theme-type-body-lg);line-height:var(--theme-lh-body);padding:0.5rem 0.75rem;resize:vertical;outline:none;}.nw-content-input:focus{border-color:var(--theme-accent-cyan);outline:2px solid var(--theme-accent-cyan-alpha);}.nw-content-input::placeholder{color:var(--theme-text-muted);}.nw-content-footer{display:flex;justify-content:flex-end;}.nw-char-count{font-size:var(--theme-type-label-md);color:var(--theme-text-muted);}.nw-upload-area{flex:none;color:var(--theme-text-muted);}.nw-upload-icon{font-size:1rem;color:var(--theme-accent-cyan);}.nw-upload-hint{font-size:var(--theme-type-body);color:var(--theme-text-muted);margin:0;}.nw-form-attachments-list{display:flex;flex-direction:column;gap:0.4rem;flex:0 0 auto;}.nw-form-actions{display:flex;align-items:center;gap:0.5rem;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--theme-border);}.nw-upload-area{font-family:inherit;box-sizing:border-box;height:40px;padding:0 1.25rem;border-radius:var(--theme-shape-md);font-size:var(--theme-type-body);font-weight:500;cursor:pointer;border:1px solid var(--theme-border);background:transparent;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;gap:0.4rem;}.nw-delete-btn, .nw-save-btn{font-family:inherit;box-sizing:border-box;padding:0.625rem 1.25rem;border-radius:var(--theme-shape-md);font-size:var(--theme-type-body);font-weight:500;cursor:pointer;border:1px solid var(--theme-border);background:transparent;transition:border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;align-items:center;gap:0.4rem;}.nw-upload-area:hover, .nw-upload-area--drag-over{border-color:var(--theme-accent-cyan);background:var(--theme-accent-cyan-alpha);}.nw-delete-btn{color:var(--theme-error);}.nw-delete-btn:not(:disabled):hover{border-color:var(--theme-error);}.nw-delete-btn--hidden{display:none;}.nw-save-btn{color:var(--theme-accent-cyan);}.nw-save-btn:not(:disabled):hover{border-color:var(--theme-accent-cyan);}.nw-save-btn:disabled, .nw-delete-btn:disabled, .nw-close-btn:disabled{opacity:0.5;cursor:not-allowed;}.nw-attachments-header{display:flex;align-items:center;gap:0.75rem;padding-bottom:0.75rem;border-bottom:1px solid var(--theme-border);}.nw-back-btn{padding:0.625rem 1.25rem;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);background:transparent;color:var(--theme-text-muted);font-size:var(--theme-type-body);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:0.4rem;transition:border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.nw-back-btn:not(:disabled):hover{border-color:var(--theme-accent-cyan);}.nw-attachment-filters{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 0;}.nw-select{padding:0.5rem 0.6rem;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-main);font-size:var(--theme-type-body);outline:none;flex-shrink:0;}.nw-attachments-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:0.5rem;padding-top:0.75rem;}.nw-attachment-row{display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0.75rem;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);background:var(--theme-bg-card);transition:border-color 0.2s ease, background 0.2s ease;}.nw-attachment-row:hover{border-color:var(--theme-accent-cyan);background:var(--theme-accent-cyan-alpha);}.nw-attachment-row-icon{font-size:var(--theme-type-title);width:1.2rem;text-align:center;flex-shrink:0;}.notes-icon-green{color:var(--theme-success);}.notes-icon-red{color:var(--theme-error);}.notes-icon-blue{color:var(--theme-info);}.notes-icon-orange{color:var(--theme-accent-orange);}.notes-icon-yellow{color:var(--theme-warning);}.notes-icon-purple{color:var(--theme-accent-purple);}.notes-icon-pink{color:var(--theme-accent-pink);}.notes-icon-gray, .notes-icon-gray-400{color:var(--theme-text-dim);}.nw-attachment-row-name{flex:1;min-width:0;font-size:var(--theme-type-body);color:var(--theme-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.nw-attachment-row-size{font-size:var(--theme-type-label-md);color:var(--theme-text-muted);flex-shrink:0;}.nw-attachment-row-actions{display:flex;gap:0.4rem;flex-shrink:0;}.nw-att-row-btn{width:30px;height:30px;border-radius:var(--theme-shape-sm);border:1px solid var(--theme-border);background:transparent;color:var(--theme-text-dim);font-size:var(--theme-type-body);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.nw-att-row-btn:hover{color:var(--theme-accent-cyan);border-color:var(--theme-accent-cyan);}.nw-att-row-delete:hover{color:var(--theme-error);border-color:var(--theme-error);}@media (max-width:1024px){.notes-workspace-panel{top:0;left:0;right:0;bottom:0;width:auto;min-width:0;flex-direction:column;border-radius:0;border:none;}.nw-left{width:100%;flex:1;min-height:0;padding-top:0;border-right:none;border-bottom:1px solid var(--theme-border);}.nw-left-header{height:48px;padding-right:48px;}.nw-form{flex:1;min-height:0;padding:0;}.nw-attachments-view{flex:1;min-height:0;padding:0.75rem;}.nw-form-inner{padding:0.75rem;}.nw-form-actions{margin-top:0;padding:0.75rem;}.notes-workspace-panel .nw-right{display:none;min-height:0;}.notes-workspace-panel--form-open .nw-left{display:none;}.notes-workspace-panel--form-open .nw-right{display:flex;min-height:0;}.nw-form-header{display:flex;}.nw-content-input{flex:1;min-height:360px;resize:none;}.nw-close-btn--float{display:flex;position:absolute;top:10px;right:16px;z-index:10;width:auto;height:auto;margin:0;padding:6px;border:none;border-radius:var(--theme-shape-sm);background:transparent;color:var(--theme-text-dim);align-items:center;justify-content:center;transition:none;}.nw-close-btn--float i{display:block;width:16px;height:16px;font-size:var(--theme-type-body-lg);}.nw-close-btn--float:hover{background:var(--theme-accent-cyan-alpha);color:var(--theme-primary);}.nw-close-btn:not(.nw-close-btn--float){display:none;}.nw-save-btn{margin-left:auto;}}.ws-resize-handle{position:absolute;top:0;right:0;width:12px;height:100%;cursor:col-resize;z-index:10;touch-action:none;}.ws-resize-handle::before{content:'';position:absolute;top:50%;right:2px;transform:translateY(-50%);width:3px;height:32px;border-radius:2px;background:var(--theme-border);transition:background 0.15s;}.ws-resize-handle:hover::before, .ws-resize-handle:active::before{background:var(--theme-primary);}@media (max-width:1024px){.ws-resize-handle{display:none;}}@media (min-width:1025px){body[data-dock-pos="left"] .notes-workspace-panel{left:100px;width:calc(100vw - 100px - var(--right-safe-zone, 400px) - var(--ws-panel-gap, 20px));}}@media (min-width:1440px){.notes-workspace-panel{top:128px;bottom:140px;left:28px;}}