#root{text-align:left;color:#e0e0e0;background-color:#1a1a1a;width:100vw;max-width:100%;height:100vh;margin:0 auto;padding:0}.dashboard-container{flex-direction:column;height:100vh;display:flex}.dashboard-header{background-color:#242424;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header-left h3{color:#fff;margin:0}.dashboard-content{flex:1;gap:2rem;padding:2rem;display:flex;overflow:hidden}.panel{background:#242424;border:1px solid #333;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.editor-panel{flex-direction:column;flex:1;display:flex}.editor-tabs{border-bottom:1px solid #333;margin-bottom:1rem;display:flex}.tab-button{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.8rem 1.5rem;transition:color .2s,border-color .2s}.tab-button:hover{color:#fff}.tab-button.active{color:#646cff;border-bottom-color:#646cff}.tab-button:disabled{color:#444;cursor:not-allowed}.preview-panel{color:#333;background-color:#fff;flex:1;overflow:hidden}h2{color:#fff;border-bottom:1px solid #333;margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.2rem}.btn-primary{color:#fff;cursor:pointer;background-color:#646cff;border:none;border-radius:8px;padding:.8em 1.5em;font-weight:600;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#535bf2}.btn-primary:disabled{cursor:not-allowed;opacity:.7;background-color:#444}.btn-secondary{color:#ccc;background:0 0;border:1px solid #444;border-radius:6px;padding:.5em 1em}.btn-secondary:hover{color:#fff;border-color:#666}.btn-small{padding:.4rem .8rem;font-size:.8rem}.file-actions{align-items:stretch;gap:1rem;margin-bottom:1rem;display:flex}.local-file-action{flex:1}.cloud-file-action{flex:2;gap:.5rem;display:flex}.cloud-path-input{color:#e0e0e0;background:#111;border:1px solid #333;border-radius:8px;flex:1;padding:0 1rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:.9rem}.cloud-path-input:focus{border-color:#646cff;outline:none}.file-label{text-align:center;cursor:pointer;color:#888;box-sizing:border-box;border:2px dashed #444;border-radius:8px;justify-content:center;align-items:center;height:100%;padding:1rem;transition:border-color .2s;display:flex}.file-label:hover{color:#fff;border-color:#646cff}.file-input{display:none}.editor-actions{gap:1rem;display:flex}.editor-actions button{flex:1}.editor-wrapper{background-color:#111;border:1px solid #333;border-radius:8px;flex:1;min-height:300px;margin-bottom:1rem;transition:border-color .2s;display:flex;overflow:hidden}.editor-wrapper:focus-within{border-color:#646cff}.line-numbers{color:#555;text-align:right;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border-right:1px solid #333;min-width:3rem;padding:1rem .5rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;overflow:hidden}.code-container{flex:1;display:flex;position:relative;overflow:hidden}.input-layer,.highlight-layer{box-sizing:border-box;white-space:pre;border:none;width:100%;height:100%;margin:0;padding:1rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;position:absolute;top:0;left:0;overflow:auto}.input-layer{z-index:1;color:#0000;caret-color:#e0e0e0;resize:none;tab-size:2;background:0 0;outline:none}.highlight-layer{z-index:0;color:#a5d6ff;pointer-events:none}.input-layer:focus{outline:none}.ui-editor-scroll-container{flex:1;min-height:300px;padding-right:1rem;overflow-y:auto}.ui-section{background:#1e1e1e;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.ui-section h3{color:#ccc;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:1.5rem;font-size:1rem}.ui-input-group{margin-bottom:1rem}.ui-input-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.ui-input-group label{color:#888;margin-bottom:0;font-size:.9rem;display:block}.ui-input-group input,.ui-input-group textarea{color:#e0e0e0;box-sizing:border-box;background:#111;border:1px solid #333;border-radius:6px;width:100%;padding:.8rem;font-family:inherit;font-size:1rem}.ui-input-group input:focus,.ui-input-group textarea:focus{border-color:#646cff;outline:none}.ui-input-group input.readonly{color:#777;cursor:not-allowed;background:#222}.ui-block-controls{gap:.5rem;display:flex}.ui-block-controls button{padding:.2rem .6rem;font-size:.8rem;line-height:1.2}.add-content-buttons{border-top:1px dashed #333;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.add-label{color:#666;margin-right:.5rem;font-size:.8rem}.preview-content{height:100%;padding:1rem;overflow-y:auto}.article-preview{max-width:800px;margin:0 auto;line-height:1.6}.article-meta{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.article-meta h1{color:#111;margin-bottom:.5rem;font-size:2rem}.meta-info{color:#666;font-size:.9rem}.meta-detail{color:#555;margin-top:.5rem;font-size:.9rem}.article-preview h2{color:#222;border-bottom:none;margin-top:2rem;font-size:1.5rem}.article-preview p{color:#444;margin-bottom:1rem}.placeholder-text{color:#555;text-align:center;margin-top:20%}.download-link{text-align:center;margin-top:1rem}.download-link a{color:#646cff;font-size:.9rem;text-decoration:none}.download-link a:hover{text-decoration:underline}.code-block{border-radius:8px;margin:1rem 0;font-size:.9rem;overflow:auto hidden}.output-block{color:#fff;background:#333;border-radius:6px;margin:1rem 0;padding:1rem}.token-key{color:#ff7b72}.token-string{color:#a5d6ff}.token-number{color:#79c0ff}.token-boolean,.token-null{color:#d2a8ff}.token-punctuation{color:#e0e0e0}.ui-input-group textarea{resize:vertical;min-height:40px}.code-font{font-family:Fira Code,monospace;font-size:.9rem}.table-editor{background:#111;border:1px solid #333;border-radius:6px;padding:1rem}.table-row-input{gap:.5rem;margin-bottom:.5rem;display:flex}.table-container{margin:1rem 0;overflow-x:auto}.preview-table{border-collapse:collapse;width:100%;font-size:.9rem}.preview-table th,.preview-table td{text-align:left;border:1px solid #444;padding:.5rem}.preview-table th{color:#333;background-color:#f4f4f4}@media (width<=768px){.dashboard-content{flex-direction:column;padding:1rem}}.loading-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.spinner{border:4px solid #ffffff1a;border-left-color:#646cff;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container{background-color:#ffffff1a;border-radius:3px;width:80%;max-width:300px;height:6px;margin-top:1rem;overflow:hidden}.progress-bar{background-color:#646cff;height:100%;transition:width .2s}.message-overlay{z-index:1001;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.message-box{text-align:center;background:#242424;border:1px solid #333;border-radius:12px;width:90%;max-width:400px;padding:2rem;box-shadow:0 8px 32px #00000080}.message-box.success{border-color:#3fb950}.message-box.error{border-color:#f85149}.image-editor{background:#111;border:1px solid #333;border-radius:6px;padding:1rem}.article-image{text-align:center;margin:1.5rem 0}.article-image img{border-radius:8px;max-width:100%;height:auto}.article-image figcaption{color:#888;margin-top:.5rem;font-size:.9rem}.message-box p{word-break:break-word;margin-bottom:1.5rem;font-size:1.1rem}.confirm-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}