.try-hero { padding-bottom: 2rem !important; }
.try-hero .note { max-width: 760px; }
.try-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.try-heading p { max-width: 760px; }
.try-steps { margin: .5rem 0 1.25rem; }
.try-steps ol { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.try-steps a { display: block; padding: .45rem .75rem; border: 1px solid var(--color-border); border-radius: 2rem; background: var(--color-surface); font-weight: 700; }
.try-quick { margin: 0 0 1.25rem; padding: 1rem 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-surface); }
.try-quick p { margin: 0 0 .65rem; }
#output-title { scroll-margin-top: 6rem; }
#output-title:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.try-badge { display: inline-block; padding: .25rem .65rem; border-radius: 1rem; background: var(--color-accent-soft); color: var(--color-flag-text); font-size: .88rem; font-weight: 700; }
.try-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; align-items: start; }
.try-card { min-width: 0; padding: 1.5rem; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-surface); box-shadow: var(--shadow-soft); }
.try-card h2 { font-size: 1.35rem; }
.try-switches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.try-switches fieldset { border: 1px solid var(--color-border); border-radius: 8px; padding: .55rem .75rem; margin: 0; }
.try-switches legend { font-weight: 700; }
.try-switches fieldset label { display: block; margin: .2rem 0; cursor: pointer; }
.try-fields { display: grid; gap: .35rem; }
.try-fields label, .try-import label, #copy-fallback label, #client-wrap > label { font-weight: 700; }
.try-fields input:not([type="checkbox"]), .try-fields textarea, .try-fields select, #client, #copy-text, #import-file { display: block; width: 100%; min-width: 0; border: 1px solid var(--color-border); border-radius: 7px; padding: .62rem .7rem; color: var(--color-text); background: #fff; font: inherit; }
.try-fields textarea, #copy-text { resize: vertical; }
.try-fields input:focus-visible, .try-fields textarea:focus-visible, .try-fields select:focus-visible, #client:focus-visible, #copy-text:focus-visible, #import-file:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.try-fields > label { margin-top: .55rem; }
.try-fields h3 { margin: 1.4rem 0 .2rem; padding-top: .5rem; border-top: 1px solid var(--color-border); font-size: 1.08rem; scroll-margin-top: 1rem; }
.try-fields h3:first-child { margin-top: 0; border: 0; }
.try-fields .try-help { margin: .1rem 0 .35rem; }
.try-extra { margin: .7rem 0; padding: .75rem; border: 1px solid var(--color-border); border-radius: 8px; }
.try-extra summary { cursor: pointer; font-weight: 700; }
.try-extra-fields { display: grid; gap: .45rem; margin-top: .75rem; }
.try-extra-fields label:not(:first-child) { margin-top: .5rem; }
.try-checks { display: grid; gap: .55rem; }
.try-checks label { display: flex; gap: .6rem; align-items: start; font-weight: 500; }
.try-checks input { flex: none; margin-top: .35rem; }
.try-required, .try-optional { font-size: .84rem; font-weight: 500; color: var(--color-text-soft); }
.try-help { color: var(--color-text-soft); font-size: .92rem; }
.try-error { color: #9c1c28; font-weight: 700; margin: .75rem 0; }
.try-card > .btn { margin-top: 1rem; }
.try-output { position: static; overflow-wrap: anywhere; }
.try-output article { border-top: 1px solid var(--color-border); padding-top: .9rem; margin-top: 1rem; }
.try-output article h3 { font-size: 1.05rem; }
.try-output article p { white-space: pre-wrap; overflow-wrap: anywhere; }
.try-output ul, .try-output ol { margin: .35rem 0 0; }
.try-output li { margin-bottom: .4rem; white-space: pre-wrap; }
.try-actions { display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; }
.try-actions .btn { min-height: 44px; }
.try-status { min-height: 1.4em; color: var(--color-primary); }
.try-import { margin-top: 1.25rem; }
.try-import input { margin: .4rem 0 .75rem; }
#copy-fallback { margin-top: 1rem; }
#copy-fallback textarea { margin-top: .4rem; }
@media (max-width: 840px) { .try-layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { .try-card { padding: 1rem; } .try-switches { grid-template-columns: minmax(0, 1fr); } .try-actions { flex-direction: column; align-items: stretch; } .try-actions .btn, .try-actions .contact-slot, .try-quick .btn { width: 100%; text-align: center; } }