@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400;1,600&family=Nunito:wght@400;600;700;800;900&display=swap";:root{--primary: #0f364c;--primary-2: #1a5070;--amber: #fbb03b;--amber-dark: #c4831f;--rose: #e8625a;--ink: #1a2b35;--muted: #6b7c88;--bg: #fdfaf7;--line: #e4ebf0;--teal-light: #e8f0f5;--amber-light: #fff6e3;--green: #16a34a;--green-bg: #f0fdf4;--green-chip: #dcfce7;--rose-bg: #fdecea;--r: 12px;--r-lg: 18px;--shadow-sm: 0 2px 8px rgba(15, 54, 76, .07);--shadow-md: 0 4px 20px rgba(15, 54, 76, .1);--shadow-lg: 0 8px 40px rgba(15, 54, 76, .13)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,rgba(251,176,59,.1),transparent 38%),linear-gradient(160deg,var(--bg) 0%,#f0f7f5 100%);color:var(--ink);font-family:Nunito,sans-serif;min-width:320px}button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{align-items:center;background:#fdfaf7f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;height:64px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.brand-mark{align-items:center;color:var(--primary);display:inline-flex;font-weight:900;gap:10px}.brand-dot{background:var(--amber);border-radius:50%;box-shadow:0 0 0 7px #fbb03b2e;height:12px;width:12px}.nav-chip,.mono-chip,.review-pill{align-items:center;border-radius:999px;display:inline-flex;font-family:Courier New,monospace;font-size:11px;font-weight:900;gap:8px;letter-spacing:.12em;text-transform:uppercase}.nav-chip{background:var(--teal-light);color:var(--primary);padding:7px 13px}.live-dot{animation:blink-dot 2.2s ease-in-out infinite;background:var(--green);border-radius:50%;height:8px;width:8px}.workspace{margin:0 auto;max-width:1120px;padding:48px 28px 72px}.intro{max-width:760px}.eyebrow{align-items:center;color:var(--amber-dark);display:inline-flex;font-family:Courier New,monospace;font-size:11px;font-weight:900;gap:8px;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}.eyebrow span{background:var(--amber);border-radius:50%;height:8px;width:8px}h1,h2,h3{color:var(--primary);font-family:Lora,serif;font-weight:600;margin:0}h1{font-size:clamp(34px,5vw,54px);line-height:1.08;max-width:760px}h1 em{color:var(--amber)}h2{font-size:clamp(24px,3.5vw,34px);line-height:1.14}h3{font-size:20px}.intro p{color:var(--muted);font-size:16px;line-height:1.7;margin:18px 0 0;max-width:650px}.tool-grid{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);margin-top:34px}.upload-tool{background:#fafbfceb;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:30px}.tool-head,.panel-top{align-items:center;display:flex;gap:16px;margin-bottom:22px}.icon-well{align-items:center;border-radius:14px;display:inline-flex;flex:0 0 auto;height:52px;justify-content:center;width:52px}.icon-well.amber{background:var(--amber-light);color:var(--amber-dark)}.icon-well.teal{background:var(--teal-light);color:var(--primary)}.icon-well.dark{background:#fbb03b26;border:1px solid rgba(251,176,59,.28);color:var(--amber)}.mono-chip{background:var(--teal-light);border-radius:5px;color:var(--primary);margin-bottom:6px;padding:3px 8px}.mono-chip.amber{background:#fbb03b26;border:1px solid rgba(251,176,59,.3);color:#fbb03beb}.mono-chip.green{background:var(--green-chip);color:#166534}.drop-zone{align-items:center;background:linear-gradient(rgba(15,54,76,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,54,76,.04) 1px,transparent 1px),var(--bg);background-size:40px 40px;border:1.5px dashed rgba(15,54,76,.25);border-radius:var(--r);color:var(--primary);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:178px;padding:28px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.drop-zone.dragging,.drop-zone:hover{border-color:var(--amber);box-shadow:var(--shadow-md);transform:translateY(-2px)}.drop-zone input{display:none}.drop-zone strong{font-size:18px;font-weight:900;max-width:100%;overflow-wrap:anywhere}.drop-zone span{color:var(--muted);font-size:14px;font-weight:700}.action-row{display:flex;gap:12px;margin-top:22px}.primary-button,.ghost-button{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;gap:9px;justify-content:center;min-height:48px;padding:13px 22px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.primary-button{background:var(--amber);box-shadow:0 4px 14px #fbb03b59;color:var(--primary);flex:1}.primary-button:hover:not(:disabled){background:#f5a820;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.ghost-button{background:#fafbfc;border:2px solid var(--line);color:var(--primary)}.ghost-button:hover{background:var(--teal-light);border-color:var(--primary);transform:translateY(-1px)}.progress-wrap{background:var(--amber-light);border:1px solid rgba(196,131,31,.2);border-left:4px solid var(--amber);border-radius:10px;margin-top:18px;padding:14px}.progress-label{align-items:center;color:#7a5c1e;display:flex;font-size:13px;font-weight:900;justify-content:space-between;margin-bottom:10px}.progress-track{background:#c4831f26;border-radius:999px;height:8px;overflow:hidden}.progress-track span{background:var(--amber);border-radius:inherit;display:block;height:100%;transition:width .2s ease}.status-box{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:900;gap:10px;margin-top:18px;padding:13px 15px}.status-box.teal{background:var(--teal-light);border-left:4px solid var(--primary);color:var(--primary)}.status-box.rose{background:var(--rose-bg);border:1px solid rgba(232,98,90,.24);color:#9f2d28}.run-panel{display:grid;gap:18px}.dark-panel{background:radial-gradient(circle,rgba(251,176,59,.08) 1px,transparent 1px),linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 100%);background-size:24px 24px,auto;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);color:#fafbfc;padding:30px}.dark-panel h2{color:#fafbfc}.timeline{display:grid;gap:18px;margin-top:28px;position:relative}.timeline:before{background:linear-gradient(180deg,#fafbfc1f,#fbb03b40,#fafbfc14);bottom:22px;content:"";left:15px;position:absolute;top:22px;width:2px}.step{align-items:center;display:flex;gap:14px;position:relative}.step span{align-items:center;background:#fafbfcf2;border:1px solid rgba(15,54,76,.12);border-radius:8px;color:var(--primary);display:inline-flex;font-family:Courier New,monospace;font-size:12px;font-weight:900;height:30px;justify-content:center;width:30px;z-index:1}.step.active span{animation:ring-pulse 1.6s ease-in-out infinite;background:var(--amber)}.step.complete span{background:var(--green-chip);color:#166534}.step p{color:#fafbfcbd;font-size:14px;font-weight:800;margin:0}.source-link{background:#fafbfc14;border:1px solid rgba(250,251,252,.12);border-radius:9px;color:var(--amber);display:inline-flex;font-family:Courier New,monospace;font-size:11px;font-weight:900;letter-spacing:.1em;margin-top:24px;padding:10px 12px;text-transform:uppercase}.result-strip{align-items:center;background:#fafbfc;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:18px}.result-strip h3{font-family:Courier New,monospace;font-size:14px;margin-top:7px;overflow-wrap:anywhere}.review-pill{padding:7px 12px}.review-pill.amber{background:var(--amber-light);color:var(--amber-dark)}.review-pill.green{background:var(--green-chip);color:#166534}.outputs{margin-top:36px}.section-title{align-items:end;display:flex;justify-content:space-between;margin-bottom:18px}.file-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.file-card{align-items:center;background:#fafbfc;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr) 18px;overflow:hidden;padding:16px;position:relative;transition:box-shadow .2s ease,transform .2s ease}.file-card:after{background:var(--amber);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.file-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.file-card:hover:after{transform:scaleX(1)}.file-card .icon-well{height:44px;width:44px}.file-card strong{display:block;font-size:14px;font-weight:900;overflow-wrap:anywhere}.file-card span{color:var(--muted);font-family:Courier New,monospace;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes ring-pulse{0%,to{box-shadow:0 0 #fbb03b47}50%{box-shadow:0 0 0 8px #fbb03b00}}@media(max-width:900px){.tool-grid,.file-grid{grid-template-columns:1fr}.workspace{padding-top:34px}}@media(max-width:600px){.topbar{padding:0 18px}.nav-chip{display:none}.workspace{padding-left:18px;padding-right:18px}h1{font-size:clamp(28px,9vw,38px)}.upload-tool,.dark-panel{padding:22px}.action-row{grid-template-columns:1fr}.action-row{display:grid}.result-strip{align-items:flex-start;gap:14px;flex-direction:column}}
