:root{--clr-bg:#f5f3ee;--clr-surface:#fff;--clr-surface2:#efede7;--clr-border:#ddd9cf;--clr-primary:#1a5c38;--clr-primary-h:#144a2c;--clr-accent:#e8a020;--clr-accent-h:#c8861a;--clr-text:#1c1b18;--clr-text-2:#5c5a54;--clr-text-3:#9b9890;--clr-danger:#c0392b;--clr-success:#1a5c38;--clr-warn:#e8a020;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a, 0 1px 4px #0000000f;--shadow-lg:0 12px 40px #00000024;--transition:.2s cubic-bezier(.4,0,.2,1);--left-panel-w:340px;--topbar-h:60px;--runrow-h:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--clr-bg);color:var(--clr-text);flex-direction:column;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.icon{white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon--sm{font-size:16px}.icon--md{font-size:22px}.icon--lg{font-size:28px}.topbar{background:var(--clr-primary);color:#fff;height:var(--topbar-h);box-shadow:var(--shadow-md);z-index:100;align-items:center;gap:12px;padding:0 32px;display:flex;position:sticky;top:0}.topbar__logo{letter-spacing:-.3px;font-family:DM Serif Display,serif;font-size:1.4rem}.topbar__logo span{color:var(--clr-accent)}.topbar__sep{flex:1}.topbar__badge{letter-spacing:.5px;background:#ffffff26;border-radius:100px;padding:4px 12px;font-size:.78rem;font-weight:500}.layout{grid-template-columns:var(--left-panel-w) 1fr;height:calc(100vh - var(--topbar-h));flex:1;display:grid;overflow:hidden}.panel-left{background:var(--clr-surface);border-right:1px solid var(--clr-border);padding-bottom:var(--runrow-h);flex-direction:column;display:flex;overflow-y:auto}.section{border-bottom:1px solid var(--clr-border);padding:22px 22px 18px}.section:last-child{border-bottom:none}.section__title{letter-spacing:1.2px;text-transform:uppercase;color:var(--clr-text-3);align-items:center;gap:6px;margin-bottom:14px;font-size:.7rem;font-weight:600;display:flex}.hint{color:var(--clr-text-3);font-size:.82rem;line-height:1.5}.dropzone{border:2px dashed var(--clr-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);background:var(--clr-bg);padding:18px 14px;position:relative}.dropzone:hover,.dropzone.drag-over{border-color:var(--clr-primary);background:#1a5c380d}.dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dropzone__icon{color:var(--clr-primary);margin-bottom:6px}.dropzone__label{color:var(--clr-text-2);font-size:.82rem;line-height:1.5}.dropzone__label strong{color:var(--clr-primary)}.dropzone__label small{color:var(--clr-text-3)}.file-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.file-chip{background:var(--clr-surface2);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;animation:.18s chipIn;display:flex}@keyframes chipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.file-chip__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-chip__size{color:var(--clr-text-3);flex-shrink:0;font-size:.73rem}.file-chip__remove{cursor:pointer;color:var(--clr-text-3);transition:var(--transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.file-chip__remove:hover{color:var(--clr-danger);background:#c0392b14}.file-chip__ext{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:.66rem;font-weight:700}.ext-pdf{color:#c0392b;background:#fdecea}.ext-docx{color:#1a6fc4;background:#e8f0fe}.ext-pptx{color:#c45d1a;background:#fef0e8}.ext-xlsx{color:#1a5c38;background:#e8f5e9}.ext-other{background:var(--clr-surface2);color:var(--clr-text-3)}.task-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.task-btn{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-bg);cursor:pointer;transition:var(--transition);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 11px;display:flex}.task-btn:hover{border-color:var(--clr-primary);background:#1a5c380a}.task-btn.active{border-color:var(--clr-primary);box-shadow:inset 0 0 0 1px var(--clr-primary);background:#1a5c3814}.task-btn__icon{color:var(--clr-primary)}.task-btn__label{font-size:.77rem;font-weight:500;line-height:1.3}.task-btn.active .task-btn__label{color:var(--clr-primary);font-weight:600}.params-area{flex-direction:column;gap:10px;display:flex}.field-label{color:var(--clr-text-2);margin-bottom:4px;font-size:.74rem;font-weight:500;display:block}input[type=text],select,textarea{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-bg);width:100%;color:var(--clr-text);transition:var(--transition);outline:none;padding:8px 11px;font-family:DM Sans,sans-serif;font-size:.84rem}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--clr-primary);background:var(--clr-surface);box-shadow:0 0 0 3px #1a5c381f}textarea{resize:vertical;min-height:68px;line-height:1.5}select{cursor:pointer}.format-row{gap:6px;display:flex}.format-pill{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:var(--clr-bg);color:var(--clr-text-2);flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 5px;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:500;display:flex}.format-pill:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.format-pill.active{border-color:var(--clr-primary);background:var(--clr-primary);color:#fff}.run-row{width:var(--left-panel-w);height:var(--runrow-h);background:var(--clr-surface);border-top:1px solid var(--clr-border);border-right:1px solid var(--clr-border);z-index:50;align-items:center;gap:10px;padding:14px 22px;display:flex;position:fixed;bottom:0;left:0}.btn-run{background:var(--clr-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);letter-spacing:.2px;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;display:flex}.btn-run:hover:not(:disabled){background:var(--clr-primary-h);box-shadow:var(--shadow-md)}.btn-run:disabled{background:var(--clr-border);color:var(--clr-text-3);cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin;display:none}.btn-run.loading .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.warn-trigger{cursor:pointer;color:var(--clr-warn);transition:var(--transition);background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex}.warn-trigger:hover{background:#e8a0201f}.warn-trigger[hidden]{display:none}.panel-right{flex-direction:column;display:flex;overflow:hidden}.preview-header{border-bottom:1px solid var(--clr-border);background:var(--clr-surface);flex-shrink:0;align-items:center;gap:12px;padding:16px 28px;display:flex}.preview-header__title{flex:1;font-family:DM Serif Display,serif;font-size:1.1rem}.preview-header__meta{color:var(--clr-text-3);background:var(--clr-surface2);border-radius:100px;padding:3px 10px;font-size:.76rem}.btn-download{background:var(--clr-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:8px 15px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:600;display:flex}.btn-download:hover:not(:disabled){background:var(--clr-accent-h)}.btn-download:disabled{background:var(--clr-border);color:var(--clr-text-3);cursor:not-allowed}.preview-body{flex:1;padding:32px 40px;overflow-y:auto}.preview-empty{height:100%;color:var(--clr-text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.preview-empty__icon{opacity:.25;font-size:56px}.preview-empty__title{opacity:.45;font-family:DM Serif Display,serif;font-size:1.35rem}.preview-empty__sub{opacity:.65;max-width:280px;font-size:.84rem;line-height:1.6}.skeleton-wrap{display:none}.skeleton-wrap.visible{display:block}.skeleton{background:linear-gradient(90deg, var(--clr-surface2) 25%, var(--clr-border) 50%, var(--clr-surface2) 75%);background-size:200% 100%;border-radius:4px;margin-bottom:10px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.sk-title{width:52%;height:30px;margin-bottom:14px}.sk-meta{width:68%;height:13px;margin-bottom:22px}.sk-line{height:13px}.sk-line.w90{width:90%}.sk-line.w85{width:85%}.sk-line.w75{width:75%}.sk-line.w60{width:60%}.sk-head2{width:38%;height:18px;margin-top:26px;margin-bottom:12px}.preview-content{max-width:720px;margin:0 auto;display:none}.preview-content.visible{animation:.3s fadeSlideIn;display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.preview-content h1{color:var(--clr-primary);margin-bottom:6px;font-family:DM Serif Display,serif;font-size:1.65rem;line-height:1.2}.preview-content h2{color:var(--clr-text);border-bottom:1px solid var(--clr-border);margin-top:26px;margin-bottom:8px;padding-bottom:6px;font-family:DM Serif Display,serif;font-size:1.15rem}.preview-content h3{margin-top:16px;margin-bottom:5px;font-size:.93rem;font-weight:600}.preview-content p{margin-bottom:11px;font-size:.93rem;line-height:1.75}.preview-content ul,.preview-content ol{margin-bottom:11px;padding-left:22px}.preview-content li{margin-bottom:4px;font-size:.93rem;line-height:1.6}.preview-content .meta-row{color:var(--clr-text-3);border-bottom:1px solid var(--clr-border);flex-wrap:wrap;gap:18px;margin-bottom:18px;padding-bottom:14px;font-size:.8rem;display:flex}.preview-content .meta-row span{align-items:center;gap:4px;display:flex}.preview-content blockquote{border-left:3px solid var(--clr-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--clr-text-2);background:#1a5c380a;margin:14px 0;padding:10px 16px;font-size:.9rem;font-style:italic}.statusbar{background:var(--clr-surface2);border-top:1px solid var(--clr-border);color:var(--clr-text-3);flex-shrink:0;align-items:center;gap:10px;padding:5px 28px;font-size:.73rem;display:flex}.status-dot{background:var(--clr-text-3);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.ready{background:var(--clr-success)}.status-dot.busy{background:var(--clr-warn);animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.popup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300;background:#0000004d;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.popup-overlay[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup{background:var(--clr-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:calc(100% - 32px);max-width:380px;padding:26px;animation:.2s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.popup__header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.popup__icon{color:var(--clr-warn)}.popup__title{font-family:DM Serif Display,serif;font-size:1.1rem}.popup__body{color:var(--clr-text-2);margin-bottom:18px;font-size:.87rem;line-height:1.6}.popup__body ul{margin-top:6px;padding-left:18px}.popup__body li{margin-bottom:4px}.popup__close{justify-content:flex-end;display:flex}.btn-ghost{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--clr-text);transition:var(--transition);background:0 0;padding:7px 18px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:500}.btn-ghost:hover{border-color:var(--clr-primary);color:var(--clr-primary)}