:root{font-family:DM Sans,system-ui,sans-serif;color:#111;background:#f0f2f5;line-height:1.45}*{box-sizing:border-box}body{margin:0}.app{max-width:880px;margin:0 auto;padding:24px 16px 48px}h1{font-size:1.5rem;font-weight:700;margin:0 0 8px}.lead{color:#444;margin:0 0 24px;font-size:.95rem}.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.card h2{font-size:1rem;margin:0 0 12px}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.step-pill{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#e8eaee;color:#555}.step-pill.active{background:#1b4884;color:#fff}label.file{display:inline-block;padding:10px 18px;background:#1b4884;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}label.file:hover{filter:brightness(1.05)}input[type=file]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.meta{font-size:.85rem;color:#555;margin-top:10px}.btn{display:inline-block;margin-top:12px;padding:10px 20px;border:0;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;background:#c12026;color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:#444}.btn.ghost{background:#e8eaee;color:#222}.file-list{font-size:.85rem;color:#333;margin-top:8px;max-height:120px;overflow:auto}.warn{background:#fff8e6;border:1px solid #f0d090;border-radius:8px;padding:12px 14px;margin-top:12px;font-size:.9rem}.blocks{display:flex;flex-direction:column;gap:12px}.block-row{border:1px solid #e0e0e0;border-radius:10px;padding:12px 14px;background:#fafafa}.block-row header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.block-row h3{margin:0;font-size:.95rem;font-weight:600}.snippet{width:100%;min-height:72px;max-height:160px;font-family:ui-monospace,monospace;font-size:11px;padding:8px;border-radius:6px;border:1px solid #ccc;resize:vertical}.custom-html-panel{margin-top:20px;border-top:1px solid #ddd;padding-top:16px}.custom-html-panel.hidden{display:none}.custom-html-panel textarea{width:100%;min-height:220px;font-family:ui-monospace,monospace;font-size:11px;padding:10px;border-radius:8px;border:1px solid #ccc}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.toast{position:fixed;bottom:20px;right:20px;background:#1b4884;color:#fff;padding:10px 16px;border-radius:8px;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}.toast.show{opacity:1}