@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color:#111e3b;--primary-hover:#1b2d52;--secondary-color:#274073;--secondary-hover:#36548f;--accent-color:#3b82f6;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#0ea5e9;--bg-body:#f3f4f6;--bg-container:#fff;--bg-muted:#f8fafc;--bg-hover:#e2e8f0;--text-main:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-input:#d1d5db;--border-hover:#9ca3af;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-btn:8px;--radius-card:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-focus:0 0 0 3px #3b82f633;--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{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}