.column{background:var(--surface-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.chart-column{min-width:0}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.4rem;color:var(--text-primary);font-weight:var(--font-weight-medium)}.input-group input{width:100%}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.result-item{display:flex;flex-direction:column;gap:.2rem;padding:.85rem .95rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--surface-muted)}.result-item .label{font-size:var(--font-size-small);color:var(--text-secondary)}.result-item span:last-child{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.result-item.emphasis{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 12%,transparent),color-mix(in srgb,var(--accent-color) 14%,transparent));border-color:color-mix(in srgb,var(--primary-color) 25%,transparent)}.formula-card{margin-top:1rem;padding:1rem;border-radius:var(--border-radius);border:1px solid color-mix(in srgb,var(--primary-color) 18%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 6%,var(--surface-color)),var(--surface-color))}.formula-card h3{margin-bottom:.35rem;font-size:1rem}.formula-card p{color:var(--text-secondary);margin-bottom:.35rem}.formula-card p:last-child{margin-bottom:0}.chart-frame{position:relative;border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--border-color);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary-color) 8%,transparent),transparent 32%),linear-gradient(180deg,var(--surface-color) 0%,var(--surface-muted) 100%)}#newmark-chart{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;cursor:crosshair}#chart-hint{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);padding:.55rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--tooltip-bg) 82%,transparent);color:var(--tooltip-fg);font-size:var(--font-size-small);pointer-events:none}#chart-scale-readout{position:absolute;top:1rem;left:1rem;padding:.55rem .8rem;border-radius:var(--border-radius);background:color-mix(in srgb,var(--surface-color) 90%,transparent);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);pointer-events:none}.chart-grid,.drawing-layer{pointer-events:none}.chart-cell{fill:color-mix(in srgb,var(--primary-color) 3%,transparent);stroke:color-mix(in srgb,var(--ink) 20%,transparent);stroke-width:1}.chart-cell.covered{fill:color-mix(in srgb,var(--accent-color) 38%,transparent);stroke:color-mix(in srgb,var(--warn-fg) 55%,transparent)}.chart-circle{fill:none;stroke:color-mix(in srgb,var(--ink) 16%,transparent);stroke-width:1.2}.chart-axis{stroke:color-mix(in srgb,var(--ink) 22%,transparent);stroke-width:1}.chart-label{fill:var(--text-secondary);font-family:var(--font-canvas);font-size:15px}.scale-bar,.scale-bar-cap{stroke:color-mix(in srgb,var(--ink) 75%,transparent);stroke-width:2.5}.scale-bar-label{fill:var(--text-primary);font-family:var(--font-canvas);font-size:14px;font-weight:var(--font-weight-bold)}.polygon-preview{fill:none;stroke:color-mix(in srgb,var(--accent-color) 90%,transparent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.polygon-final{fill:color-mix(in srgb,var(--accent-color) 24%,transparent);stroke:color-mix(in srgb,var(--accent-color) 95%,transparent);stroke-width:3;stroke-linejoin:round}@media(max-width:900px){.results-grid{grid-template-columns:1fr}}@media(max-width:640px){.button-row{flex-direction:column}.button-row button{width:100%}}