:root{--primary-color:#1e3a8a;--primary-hover:#2563eb;--secondary-color:#3b82f6;--accent-color:#e67e22;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#0ea5e9;--bg-body:#f8fafc;--bg-container:#fff;--bg-muted:#f1f5f9;--bg-hover:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-input:#cbd5e1;--border-hover:#94a3b8;--radius-sm:4px;--radius-md:8px;--radius-lg:24px;--radius-btn:8px;--radius-card:12px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-focus:0 0 0 1px var(--secondary-color);--font-main:"Segoe UI", Roboto, Arial, sans-serif;--font-mono:monospace, Consolas, "Courier New"}*{box-sizing:border-box;font-family:var(--font-main)}body{background:var(--bg-body);color:var(--text-main);margin:0}.form-container{justify-content:center;padding:40px 20px;display:flex}.btn{background:var(--secondary-color);color:#fff;border-radius:var(--radius-btn);cursor:pointer;border:none;width:100%;margin-top:25px;padding:12px;font-size:15px;font-weight:600;transition:background .2s ease-in-out}.btn:hover{background:var(--primary-hover)}.btn:disabled{background:var(--text-light);cursor:not-allowed}.editor-preview{grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;display:grid}.editor-preview textarea{height:280px;font-family:var(--font-mono)}.preview-mini{background:var(--bg-container);border:1px solid var(--border-color);height:280px;font-family:var(--font-main);color:var(--text-main);border-radius:5px;padding:15px;font-size:16px;line-height:1.5;overflow-y:auto}.preview-mini hr{border:none;border-top:2px solid var(--border-input);margin:20px 0}.file-upload-zone{border:2px dashed var(--border-input);border-radius:var(--radius-card);text-align:center;background-color:var(--bg-muted);cursor:pointer;margin-top:5px;padding:25px;transition:all .2s}.file-upload-zone:hover,.file-upload-zone.dragover{border-color:var(--secondary-color);background-color:var(--bg-muted)}.file-upload-zone .upload-icon{color:var(--text-muted);margin-bottom:10px;font-size:28px;display:block}.file-upload-zone p{color:var(--text-muted);margin:0;font-size:14px}.file-upload-list{flex-direction:column;gap:8px;margin-top:15px;display:flex}.file-upload-item{background:var(--bg-container);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex;box-shadow:0 1px 2px #0000000d}.file-upload-item-name{align-items:center;gap:8px;display:flex}.file-upload-item-name svg{color:var(--text-muted);width:16px;height:16px}.btn-remove-file{color:var(--danger-color);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-weight:700;transition:background .2s;display:flex}.btn-remove-file:hover{background:#ef44441a}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:35px;display:flex}.page-title-area{flex:1;min-width:280px}.page-title{color:var(--text-main)!important;letter-spacing:-.02em!important;margin:0!important;font-size:26px!important;font-weight:700!important;line-height:1.2!important}.page-subtitle{color:var(--text-muted)!important;margin:6px 0 0!important;font-size:14px!important;line-height:1.5!important}.btn-header-primary{background:var(--secondary-color)!important;color:#fff!important;border-radius:var(--radius-btn)!important;cursor:pointer!important;box-shadow:var(--shadow-sm)!important;box-sizing:border-box!important;border:none!important;align-items:center!important;gap:8px!important;height:42px!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important;transition:all .2s ease-in-out!important;display:flex!important}.btn-header-primary:hover{background:var(--primary-hover)!important;transform:translateY(-1px)!important}.btn-header-primary:active{transform:translateY(0)!important}.btn-header-outline{color:var(--secondary-color)!important;border:1.5px solid var(--secondary-color)!important;border-radius:var(--radius-btn)!important;cursor:pointer!important;box-sizing:border-box!important;background:0 0!important;align-items:center!important;gap:8px!important;height:42px!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important;transition:all .2s ease-in-out!important;display:flex!important}.btn-header-outline:hover{background:#3b82f60d!important;transform:translateY(-1px)!important}.btn-header-outline:active{transform:translateY(0)!important}