:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top right,#e0ebff 0,transparent 32rem),#f3f6fb}button,textarea,input{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1500px,calc(100% - 40px));margin:0 auto;padding:42px 0 72px}.app-header,.section-title-row,.panel-heading,.preview-label{display:flex;align-items:center;justify-content:space-between;gap:20px}.app-header{align-items:flex-end;margin-bottom:22px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;color:#101a2d;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.05em}h2{margin-bottom:0;font-size:1.55rem;letter-spacing:-.03em}h3{margin-bottom:12px;font-size:.95rem}.subtitle{max-width:760px;margin-bottom:0;color:#63708a;line-height:1.6}.eyebrow{margin-bottom:9px;color:#536dfe;font-size:.72rem;font-weight:800;letter-spacing:.13em}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.app-tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid #d9e1ee}.app-tabs button{margin-bottom:-1px;cursor:pointer;border-bottom:3px solid transparent;padding:11px 15px;color:#65718a;background:transparent;font-size:.9rem;font-weight:750}.app-tabs button:hover{color:#3153e8}.app-tabs button.active{border-bottom-color:#3153e8;color:#3153e8}.external-tool-section{overflow:hidden;border:1px solid #dce3f0;border-radius:14px;background:#ffffffeb;box-shadow:0 6px 24px #1d2a490f}.external-tool-section>.section-title-row{padding:18px 20px}.external-tool-section h2{margin-bottom:0}.external-tool-frame{height:min(900px,78vh);min-height:560px;border-top:1px solid #dce3f0;background:#eef3f9}.external-tool-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.button{border-radius:10px;padding:12px 16px;font-weight:750;transition:transform .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:#3153e8;box-shadow:0 10px 20px #3153e83d}.button-primary:hover:not(:disabled){background:#2546d4}.button-secondary{color:#1e2b47;background:#e6ebf5}.security-note,.error-message{margin-bottom:20px;border-radius:10px;padding:13px 15px;font-size:.9rem;line-height:1.5}.security-note{border:1px solid #cbd9ff;color:#294072;background:#eaf0ff}.error-message{border:1px solid #f3b7b7;color:#991b1b;background:#fff0f0}.editor-grid,.preview-grid,.visual-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.editor-panel,.preview-card,.metric-card,.diff-panel{overflow:hidden;border:1px solid #dce3f0;border-radius:14px;background:#ffffffeb;box-shadow:0 6px 24px #1d2a490f}.panel-heading,.preview-label{min-height:58px;border-bottom:1px solid #e5eaf3;padding:12px 15px;color:#33415c;font-size:.92rem}.version-badge{display:inline-grid;width:26px;height:26px;margin-right:8px;place-items:center;border-radius:50%;color:#fff;font-size:.78rem;font-weight:800}.version-a{background:#2563eb}.version-b{background:#7c3aed}.upload-label{cursor:pointer;border-radius:8px;padding:7px 10px;color:#3153e8;background:#eef2ff;font-size:.8rem;font-weight:750}.upload-label input{display:none}textarea{display:block;width:100%;min-height:430px;resize:vertical;border:0;outline:0;padding:16px;color:#d6e3ff;background:#111a2c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.83rem;line-height:1.6;-moz-tab-size:2;tab-size:2}.preview-section,.results-section{margin-top:30px}.preview-help{max-width:460px;margin:0;color:#64718a;text-align:right;font-size:.86rem;line-height:1.5}.preview-grid{margin-top:16px}iframe{display:block;width:100%;height:580px;border:0;background:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.metric-card{padding:18px}.metric-card span,.metric-card small{display:block}.metric-card span{color:#66728a;font-size:.82rem;font-weight:700}.metric-card strong{display:block;margin:8px 0;color:#14203a;font-size:1.5rem;letter-spacing:-.035em}.metric-card small{color:#768198;font-size:.75rem;line-height:1.45}.visual-metric strong{color:#dc2626}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:28px 0 16px;border-bottom:1px solid #d9e1ee}.tabs button{margin-bottom:-1px;cursor:pointer;border-bottom:3px solid transparent;padding:11px 15px;color:#65718a;background:transparent;font-size:.87rem;font-weight:750}.tabs button.active{border-bottom-color:#3153e8;color:#3153e8}.visual-comparison{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-comparison article{overflow:auto;border:1px solid #dce3f0;border-radius:14px;padding:14px;background:#fff}.visual-comparison h3{color:#44516a}.visual-comparison img{display:block;max-width:100%;height:auto;border:1px solid #edf0f6;background:#fff}.diff-panel pre{max-height:680px;overflow:auto;margin:0;padding:18px;color:#d8e3ff;background:#111a2c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-comparison{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{width:min(100% - 24px,1500px);padding-top:24px}.app-header,.section-title-row{align-items:flex-start;flex-direction:column}.preview-help{text-align:left}.external-tool-section>.section-title-row{align-items:flex-start;flex-direction:column}.external-tool-frame{height:78vh;min-height:480px}.editor-grid,.preview-grid,.metrics-grid{grid-template-columns:1fr}iframe{height:420px}}.diff-viewer{overflow:hidden;border:1px solid #dce3f0;border-radius:14px;background:#111a2c;box-shadow:0 6px 24px #1d2a490f}.diff-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:12px 16px;border-bottom:1px solid #293854;color:#e5edff;background:#17233a}.diff-viewer-header h3{margin:0;font-size:.95rem}.diff-legend{display:flex;flex-wrap:wrap;gap:12px;color:#b6c4df;font-size:.75rem}.diff-legend span{display:inline-flex;align-items:center;gap:6px}.diff-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}.legend-different{background:#ef4444}.similarity-editor-grid,.rendered-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.similarity-editor-pane+.similarity-editor-pane{border-left:1px solid #293854}.rendered-document-pane+.rendered-document-pane{border-left:1px solid #293854}.rendered-document-pane iframe{display:block;width:100%;height:680px;border:0;background:#fff}.similarity-editor-label{padding:9px 14px;color:#b6c4df;background:#111a2c;border-bottom:1px solid #293854;font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.similarity-code{height:680px;overflow:auto;margin:0;padding:10px 0;color:#d6e3ff;background:#111a2c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.6;-moz-tab-size:2;tab-size:2;white-space:pre}.similarity-code-line{display:block;min-width:max-content;padding-right:18px}.similarity-code-line.is-different{border-left:2px solid rgba(248,113,113,.8);background:#ef444429}.similarity-line-number{display:inline-block;width:52px;padding-right:12px;color:#71809c;text-align:right;-webkit-user-select:none;user-select:none}.similarity-line-content{display:inline-block;padding-left:12px}.similarity-empty{height:680px;padding:18px;color:#71809c;background:#111a2c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}@media(max-width:760px){.diff-viewer-header{align-items:flex-start;flex-direction:column}.similarity-editor-grid,.rendered-document-grid{grid-template-columns:1fr}.similarity-editor-pane+.similarity-editor-pane{border-top:1px solid #293854;border-left:0}.rendered-document-pane+.rendered-document-pane{border-top:1px solid #293854;border-left:0}}