:root{color-scheme:light;font-family:IBM Plex Sans,Avenir Next,system-ui,sans-serif;background:radial-gradient(circle at top left,#f9f2e5,#f1ebe1 38%,#ebe4d8);color:#1f1d1a}*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{max-width:1180px;margin:0 auto;padding:28px}.hero{margin-bottom:24px}.hero h1{margin:0 0 10px;font-size:clamp(2rem,3vw,3.2rem);line-height:.96}.hero p{max-width:720px;margin:0;color:#555049;font-size:1rem}.grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.panel,.viewer{border:1px solid rgba(62,47,26,.12);border-radius:18px;background:#fffcf7eb;box-shadow:0 18px 40px #3b312414}.panel{padding:18px}.viewer{display:flex;flex-direction:column;min-height:720px;overflow:hidden}.dropzone{padding:18px;border:2px dashed rgba(59,75,152,.35);border-radius:14px;background:#edf2ffb3;transition:border-color .12s ease,background .12s ease,transform .12s ease}.dropzone.is-dragging{border-color:#3450d8;background:#dde6fff2;transform:translateY(-1px)}.dropzone h2,.panel-section h2,.viewer-header h2{margin:0 0 10px;font-size:.92rem;text-transform:uppercase;letter-spacing:.08em;color:#555049}.dropzone p{margin:0 0 14px;color:#4a463f;line-height:1.4}.button-row,.field-row{display:flex;gap:10px;flex-wrap:wrap}.button,.secondary-button,.download-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:11px 16px;font:inherit;cursor:pointer;text-decoration:none}.button{background:#1b3bb3;color:#fff}.secondary-button{background:#ece6da;color:#1f1d1a}.button:disabled,.secondary-button:disabled,.download-link.is-disabled{opacity:.45;cursor:default;pointer-events:none}.download-link{display:inline-flex;align-items:center;justify-content:center;background:#0d7c52;color:#fff}.panel-section{margin-top:20px}.field{display:grid;gap:6px;margin-top:12px}.field label{font-size:.9rem;color:#555049}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid rgba(56,49,39,.18);border-radius:12px;background:#fff;font:inherit;color:#1f1d1a}.summary-list,.warning-list,.file-list{margin:0;padding-left:18px;color:#3f3a34}.warning-list{color:#7a3a19}.viewer-header{padding:16px 18px;border-bottom:1px solid rgba(62,47,26,.1);display:grid;gap:10px}.viewer-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.viewer-body{flex:1;display:grid;min-height:0}.preview-frame,.code-view{width:100%;height:100%;border:none;background:#fff}.code-view{margin:0;padding:18px;overflow:auto;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.85rem;line-height:1.5}.empty-state{margin:auto;max-width:480px;padding:24px;text-align:center;color:#5a554e}.meta{font-size:.9rem;color:#6a655d}@media(max-width:980px){.grid{grid-template-columns:1fr}.viewer{min-height:620px}}