:root{--header-height: 116px;--footer-height: 40px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0;padding:0;height:100%;background:#fff;overflow:hidden}body{background:#fff;overflow:hidden}.app-shell{display:flex;flex-direction:column;height:100vh;max-height:100vh}button,textarea{font:inherit}header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:linear-gradient(135deg,#eff6ff,#dfeeff);border-bottom:1px solid #bfdbfe;padding:18px 24px 0}h1{font-size:2.1rem;font-weight:800;letter-spacing:-.06em;color:#0f172a;border-bottom:1px solid #bfdbfe;width:100%;padding-bottom:10px;line-height:1.1;background:linear-gradient(90deg,#0f172a,#1e3a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h4{font-size:1.1rem;font-weight:700;line-height:1.4;color:#1d4ed8;width:100%;border-bottom:1px solid #bfdbfe;padding:12px 0 14px;letter-spacing:.01em}.validator-layout{display:grid;grid-template-columns:130px 1fr 1fr;gap:0;width:calc(100% - 32px);height:calc(100vh - var(--header-height) - var(--footer-height));min-height:0;flex:1;margin:0 16px}.ad-rail{display:flex;align-items:center;justify-content:center;background:#f9fafb;border-right:1px solid #e5e7eb}.ad-box{width:90px;height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#6b7280;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.editor-card{display:flex;flex-direction:column;min-height:0;height:100%;border:1px solid #dfe4ea;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0f172a0a}.editor-card:last-child{border-right:1px solid #dfe4ea}.editor-header,.editor-header-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-size:.9rem;font-weight:600;color:#111827}.editor-header{min-height:48px;padding:0 16px}.editor-header-row{min-height:48px;padding-left:16px}.action-row{display:flex;align-items:center;gap:8px;padding-right:16px}button,.generate-select{border:1px solid #d1d5db;background:#fff;color:#111827;cursor:pointer;font-size:.8rem;line-height:1.2;padding:8px 12px;border-radius:4px;height:36px}button:disabled,.generate-select:disabled{opacity:.5;cursor:not-allowed}.generate-select{min-width:130px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:#fff;padding-right:12px}textarea{width:100%;flex:1;min-height:0;resize:none;border:1px solid #dfe4ea;border-radius:0 0 10px 10px;margin:0 12px 12px;padding:16px;background:#fff;color:#111827;font-size:.95rem;line-height:1.5;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b3b8c2 #f3f4f6}textarea::-webkit-scrollbar{width:10px}textarea::-webkit-scrollbar-track{background:#f3f4f6}textarea::-webkit-scrollbar-thumb{background:#b3b8c2;border-radius:8px}textarea:focus{outline:none}.json-tree-container{flex:1;min-height:0;min-width:0;margin:0 12px 12px;padding:16px;border:1px solid #dfe4ea;border-radius:0 0 10px 10px;overflow-y:auto;overflow-x:auto;background:#fff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.55;color:#111827;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#b3b8c2 #f3f4f6}.json-tree-container::-webkit-scrollbar{width:10px;height:10px}.json-tree-container::-webkit-scrollbar-track{background:#f3f4f6}.json-tree-container::-webkit-scrollbar-thumb{background:#b3b8c2;border-radius:8px}.json-tree-node{display:flex;flex-direction:column;gap:4px}.json-toggle{display:flex;align-items:center;gap:8px;width:fit-content;background:transparent;border:none;padding:0;color:#111827;font-family:inherit;font-size:inherit;text-align:left}.json-chevron{display:inline-flex;width:12px;justify-content:center;color:#6b7280}.json-key{color:#0f766e;font-weight:600}.json-meta{color:#6b7280;margin-left:6px}.json-tree-children{margin-left:18px;border-left:1px solid #e5e7eb;padding-left:12px}.json-tree-row{display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:max-content}.json-value{color:#7c3aed}.json-tree-node,.json-tree-children{min-width:max-content}.error-output{flex:1;min-height:0;padding:16px;color:#b91c1c;white-space:pre-wrap;background:#fff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:1.5;overflow:auto}.app-footer{height:40px;display:flex;align-items:center;justify-content:center;border-top:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.8rem}@media (max-width: 900px){.validator-layout{grid-template-columns:1fr}.editor-card{border-right:none;border-bottom:1px solid #e5e7eb}}