#htmlcompare-app{--hc-tools-w:var(--tool-sidebar-w,220px)}#htmlcompare-app .hc-main{display:flex;flex-direction:column;min-height:0;min-width:0;flex:1 1}#htmlcompare-app .hc-stats-bar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.35rem .5rem;font-size:var(--font-sm);font-weight:600;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,var(--bg))}#htmlcompare-app .hc-stats-bar__added{color:var(--success)}#htmlcompare-app .hc-stats-bar__removed{color:var(--error)}#htmlcompare-app .hc-stats-bar__equal{color:var(--success)}#htmlcompare-app .hc-stats-bar__hint{margin-left:auto;font-weight:500;color:var(--muted);font-size:var(--font-xs)}#htmlcompare-app .hc-workspace{position:relative;flex:1 1;min-height:0;display:flex;flex-direction:column}#htmlcompare-app .hc-panels.is-side{display:grid;grid-template-columns:var(--split-col,50%) 6px 1fr;grid-template-rows:minmax(0,1fr);flex:1 1;min-height:0;width:100%}#htmlcompare-app .hc-panels.is-side>.panel--editor:first-of-type{grid-column:1;grid-row:1}#htmlcompare-app .hc-panels.is-side>.panels__col-handle{grid-column:2;grid-row:1}#htmlcompare-app .hc-panels.is-side>.panel--editor:last-of-type{grid-column:3;grid-row:1}#htmlcompare-app .hc-panels.is-stack{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(12rem,1fr) minmax(12rem,1fr);gap:.4rem;flex:1 1;min-height:0;width:100%}#htmlcompare-app .hc-panels.is-stack>.panel--editor{grid-column:1;min-width:0}#htmlcompare-app .hc-panels.is-stack .panels__col-handle{display:none}#htmlcompare-app .hc-panels .panel{min-height:0;display:flex;flex-direction:column}#htmlcompare-app .hc-panels .panel__label{flex-shrink:0;margin:0;padding:.3rem .45rem;font-size:var(--font-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,var(--bg))}#htmlcompare-app .hc-panels .editor-shell{position:relative;flex:1 1;min-height:0}#htmlcompare-app .editor-shell__loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--muted);font-size:var(--font-sm);pointer-events:none}#htmlcompare-app .ace_marker-layer .hc-ace-line-changed-left,#htmlcompare-app .ace_marker-layer .hc-ace-line-removed{position:absolute;z-index:1;background:rgba(248,81,73,.16)}#htmlcompare-app .ace_marker-layer .hc-ace-line-added,#htmlcompare-app .ace_marker-layer .hc-ace-line-changed-right{position:absolute;z-index:1;background:rgba(63,185,80,.16)}#htmlcompare-app .ace_marker-layer .hc-ace-word-removed{position:absolute;z-index:2;border-radius:2px;background:rgba(248,81,73,.55)}#htmlcompare-app .ace_marker-layer .hc-ace-word-added{position:absolute;z-index:2;border-radius:2px;background:rgba(63,185,80,.55)}#htmlcompare-app .ace_marker-layer .hc-ace-active-left,#htmlcompare-app .ace_marker-layer .hc-ace-active-right{position:absolute;z-index:0;background:rgba(96,165,250,.22);outline:1px solid rgba(96,165,250,.45)}html[data-theme=light] #htmlcompare-app .ace_marker-layer .hc-ace-line-changed-left,html[data-theme=light] #htmlcompare-app .ace_marker-layer .hc-ace-line-removed{background:color-mix(in srgb,var(--error) 12%,var(--surface))}html[data-theme=light] #htmlcompare-app .ace_marker-layer .hc-ace-line-added,html[data-theme=light] #htmlcompare-app .ace_marker-layer .hc-ace-line-changed-right{background:color-mix(in srgb,var(--success) 12%,var(--surface))}html[data-theme=light] #htmlcompare-app .ace_marker-layer .hc-ace-word-removed{background:var(--error)}html[data-theme=light] #htmlcompare-app .ace_marker-layer .hc-ace-word-added{background:var(--success)}@media (max-width:900px){#htmlcompare-app .hc-stats-bar__hint{margin-left:0;flex:1 1 100%}}@media (max-width:768px){#htmlcompare-app .hc-panels.is-side{display:grid!important;grid-template-columns:1fr;grid-template-rows:minmax(10rem,1fr) minmax(10rem,1fr);gap:0}#htmlcompare-app .hc-panels.is-side>.panel--editor:first-of-type{grid-column:1;grid-row:1}#htmlcompare-app .hc-panels.is-side>.panel--editor:last-of-type{grid-column:1;grid-row:2}#htmlcompare-app .hc-panels.is-side>.panels__col-handle{display:none}}@media (max-width:480px){#htmlcompare-app .header .header__title{font-size:var(--font-sm)}}