*{box-sizing:border-box}body{background:var(--wasd-color-surface-canvas);color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-sans);margin:0}button,input,select{font:inherit}.tip-split-tool{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-md);box-shadow:var(--wasd-shadow-sm);inline-size:min(100%,72rem);padding:var(--wasd-spacing-5);margin-inline:auto}.tip-split-tool__header h2,.tip-split-tool__header p,.tip-split-tool__panel h3,.tip-split-tool__summary h3,.tip-split-tool__receipt h4,.tip-split-tool__error{margin:0}.tip-split-tool__workspace{align-items:start;gap:var(--wasd-spacing-5);grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);display:grid}.tip-split-tool__controls{min-inline-size:0}.tip-split-tool__panel,.tip-split-tool__summary{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);padding:var(--wasd-spacing-4)}.tip-split-tool__panel{gap:var(--wasd-spacing-4);display:grid}.tip-split-tool__fields{gap:var(--wasd-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tip-split-tool__field{color:var(--wasd-color-text-muted);gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.tip-split-tool__field>label,.tip-split-tool__field>span{font-size:var(--wasd-typography-text-style-label-sm-font-size);font-weight:var(--wasd-typography-weight-medium)}.tip-split-tool__quick-tips{min-inline-size:0}.tip-split-tool__chip--active{color:#0f766e;font-weight:var(--wasd-typography-weight-semibold);border-color:#0f766e}.tip-split-tool__stepper{align-items:center;gap:var(--wasd-spacing-2);grid-template-columns:auto minmax(5rem,1fr) auto;display:grid}.tip-split-tool__stepper button{min-inline-size:2.5rem}.tip-split-tool__actions{align-items:center}.tip-split-tool__status{color:var(--wasd-color-text-muted);min-block-size:1.5rem}.tip-split-tool__summary{gap:var(--wasd-spacing-4);top:var(--wasd-spacing-4);display:grid;position:sticky}.tip-split-tool__result-band{border-radius:var(--wasd-radius-sm);color:#fff;gap:var(--wasd-spacing-4);padding:var(--wasd-spacing-5);background:linear-gradient(135deg,#0f766e,#334155 58%,#7c2d12);display:grid}.tip-split-tool__result-band h3{color:inherit}.tip-split-tool__per-person{gap:var(--wasd-spacing-2);display:grid}.tip-split-tool__per-person span{color:#ffffffd1;font-weight:var(--wasd-typography-weight-medium)}.tip-split-tool__per-person output{font-family:var(--wasd-typography-family-mono);font-size:3rem;font-weight:var(--wasd-typography-weight-bold);overflow-wrap:anywhere;line-height:1;display:block}.tip-split-tool__error{color:#ffe6d5;font-weight:var(--wasd-typography-weight-medium)}.tip-split-tool__metric-grid{gap:var(--wasd-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tip-split-tool__metric{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);gap:var(--wasd-spacing-1);min-inline-size:0;padding:var(--wasd-spacing-3);display:grid}.tip-split-tool__metric span,.tip-split-tool__receipt dt{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size)}.tip-split-tool__metric strong{color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-mono);overflow-wrap:anywhere}.tip-split-tool__receipt{gap:var(--wasd-spacing-3);display:grid}.tip-split-tool__receipt dl{gap:var(--wasd-spacing-2);margin:0;display:grid}.tip-split-tool__receipt-line{border-block-end:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);align-items:baseline;gap:var(--wasd-spacing-3);justify-content:space-between;padding-block-end:var(--wasd-spacing-2);display:flex}.tip-split-tool__receipt-line:last-child{border-block-end:0;padding-block-end:0}.tip-split-tool__receipt dd{color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-mono);overflow-wrap:anywhere;text-align:end;margin:0}.tip-split-tool__receipt-line--strong dt,.tip-split-tool__receipt-line--strong dd{color:var(--wasd-color-text-default);font-size:var(--wasd-typography-text-style-body-md-font-size);font-weight:var(--wasd-typography-weight-semibold)}.tip-split-tool--teaser{box-shadow:none;border:0;inline-size:min(100%,64rem)}.tip-split-tool--teaser .tip-split-tool__workspace{grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr)}.tip-split-tool--teaser .tip-split-tool__panel:nth-of-type(3),.tip-split-tool--teaser .tip-split-tool__receipt{display:none}@media (width<=58rem){.tip-split-tool__workspace,.tip-split-tool--teaser .tip-split-tool__workspace{grid-template-columns:1fr}.tip-split-tool__summary{position:static}}@media (width<=38rem){.tip-split-tool{box-shadow:none;padding:var(--wasd-spacing-4);border-inline:0;border-radius:0}.tip-split-tool__fields,.tip-split-tool__metric-grid{grid-template-columns:1fr}.tip-split-tool__per-person output{font-size:2.35rem}}