.settings-panel[data-v-8206b6ed]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:400px;max-width:90vw;max-height:80vh;overflow-y:auto;z-index:1000}.settings-header[data-v-8206b6ed]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.settings-header h3[data-v-8206b6ed]{margin:0;font-size:18px;color:#333}.close-btn[data-v-8206b6ed]{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;border-radius:4px;transition:background .2s}.close-btn[data-v-8206b6ed]:hover{background:#0000000d}.settings-content[data-v-8206b6ed]{padding:24px}.setting-group[data-v-8206b6ed]{margin-bottom:24px}.setting-group label[data-v-8206b6ed]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.size-inputs[data-v-8206b6ed]{display:flex;gap:12px}.input-group[data-v-8206b6ed]{flex:1;display:flex;align-items:center;gap:8px}.input-group span[data-v-8206b6ed]:first-child{font-size:14px;color:#666;white-space:nowrap}.input-group input[type=number][data-v-8206b6ed]{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.input-group input[type=number][data-v-8206b6ed]:focus{outline:none;border-color:#007bff}.input-group span[data-v-8206b6ed]:last-child{font-size:14px;color:#666}.range-slider[data-v-8206b6ed]{width:100%;height:6px;-webkit-appearance:none;background:#e0e0e0;border-radius:3px;outline:none}.range-slider[data-v-8206b6ed]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#007bff;border-radius:50%;cursor:pointer;transition:transform .2s}.range-slider[data-v-8206b6ed]::-webkit-slider-thumb:hover{transform:scale(1.1)}.color-inputs[data-v-8206b6ed]{display:flex;gap:12px;align-items:center}.color-picker[data-v-8206b6ed]{width:48px;height:36px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;padding:2px}.color-text[data-v-8206b6ed]{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.color-text[data-v-8206b6ed]:focus{outline:none;border-color:#007bff}.font-select[data-v-8206b6ed]{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.font-select[data-v-8206b6ed]:focus{outline:none;border-color:#007bff}.style-select[data-v-8206b6ed]{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.style-select[data-v-8206b6ed]:focus{outline:none;border-color:#007bff}.font-style-buttons[data-v-8206b6ed]{display:flex;gap:8px}.style-btn[data-v-8206b6ed]{width:40px;height:40px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s}.style-btn[data-v-8206b6ed]:hover{background:#f5f5f5}.style-btn.active[data-v-8206b6ed]{background:#007bff;color:#fff;border-color:#007bff}.setting-actions[data-v-8206b6ed]{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.reset-btn[data-v-8206b6ed],.apply-btn[data-v-8206b6ed]{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.reset-btn[data-v-8206b6ed]{background:#f5f5f5;color:#333}.reset-btn[data-v-8206b6ed]:hover{background:#e0e0e0}.apply-btn[data-v-8206b6ed]{background:#007bff;color:#fff}.apply-btn[data-v-8206b6ed]:hover{background:#0056b3}.note-list[data-v-917383df]{width:100%;height:100%;background:linear-gradient(180deg,#f8fafc,#eef2f7);padding:24px;overflow-y:auto}.header[data-v-917383df]{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:0 10px}.header h1[data-v-917383df]{font-size:30px;color:#1f2937;letter-spacing:.5px}.search-bar[data-v-917383df]{margin-bottom:20px;padding:0 10px;display:flex;gap:12px;align-items:center}.search-input[data-v-917383df]{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none}.search-input[data-v-917383df]:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.sort-select[data-v-917383df]{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s;outline:none}.sort-select[data-v-917383df]:hover{border-color:#60a5fa}.sort-select[data-v-917383df]:focus{border-color:#60a5fa}.create-btn[data-v-917383df]{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;padding:12px 24px;border-radius:12px;font-size:16px;display:flex;align-items:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px #3b82f640}.create-btn[data-v-917383df]:hover{transform:translateY(-1px);box-shadow:0 10px 24px #3b82f64d}.notes-grid[data-v-917383df]{display:grid;gap:18px}.note-card[data-v-917383df]{background:#ff0;padding:16px;border-radius:12px;box-shadow:0 6px 18px #0000001f;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.note-card[data-v-917383df]:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0003}.note-header[data-v-917383df]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.note-header h3[data-v-917383df]{font-size:18px;color:#111827;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.delete-btn[data-v-917383df]{background:#ffffffb3;color:#374151;font-size:20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s ease}.delete-btn[data-v-917383df]:hover{background:#ef4444;color:#fff}.note-preview[data-v-917383df]{flex:1;color:#374151;font-size:14px;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin-bottom:12px}.note-date[data-v-917383df]{font-size:12px;color:#6b7280}.empty-state[data-v-917383df]{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#9ca3af;font-size:18px}