.action-bar,.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{font-size:1.2rem;font-weight:600;color:#333;margin:0}.new-draft-button{display:flex;align-items:center;background-color:transparent;color:var(--text-secondary);padding:.5rem;font-size:.875rem;font-weight:500;letter-spacing:.025em;border:1px solid var(--border);cursor:pointer;transition:all .2s;border-radius:.375rem}.new-draft-button:hover{background-color:var(--hover);color:var(--text);border-color:var(--text-secondary)}.new-draft-button svg{width:1rem;height:1rem}.content-section{margin-bottom:2rem}.draft-list,.published-list{display:flex;flex-direction:column;gap:1rem}.draft-item,.published-item{background-color:#111;padding:1rem;border:1px solid var(--border);cursor:pointer;transition:background-color .2s;position:relative}.draft-item:hover,.published-item:hover{background-color:var(--hover)}.draft-content,.published-content{display:flex;justify-content:space-between;align-items:center;pointer-events:none}.draft-info,.published-info{flex:1;pointer-events:none}.draft-title,.published-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;pointer-events:none}.draft-date,.published-date{font-size:.875rem;color:var(--text-secondary)}.published-dates{display:flex;flex-direction:column;gap:.25rem}.last-modified-date,.published-date-info{font-size:.875rem;color:#6b7280}.delete-button,.view-button{padding:.5rem;background:none;border:none;cursor:pointer;transition:background-color .2s;border-radius:.375rem;margin-left:1rem;pointer-events:auto;position:relative;z-index:1}.delete-button:hover,.view-button:hover{background-color:var(--hover)}.delete-button svg,.view-button svg{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.delete-button:hover svg{color:#f87171}.view-button:hover svg{color:#60a5fa}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.terminal-container{background-color:#0a0a0a;border:1px solid #333;border-radius:.5rem;margin-bottom:2rem;overflow:hidden;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}.terminal-header{display:flex;justify-content:space-between;align-items:center;background-color:#1a1a1a;padding:.75rem 1rem;border-bottom:1px solid #333}.terminal-title{color:#e5e5e5;font-size:.875rem;font-weight:500}.terminal-controls{display:flex;gap:.5rem}.terminal-clear-btn{background-color:#333;color:#e5e5e5;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:background-color .2s}.terminal-clear-btn:hover{background-color:#444}.terminal-body{padding:1rem;min-height:200px;max-height:400px;overflow-y:auto;background-color:#0a0a0a}.terminal-placeholder{color:#888}.terminal-line,.terminal-placeholder{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.terminal-line{margin-bottom:.25rem;line-height:1.4}.terminal-timestamp{color:#666;font-size:.75rem;min-width:80px}.terminal-prompt{color:#00ff00;font-weight:700}.terminal-text{color:#e5e5e5;flex:1}.terminal-cursor{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.terminal-cursor-blink{color:#00ff00;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-info .terminal-text{color:#e5e5e5}.terminal-success .terminal-text{color:#00ff00}.terminal-error .terminal-text{color:#ff4444}.terminal-warning .terminal-text{color:#ffaa00}@media (max-width:768px){.terminal-container{margin-bottom:1.5rem}.terminal-header{padding:1rem}.terminal-title{font-size:1rem}.terminal-body{padding:1.25rem;min-height:150px;max-height:300px}.terminal-line{font-size:1rem;margin-bottom:.5rem}.terminal-timestamp{font-size:.875rem;min-width:90px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20vh;gap:1rem}.loading-spinner{width:2rem;height:2rem;border-top:2px solid var(--border);border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:var(--text-secondary);font-size:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.share-button{padding:.5rem;background:none;border:none;cursor:pointer;transition:background-color .2s;border-radius:.375rem;margin-left:1rem;pointer-events:auto;position:relative;z-index:1}.share-button:hover{background-color:var(--hover)}.share-button svg{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.share-button:hover svg{color:#60a5fa}.menu-button{padding:.5rem;background:none;border:none;cursor:pointer;transition:background-color .2s;border-radius:.375rem;margin-left:1rem;pointer-events:auto;position:relative;z-index:1}.menu-button:hover{background-color:var(--hover)}.menu-button svg{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.menu-button:hover svg{color:var(--text)}.context-menu{background-color:var(--background-secondary);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.2);min-width:140px;max-width:200px;z-index:1000;position:fixed;max-height:calc(100vh - 20px);overflow:hidden;backdrop-filter:blur(10px)}.context-menu-item{display:block;width:100%;padding:.875rem 1rem;background:none;text-align:left;color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;border-bottom:1px solid transparent}.context-menu-item:first-child{border-radius:.5rem .5rem 0 0}.context-menu-item:last-child{border-radius:0 0 .5rem .5rem;border-bottom:none}.context-menu-item:hover{background-color:var(--hover);color:var(--text)}.context-menu-item:active{background-color:var(--border);transform:scale(.98)}@media (max-width:768px){.context-menu{min-width:160px;font-size:1rem;border-radius:.75rem}.context-menu-item{padding:1rem 1.25rem;font-size:1rem;font-weight:500}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.modal-content{background-color:var(--background-secondary);border:1px solid var(--border);border-radius:.75rem;max-width:90vw;max-height:90vh;width:700px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background-color:var(--background)}.modal-header h3{margin:0;color:var(--text);font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.75rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.modal-close:hover{color:var(--text);background-color:var(--hover)}.modal-close:active{transform:scale(.95)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 80px);flex:1}.json-display{background-color:var(--background);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem;color:var(--text);font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;white-space:pre;word-break:normal;max-height:60vh;overflow-y:auto;min-width:100%}.copy-url-container{display:flex;gap:.75rem;align-items:stretch}.copy-url-input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--text);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s;min-height:2.8em;max-height:5.5em;resize:none;line-height:1.4;box-sizing:border-box}.copy-url-input:focus{border-color:var(--text)}.copy-url-button{padding:.75rem 1.5rem;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:80px}.copy-url-button:hover{background-color:var(--button-hover);transform:translateY(-1px)}.copy-url-button:active{transform:translateY(0)}@media (max-width:768px){.modal-content{width:95vw;max-height:95vh;border-radius:.5rem}.modal-header{padding:1rem 1.25rem}.modal-header h3{font-size:1.125rem}.modal-body{padding:1.25rem}.json-display{font-size:.8rem;padding:1rem;max-height:50vh}.copy-url-container{flex-direction:column;gap:.5rem}.copy-url-button{width:100%;padding:.875rem;font-size:1rem}.copy-url-input{font-size:1.05rem;min-height:3.2em;max-height:6em}}.debug-panel{margin-bottom:1rem;border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.debug-toggle{width:100%;background-color:var(--background-secondary);color:var(--text-secondary);border:none;padding:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;text-align:left}.debug-toggle:hover{background-color:var(--hover)}.debug-content{background-color:var(--background);padding:1rem;border-top:1px solid var(--border)}.debug-item{margin-bottom:.5rem;font-size:.875rem;color:var(--text)}.debug-item:last-child{margin-bottom:0}.debug-item strong{color:var(--text-secondary);margin-right:.5rem}.clear-errors-button{background-color:#dc3545;color:white;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;margin-left:.5rem;transition:background-color .2s}.clear-errors-button:hover{background-color:#c82333}.view-errors-button{background-color:#17a2b8;color:white;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;margin-left:.25rem;transition:background-color .2s}.view-errors-button:hover{background-color:#138496}.check-auth-button,.retry-load-button{background-color:#28a745;color:white;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;margin-right:.5rem;transition:background-color .2s}.check-auth-button:hover,.retry-load-button:hover{background-color:#218838}@media (max-width:768px){.debug-panel{margin-bottom:1.5rem}.debug-toggle{padding:1rem;font-size:1rem}.debug-content{padding:1.25rem}.debug-item{font-size:1rem;margin-bottom:.75rem}}.error-container{background-color:#fee;border:1px solid #fcc;border-radius:.5rem;padding:1rem;margin-bottom:1rem;text-align:center}.error-message{color:#c33;margin:0 0 1rem;font-size:.875rem}.retry-button{background-color:#007bff;color:white;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#0056b3}.retry-button:active{transform:translateY(1px)}@media (max-width:768px){.error-container{padding:1.25rem;margin-bottom:1.5rem}.error-message{font-size:1rem;margin-bottom:1.25rem}.retry-button{padding:.75rem 1.5rem;font-size:1rem}}