.tip-layout.svelte-8yike1{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.5rem;align-items:start}.tip-inputs.svelte-8yike1,.tip-results.svelte-8yike1{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.tip-inputs.svelte-8yike1 .info-box,.tip-results.svelte-8yike1 .info-box,.tip-etiquette.svelte-8yike1{margin-bottom:0}.tip-fields.svelte-8yike1{display:flex;flex-direction:column;gap:.35rem}.tip-affix.svelte-8yike1{display:flex;align-items:center;margin-top:var(--tool-space-3);border:1px solid var(--border);background:var(--card);transition:border-color .2s}.tip-affix.svelte-8yike1:focus-within{border-color:var(--foreground)}.tip-affix.svelte-8yike1 .form-input{margin-top:0;border:none;background:transparent}.tip-affix.svelte-8yike1 .form-input:focus{border:none;outline:none}.tip-affix__prefix.svelte-8yike1,.tip-affix__suffix.svelte-8yike1{flex:none;color:var(--muted-foreground);font-size:.95rem;line-height:1}.tip-affix__prefix.svelte-8yike1{padding-left:1rem}.tip-affix__suffix.svelte-8yike1{padding-right:1rem}.tip-affix__input.svelte-8yike1,.tip-affix__input--suffix.svelte-8yike1{padding-left:.65rem;padding-right:.65rem}.tip-presets.svelte-8yike1{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-top:var(--tool-space-3)}.tip-preset.svelte-8yike1{margin:0;padding:.7rem .35rem;border:1px solid var(--border);background:var(--background);color:var(--foreground);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tip-preset.svelte-8yike1:hover{border-color:color-mix(in srgb,var(--foreground) 55%,var(--border));background:var(--background2)}.tip-preset--selected.svelte-8yike1{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.tip-stepper.svelte-8yike1{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:stretch;margin-top:var(--tool-space-3);border:1px solid var(--border);background:var(--card)}.tip-stepper.svelte-8yike1:focus-within{border-color:var(--foreground)}.tip-stepper__btn.svelte-8yike1{margin:0;padding:0;border:none;background:var(--muted);color:var(--foreground);font-size:1.25rem;line-height:1;cursor:pointer}.tip-stepper__btn.svelte-8yike1:hover{background:var(--background2)}.tip-stepper__input.svelte-8yike1{margin:0!important;border:none!important;border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important;border-radius:0;text-align:center;background:transparent}.tip-stepper__input.svelte-8yike1:focus{outline:none}.tip-hero.svelte-8yike1{padding:1.5rem;background:var(--foreground);color:var(--background);border:1px solid var(--foreground)}.tip-hero__label.svelte-8yike1{margin:0 0 .5rem;font-size:.95rem;opacity:.75}.tip-hero__value.svelte-8yike1{margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.tip-hero__sub.svelte-8yike1{margin:.75rem 0 0;font-size:.9rem;opacity:.8}.tip-stats.svelte-8yike1{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tip-stat.svelte-8yike1{display:flex;flex-direction:column;gap:.35rem;padding:1rem;background:var(--card);border:1px solid var(--border)}.tip-stat__label.svelte-8yike1{font-size:.8rem;color:var(--muted-foreground)}.tip-stat__value.svelte-8yike1{font-size:1.05rem;font-weight:600;color:var(--foreground);letter-spacing:-.02em}.tip-summary.svelte-8yike1{margin:0;display:flex;flex-direction:column;gap:.75rem}.tip-summary.svelte-8yike1>div:where(.svelte-8yike1){display:flex;justify-content:space-between;gap:1rem;font-size:.95rem}.tip-summary.svelte-8yike1 dt:where(.svelte-8yike1){margin:0;color:var(--muted-foreground)}.tip-summary.svelte-8yike1 dd:where(.svelte-8yike1){margin:0;font-weight:500;color:var(--foreground)}.tip-summary__total.svelte-8yike1{padding-top:.75rem;border-top:1px solid var(--border)}.tip-summary__total.svelte-8yike1 dt:where(.svelte-8yike1),.tip-summary__total.svelte-8yike1 dd:where(.svelte-8yike1){font-weight:600;color:var(--foreground)}.tip-etiquette.svelte-8yike1{margin-top:1.5rem}.tip-etiquette__list.svelte-8yike1{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem}@media(max-width:840px){.tip-layout.svelte-8yike1{grid-template-columns:1fr}}@media(max-width:520px){.tip-presets.svelte-8yike1{grid-template-columns:repeat(3,minmax(0,1fr))}.tip-stats.svelte-8yike1{grid-template-columns:1fr}}