.edit-page{height:100vh;transition:background-color .3s ease}.edit-error,.edit-loading,.edit-page{display:flex;flex-direction:column;background-color:var(--bg-secondary)}.edit-error,.edit-loading{align-items:center;justify-content:center;gap:16px;min-height:100vh;color:var(--text-secondary)}.edit-error a{color:var(--primary-color);text-decoration:none;padding:8px 16px;border:1px solid var(--primary-color);border-radius:8px}.edit-error a:hover{background-color:var(--primary-color);color:white}.edit-header{justify-content:space-between;padding:16px 24px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;box-shadow:var(--shadow-sm);transition:all .3s ease}.edit-header,.edit-header-left{display:flex;align-items:center}.edit-header-left{flex-grow:1;gap:16px;margin-right:24px}.demo-badge-inline{background-color:var(--warning-bg);color:var(--warning-text);padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap}.back-link{color:var(--text-tertiary);text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap;transition:color .2s}.back-link:hover{color:var(--primary-color)}.title-input{flex-grow:1;background:none;border:none;color:var(--text-primary);font-size:1.5rem;font-weight:600;outline:none;padding:8px;border-radius:4px;transition:background-color .2s}.title-input:focus{background-color:var(--bg-tertiary)}.title-input::placeholder{color:var(--text-muted)}.edit-header-right{display:flex;align-items:center;gap:16px}.error-message{color:var(--danger-color);font-size:.85rem;font-weight:500}.save-button{background-color:var(--primary-color);color:white;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s;white-space:nowrap}.save-button:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px rgba(82,113,255,.25)}.save-button:disabled{background-color:var(--text-muted);cursor:not-allowed;transform:none}.draft-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s;white-space:nowrap}.draft-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.draft-button:disabled{background-color:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;transform:none}.edit-metadata{padding:12px 24px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);transition:all .3s ease}.thumbnail-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s;background-color:var(--input-bg);color:var(--text-primary)}.thumbnail-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(82,113,255,.1)}.thumbnail-input::placeholder{color:var(--text-muted)}.editor-layout{display:grid;grid-template-columns:1fr 1fr;flex-grow:1;overflow:hidden;grid-gap:0;gap:0}@media (max-width:768px){.editor-layout{grid-template-columns:1fr}.preview-pane{display:none}.edit-header{flex-wrap:wrap;padding:12px 16px;gap:12px}.edit-header-left{flex-basis:100%;margin-right:0;order:1}.edit-header-right{flex-basis:100%;justify-content:space-between;order:2;gap:8px}.title-input{font-size:1.2rem}.back-link{font-size:.85rem}.draft-button,.save-button{padding:8px 16px;font-size:.9rem;flex-grow:1}.edit-metadata{padding:12px 16px}.markdown-editor{padding:16px;font-size:14px}.markdown-preview{padding:20px 16px}.editor-toolbar,.preview-toolbar{padding:10px 16px;font-size:.8rem}}@media (max-width:480px){.edit-header{padding:10px 12px}.title-input{font-size:1.1rem}.draft-button,.save-button{padding:8px 12px;font-size:.85rem}.demo-badge-inline{font-size:.7rem;padding:3px 8px}.markdown-editor{padding:12px;font-size:13px}.markdown-preview h1{font-size:1.8rem}.markdown-preview h2{font-size:1.5rem;margin-top:32px}.markdown-preview h3{font-size:1.25rem;margin-top:24px}}.editor-pane,.preview-pane{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-toolbar,.preview-toolbar{padding:12px 24px;background-color:var(--code-bg);color:var(--code-text);font-size:.85rem;font-weight:600;border-bottom:1px solid var(--border-dark)}.preview-toolbar{background-color:var(--bg-primary);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.markdown-editor{flex-grow:1;width:100%;border:none;padding:24px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:15px;line-height:1.7;resize:none;outline:none;background-color:var(--code-bg);color:var(--code-text);overflow-y:auto}.markdown-editor::placeholder{color:var(--text-tertiary)}.preview-pane{background-color:var(--bg-primary);border-left:1px solid var(--border-color);transition:all .3s ease}.markdown-preview{flex-grow:1;padding:32px 48px;overflow-y:auto;line-height:1.8;color:var(--text-primary)}.markdown-preview h1{font-size:2.5rem;font-weight:700;margin:0 0 24px;line-height:1.3;color:var(--text-primary)}.markdown-preview h2{font-size:1.8rem;font-weight:600;margin-top:48px;margin-bottom:24px;padding-bottom:8px;border-bottom:2px solid var(--border-color);color:var(--text-primary)}.markdown-preview h3{font-size:1.5rem;margin-top:40px;margin-bottom:20px}.markdown-preview h3,.markdown-preview h4{font-weight:600;color:var(--text-secondary)}.markdown-preview h4{font-size:1.25rem;margin-top:32px;margin-bottom:16px}.markdown-preview p{margin-bottom:20px;color:var(--text-secondary)}.markdown-preview a{color:var(--primary-color);text-decoration:none;transition:-webkit-text-decoration .2s ease;transition:text-decoration .2s ease;transition:text-decoration .2s ease,-webkit-text-decoration .2s ease}.markdown-preview a:hover{text-decoration:underline}.markdown-preview ol,.markdown-preview ul{margin-bottom:20px;padding-left:24px;color:var(--text-secondary)}.markdown-preview li{margin-bottom:8px}.markdown-preview pre{background-color:var(--code-bg);color:var(--code-text);padding:20px;border-radius:8px;margin-bottom:24px;overflow-x:auto;font-size:.9rem;line-height:1.6;border:1px solid var(--border-color)}.markdown-preview code,.markdown-preview pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.markdown-preview code{background-color:var(--bg-tertiary);color:var(--danger-color);padding:2px 6px;border-radius:4px;font-size:.9em}.markdown-preview pre code{background-color:transparent;color:inherit;padding:0;font-size:inherit}.markdown-preview blockquote{margin:0 0 20px;padding:16px 24px;background-color:var(--bg-tertiary);border-left:4px solid var(--border-dark);color:var(--text-tertiary)}.markdown-preview blockquote p{margin-bottom:0;color:inherit}.markdown-preview img{max-width:100%;height:auto;border-radius:8px;margin:24px 0;box-shadow:var(--shadow-md)}.markdown-preview table{border-collapse:collapse;width:100%;margin-bottom:20px}.markdown-preview td,.markdown-preview th{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.markdown-preview th{background-color:var(--bg-tertiary);font-weight:600}.markdown-preview td,.markdown-preview th{color:var(--text-secondary)}.markdown-preview hr{border:none;border-top:1px solid var(--border-color);margin:32px 0}.tag-selection-area{margin-top:12px;padding:16px;background-color:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.tag-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tag-selection-header label{font-weight:600;color:var(--text-primary);font-size:.95rem}.tag-count{color:var(--text-tertiary);font-size:.85rem;font-weight:500}.selected-tags{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.available-tags,.selected-tags{display:flex;flex-wrap:wrap;gap:8px}.available-tags,.tag-badge{align-items:center}.tag-badge{display:inline-flex;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tag-badge.selected{color:white!important}.tag-add-btn{padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500;background-color:var(--bg-primary);color:var(--primary-color);border:2px dashed var(--primary-color);cursor:pointer;transition:all .2s ease}.tag-add-btn:hover:not(:disabled){background-color:var(--primary-color);color:white;border-style:solid}.tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.new-tag-input-wrapper{display:flex;align-items:center;gap:6px}.new-tag-input{padding:6px 12px;border-radius:16px;border:2px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .2s}.new-tag-input:focus{border-color:var(--primary-color)}.tag-create-btn{padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500;background-color:var(--success-color);color:white;border:none;cursor:pointer;transition:all .2s ease}.tag-create-btn:hover{background-color:#22863a;transform:translateY(-1px)}.tag-cancel-btn{padding:6px 10px;border-radius:50%;font-size:1rem;font-weight:700;background-color:var(--bg-primary);color:var(--text-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tag-cancel-btn:hover{background-color:var(--danger-color);color:white;border-color:var(--danger-color)}.tag-selection-area-new{margin-top:12px}.tag-input-label{display:block;font-weight:600;color:var(--text-primary);font-size:.95rem;margin-bottom:8px}.tag-input-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;min-height:42px;transition:all .2s ease}.tag-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}.selected-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:rgba(82,113,255,.1);color:var(--primary-color);border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap}.remove-tag-btn{background:none;border:none;color:var(--primary-color);font-size:1.1rem;line-height:1;cursor:pointer;padding:0;margin-left:2px;opacity:.7;transition:opacity .2s}.remove-tag-btn:hover{opacity:1}.tag-text-input{flex:1 1;min-width:120px;border:none;background:transparent;outline:none;font-size:.9rem;color:var(--text-primary);padding:4px 0}.tag-text-input::placeholder{color:var(--text-muted)}.tag-text-input:disabled{opacity:.5;cursor:not-allowed}.tag-count-indicator{font-size:.8rem;color:var(--text-tertiary);margin-top:4px}.tag-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:100}.tag-suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .2s}.tag-suggestion-item:hover{background-color:var(--bg-hover)}.tag-suggestion-item.no-results{cursor:default;color:var(--text-tertiary)}.tag-suggestion-item.no-results:hover{background-color:transparent}.tag-suggestion-name{font-size:.9rem;color:var(--text-primary);font-weight:500}.tag-suggestion-count{font-size:.8rem;color:var(--text-tertiary)}.edit-metadata{position:relative}