.calculator-island{overflow:hidden;border:var(--border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 1rem 3rem #18201c14}.calculator-island__header{display:grid;padding:var(--space-6);border-bottom:var(--border);gap:var(--space-3)}.calculator-island__header h2,.results-panel h2{margin:0}.calculator-island__header>p{max-width:30rem;margin:0}.calculator-workspace{display:grid}.calculator-form,.results-panel{min-width:0;padding:var(--space-6)}.calculator-form{border-bottom:var(--border)}.unit-fieldset{margin:0 0 var(--space-6);padding:0;border:0}.unit-fieldset legend{margin-block-end:var(--space-3);font-weight:750}.unit-options{display:grid;gap:var(--space-2)}.unit-options label{position:relative;display:flex;min-height:4rem;padding:var(--space-3);align-items:center;gap:var(--space-3);border:var(--border);border-radius:var(--radius-md);cursor:pointer}.unit-options label:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.unit-options input{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--color-accent)}.unit-options span{display:grid;line-height:1.35}.unit-options small{color:var(--color-muted)}.input-grid{display:grid;gap:var(--space-4)}.number-field{min-width:0}.number-field label{display:flex;margin-block-end:var(--space-2);align-items:baseline;justify-content:space-between;gap:var(--space-3);color:var(--color-text);font-weight:700}.number-field__unit{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:650}.number-field input,.number-field select,.manual-link input{width:100%;min-height:3rem;padding:var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit}.number-field select{appearance:auto}.input-grid__wide{grid-column:1 / -1}.number-field input[aria-invalid=true]{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.field-hint,.field-error{margin:var(--space-2) 0 0;font-size:var(--font-size-sm)}.field-error{color:var(--color-error);font-weight:700}.field-error span{display:inline-grid;width:1.25rem;height:1.25rem;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.75rem}.results-panel{background:var(--color-accent-soft)}.results-panel__heading{margin-block-end:var(--space-6)}.primary-result{display:grid;padding-block-end:var(--space-4);gap:0;border-bottom:2px solid var(--color-accent);color:var(--color-accent-hover)}.primary-result>span:first-child{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:650}.primary-result strong{overflow-wrap:anywhere;font-size:clamp(2.5rem,9vw,4.5rem);line-height:1;letter-spacing:-.04em}.primary-result>span:last-child{margin-block-start:var(--space-2);color:var(--color-text);font-size:var(--font-size-lg);font-weight:750}.result-summary{margin-block:var(--space-4) var(--space-6);color:var(--color-text);font-weight:650}.result-breakdown{display:grid;margin:0;gap:var(--space-2)}.result-breakdown div{display:flex;padding-block:var(--space-2);justify-content:space-between;gap:var(--space-4);border-bottom:1px solid rgb(22 99 63 / 20%)}.result-breakdown dt{color:var(--color-muted)}.result-breakdown dd{min-width:0;margin:0;color:var(--color-text);font-weight:750;overflow-wrap:anywhere;text-align:right}.results-empty{min-height:15rem;padding:var(--space-6);border:1px dashed var(--color-error);border-radius:var(--radius-md);background:var(--color-surface)}.share-control{margin-block-start:var(--space-8);padding-block-start:var(--space-6);border-top:1px solid rgb(22 99 63 / 20%)}.share-button{min-height:2.75rem;padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-md);background:var(--color-text);color:var(--color-surface);font:inherit;font-weight:750;cursor:pointer}.share-button:hover:not(:disabled){background:var(--color-accent-hover)}.share-button:disabled{cursor:not-allowed;opacity:.5}.copy-status{min-height:1.5rem;margin:var(--space-2) 0 0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:650}.manual-link{margin-block-start:var(--space-4)}.manual-link label{display:block;margin-block-end:var(--space-2);font-weight:700}.bag-estimates{padding:var(--space-6);border-top:var(--border)}.bag-estimates__intro{display:grid;margin-block-end:var(--space-6);gap:var(--space-3)}.bag-estimates__intro h3{margin:0}.bag-estimates__intro>p{max-width:36rem;margin:0}.bag-groups{display:grid;gap:var(--space-6)}.bag-group{min-width:0;padding:var(--space-4);border:var(--border);border-radius:var(--radius-md)}.bag-group--active{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.bag-group__heading{display:flex;margin-block-end:var(--space-3);align-items:center;justify-content:space-between;gap:var(--space-3)}.bag-group__heading h4{margin:0;font-size:var(--font-size-base)}.bag-group__active{padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:.75rem;font-weight:750}.bag-table-scroll{overflow-x:auto;scrollbar-gutter:stable}.bag-table-scroll:focus-visible{outline:var(--focus-ring);outline-offset:2px}.bag-table{width:100%;min-width:34rem;border-collapse:collapse;font-size:var(--font-size-sm);text-align:left}.bag-table th,.bag-table td{padding:var(--space-2);border-bottom:var(--border);white-space:nowrap}.bag-table thead th{color:var(--color-muted);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.bag-note{margin:var(--space-4) 0 0;font-size:var(--font-size-sm)}@media(min-width:42rem){.calculator-island__header,.bag-estimates__intro{grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr);align-items:end}.unit-options,.input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:60rem){.calculator-workspace{grid-template-columns:minmax(0,1fr) minmax(21rem,.85fr)}.calculator-form{border-right:var(--border);border-bottom:0}.bag-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}