.utility-workspace{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-panel);display:grid;overflow:clip}.utility-workspace__header{border-bottom:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 2rem;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.utility-workspace__header>div{gap:.6rem;display:grid}.utility-workspace__header h2{font-size:clamp(1.35rem,3vw,1.75rem)}.utility-workspace__header p{max-width:42rem;color:var(--color-ink-muted);font-size:.9375rem}.utility-workspace__form,.utility-workspace__result,.campaign-builder__url-preview{align-content:start;gap:1.25rem;min-width:0;padding:clamp(1.25rem,3vw,1.75rem);display:grid}.utility-workspace__form{border-bottom:1px solid var(--color-line)}.utility-workspace__distance,.campaign-builder__fields{gap:1rem;display:grid}.utility-workspace__distance{grid-template-columns:minmax(0,1fr) minmax(9rem,.55fr)}.utility-workspace__textarea{resize:vertical;min-height:7rem}.utility-workspace__details{border-block:1px solid var(--color-line);padding-block:.85rem}.utility-workspace__details summary{cursor:pointer;font-size:.9375rem;font-weight:720}.utility-workspace__details[open] summary{margin-bottom:1rem}.utility-workspace__result{background:var(--color-surface-muted)}.size-calculator__headline{border-left:4px solid var(--color-accent);background:var(--color-surface);gap:.25rem;padding:1.25rem;display:grid}.size-calculator__headline>span:first-child{color:var(--color-ink-muted);font-size:.875rem;font-weight:700}.size-calculator__headline strong{font-size:clamp(2.2rem,7vw,3.5rem);line-height:1}.size-calculator__headline>span:last-child{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:.8125rem}.utility-workspace__metrics{border-top:1px solid var(--color-line);margin:0;display:grid}.utility-workspace__metrics>div{border-bottom:1px solid var(--color-line);gap:.25rem;padding-block:.85rem;display:grid}.utility-workspace__metrics dt{color:var(--color-ink-muted);font-size:.8125rem}.utility-workspace__metrics dd{margin:0;font-weight:720}.utility-workspace__notice,.utility-workspace__empty{border-left:3px solid var(--color-info);background:var(--color-info-soft);gap:.4rem;padding:1rem;font-size:.875rem;line-height:1.55;display:grid}.utility-workspace__notice p,.utility-workspace__empty span{color:var(--color-ink-muted)}.campaign-builder{grid-template-areas:"header""essential""preview""url-preview""actions""quality""advanced""note"}.campaign-builder__fields .form-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.campaign-builder__fields .form-label span{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:500}.campaign-builder__pii{border-left:3px solid var(--color-warning);background:var(--color-warning-soft);color:var(--color-ink-muted);padding:.8rem;font-size:.8125rem;line-height:1.55}.campaign-builder__url-preview{border-top:1px solid var(--color-line);background:var(--color-surface);grid-area:url-preview}.campaign-builder__url-preview>div:not(.utility-workspace__empty){gap:.4rem;display:grid}.campaign-builder__url-preview>div>span{color:var(--color-ink-muted);font-size:.8125rem;font-weight:700}.campaign-builder__url-preview code,.campaign-builder__url-preview textarea{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.8125rem;line-height:1.5}.campaign-builder__url-preview code{border:1px solid var(--color-line);background:var(--color-surface-muted);padding:.75rem;display:block}.campaign-builder__url-preview textarea{resize:vertical;min-height:6.5rem}.campaign-builder__url-preview dl{gap:.5rem;margin:0;display:grid}.campaign-builder__attribution-note{color:var(--color-ink-muted);font-size:.8125rem;line-height:1.55}.campaign-builder__url-preview dl div{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(5rem,.35fr) minmax(0,1fr);gap:.75rem;padding-bottom:.5rem;display:grid}.campaign-builder__url-preview dt{color:var(--color-ink-muted);font-size:.8125rem}.campaign-builder__url-preview dd{overflow-wrap:anywhere;font-family:var(--font-mono);margin:0;font-size:.8125rem}.campaign-builder__warnings{background:var(--color-warning-soft);color:var(--color-ink-muted);gap:.45rem;margin:0;padding:.85rem .85rem .85rem 1.85rem;font-size:.8125rem;line-height:1.5;display:grid}.campaign-builder__url-preview>p:last-child{min-height:1.25rem;color:var(--color-ink-muted);font-size:.8125rem}@media (width<=33.99rem){.utility-workspace__distance{grid-template-columns:1fr}}@media (width>=56rem){.size-calculator{grid-template-columns:minmax(0,1fr) minmax(21rem,.8fr)}.size-calculator .utility-workspace__header{grid-column:1/-1}.size-calculator .utility-workspace__form{border-right:1px solid var(--color-line);border-bottom:0}.campaign-builder{grid-template-columns:minmax(0,1.05fr) minmax(21rem,.95fr);grid-template-areas:"header header""essential preview""essential url-preview""advanced actions""advanced quality""note note"}.campaign-builder__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}