:root{--bg: #f7f8fb;--panel: #ffffff;--text: #162033;--muted: #5d6982;--line: #dbe1ec;--primary: #1f4ed8;--primary-dark: #173ca5;--secondary: #eef2ff;--danger-bg: #fff1f2;--danger-text: #be123c;--status-bg: #eefbf3;--status-text: #166534;--code-bg: #09111f;--shadow: 0 10px 30px rgba(15, 23, 42, .08);--radius-xl: 28px;--radius-lg: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Verdana,Geneva,Tahoma,sans-serif}body{min-height:100vh}code,pre,textarea{font-family:Cascadia Code,Consolas,monospace}.page-shell{width:min(1400px,calc(100% - 32px));margin:16px auto 40px}.hero{position:relative;overflow:hidden;border-radius:36px;background:radial-gradient(circle at top right,rgba(96,165,250,.28),transparent 28%),linear-gradient(135deg,#0f172a,#172554 42%,#1d4ed8);box-shadow:var(--shadow)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0,#ffffff0f),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 18px);pointer-events:none}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;padding:34px;color:#fff}.hero__logo-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero__logo{position:relative;width:128px;height:128px;border-radius:32px;background:linear-gradient(145deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;box-shadow:inset 0 1px #ffffff40,0 14px 30px #0000002e}.hero__logo-vba{position:absolute;top:24px;left:18px;font-size:1.55rem;font-weight:700;letter-spacing:.08em}.hero__logo-cop{position:absolute;bottom:24px;right:18px;font-size:1.8rem;font-weight:700}.hero__logo-badge{position:absolute;top:16px;right:16px;border-radius:999px;background:#f59e0b;color:#111827;padding:5px 10px;font-size:.72rem;font-weight:700;letter-spacing:.08em}.hero__eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.22em;font-size:.8rem;color:#fffc}.hero h1{margin:0;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05}.hero__subtitle{max-width:760px;margin:10px 0 0;font-size:1rem;line-height:1.7;color:#ffffffeb}.hero__chips{display:flex;gap:10px;flex-wrap:wrap}.chip{border-radius:999px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.92rem}.layout{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.section-span-2{grid-column:1 / -1}.panel{background:var(--panel);border-radius:var(--radius-xl);border:1px solid var(--line);box-shadow:var(--shadow);padding:22px}.panel__header h2{margin:0;font-size:1.3rem}.panel__header p{margin:8px 0 0;color:var(--muted);line-height:1.6}.status-box,.error-box,.result-box,.code-box,.prose-box{border-radius:var(--radius-lg);padding:16px;line-height:1.7}.status-box{background:var(--status-bg);color:var(--status-text)}.error-box{background:var(--danger-bg);color:var(--danger-text)}.result-box,.code-box{background:var(--code-bg);color:#f8fafc;overflow:auto;white-space:pre-wrap}.kv-list{display:grid;gap:12px;line-height:1.6}.upload-box{border:2px dashed var(--line);border-radius:32px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fbfcff}.upload-box__title{font-size:1.05rem;font-weight:700}.upload-box__hint{margin-top:6px;color:var(--muted)}.button-row{display:flex;gap:12px}.button-row--wrap{flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;border-radius:18px;padding:12px 18px;font-size:.97rem;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 10px 20px #1f4ed833}.btn--primary:hover{background:var(--primary-dark)}.btn--secondary{background:var(--secondary);color:var(--text);border:1px solid #d8e0ff}.split-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.viewer-card{overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff}.viewer-card--dark{background:var(--code-bg);border-color:#1e293b}.viewer-card__header{padding:14px 16px;font-weight:700;border-bottom:1px solid var(--line)}.viewer-card--dark .viewer-card__header{color:#fff;border-bottom-color:#1e293b}.viewer-card__body{min-height:260px;max-height:380px;overflow:auto}.field-label{display:inline-block;margin-bottom:8px;font-weight:700}.query-textarea{width:100%;min-height:220px;border:1px solid var(--line);border-radius:24px;padding:16px;resize:vertical;font-size:.95rem;background:#fcfdff;color:var(--text)}.prose-box h1,.prose-box h2,.prose-box h3{margin-top:0}.prose-box table{border-collapse:collapse;width:100%}.prose-box th,.prose-box td{border:1px solid var(--line);padding:8px;text-align:left}@media (max-width: 980px){.layout,.split-grid{grid-template-columns:1fr}.upload-box{flex-direction:column;align-items:flex-start}.section-span-2{grid-column:auto}}