.field[data-astro-cid-r32xplo4]{position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;gap:var(--spacing-8);border:2px solid var(--border-default);border-radius:var(--radius-xlg);background:var(--surface-default-dark);box-shadow:inset 0 4px 4px var(--black-60);transition:border-color .15s,background-color .15s}.field--large[data-astro-cid-r32xplo4]{height:56px;padding:var(--spacing-16) var(--spacing-12)}.field--medium[data-astro-cid-r32xplo4]{height:48px;padding:var(--spacing-8) var(--spacing-12)}.field__icon[data-astro-cid-r32xplo4]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--icon-default)}.field__icon[data-astro-cid-r32xplo4] svg[data-astro-cid-r32xplo4]{display:block;width:100%;height:100%}.field__input[data-astro-cid-r32xplo4]{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-paragraph-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-paragraph-md);color:var(--text-action-light)}.field__input[data-astro-cid-r32xplo4]::placeholder{color:var(--text-placeholder)}.field[data-astro-cid-r32xplo4]:hover:not(.field--disabled),.field--hover[data-astro-cid-r32xplo4],.field[data-astro-cid-r32xplo4]:focus-within:not(.field--disabled),.field--focus[data-astro-cid-r32xplo4]{border-color:var(--border-hover);background:var(--surface-hover-dark)}.field[data-astro-cid-r32xplo4]:hover:not(.field--disabled) .field__input[data-astro-cid-r32xplo4]::placeholder,.field--hover[data-astro-cid-r32xplo4] .field__input[data-astro-cid-r32xplo4]::placeholder,.field[data-astro-cid-r32xplo4]:focus-within:not(.field--disabled) .field__input[data-astro-cid-r32xplo4]::placeholder,.field--focus[data-astro-cid-r32xplo4] .field__input[data-astro-cid-r32xplo4]::placeholder{color:var(--text-placeholder-focus)}.field--disabled[data-astro-cid-r32xplo4]{border-color:var(--border-disabled);background:var(--surface-disabled-dark)}.field--disabled[data-astro-cid-r32xplo4] .field__input[data-astro-cid-r32xplo4]{color:var(--text-action-light-disabled);cursor:not-allowed}.field--disabled[data-astro-cid-r32xplo4] .field__input[data-astro-cid-r32xplo4]::placeholder{color:var(--text-action-light-disabled)}.field--disabled[data-astro-cid-r32xplo4] .field__icon[data-astro-cid-r32xplo4]{color:var(--icon-action-light-disabled)}.field--error[data-astro-cid-r32xplo4]{border-color:var(--border-error);background:var(--surface-error)}.field--error[data-astro-cid-r32xplo4] .field__input[data-astro-cid-r32xplo4],.field--error[data-astro-cid-r32xplo4] .field__input[data-astro-cid-r32xplo4]::placeholder{color:var(--text-error-light)}.field--error[data-astro-cid-r32xplo4] .field__icon[data-astro-cid-r32xplo4]{color:var(--icon-error)}.field--success[data-astro-cid-r32xplo4]{border-color:var(--border-success)}.field--success[data-astro-cid-r32xplo4] .field__icon[data-astro-cid-r32xplo4]{color:var(--icon-success)}.label[data-astro-cid-yusb5jx6]{display:inline-flex;align-items:center;gap:var(--spacing-4);cursor:default;line-height:0}.label__text[data-astro-cid-yusb5jx6]{font-family:var(--font-family-body);font-size:var(--font-size-paragraph-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-paragraph-md);color:var(--text-body-default)}.label__asterisk[data-astro-cid-yusb5jx6]{font-family:var(--font-family-body);font-size:var(--font-size-paragraph-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-paragraph-md);color:var(--icon-error);user-select:none}.label__hint-btn[data-astro-cid-yusb5jx6]{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-placeholder);line-height:0;border-radius:var(--radius-xsm);transition:color .15s}.label__hint-btn[data-astro-cid-yusb5jx6]:hover{color:var(--text-body-default)}.label__hint-btn[data-astro-cid-yusb5jx6]:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.label__hint-icon[data-astro-cid-yusb5jx6]{display:block;flex-shrink:0}.field[data-astro-cid-nkbrm56b]{position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;gap:var(--spacing-8);border:2px solid var(--border-default);border-radius:var(--radius-xlg);background:var(--surface-default-dark);box-shadow:inset 0 4px 4px var(--black-60);transition:border-color .15s,background-color .15s}.field--large[data-astro-cid-nkbrm56b]{height:56px;padding:var(--spacing-16) var(--spacing-12)}.field--medium[data-astro-cid-nkbrm56b]{height:48px;padding:var(--spacing-8) var(--spacing-12)}.field__icon[data-astro-cid-nkbrm56b]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--icon-default)}.field__icon[data-astro-cid-nkbrm56b] svg[data-astro-cid-nkbrm56b]{display:block;width:100%;height:100%}.field__input[data-astro-cid-nkbrm56b]{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-paragraph-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-paragraph-md);color:var(--text-action-light)}.field__input[data-astro-cid-nkbrm56b]::placeholder{color:var(--text-placeholder)}.field[data-astro-cid-nkbrm56b]:hover:not(.field--disabled),.field--hover[data-astro-cid-nkbrm56b],.field[data-astro-cid-nkbrm56b]:focus-within:not(.field--disabled),.field--focus[data-astro-cid-nkbrm56b]{border-color:var(--border-hover);background:var(--surface-hover-dark)}.field[data-astro-cid-nkbrm56b]:hover:not(.field--disabled) .field__input[data-astro-cid-nkbrm56b]::placeholder,.field--hover[data-astro-cid-nkbrm56b] .field__input[data-astro-cid-nkbrm56b]::placeholder,.field[data-astro-cid-nkbrm56b]:focus-within:not(.field--disabled) .field__input[data-astro-cid-nkbrm56b]::placeholder,.field--focus[data-astro-cid-nkbrm56b] .field__input[data-astro-cid-nkbrm56b]::placeholder{color:var(--text-placeholder-focus)}.field--disabled[data-astro-cid-nkbrm56b]{border-color:var(--border-disabled);background:var(--surface-disabled-dark)}.field--disabled[data-astro-cid-nkbrm56b] .field__input[data-astro-cid-nkbrm56b]{color:var(--text-action-light-disabled);cursor:not-allowed}.field--disabled[data-astro-cid-nkbrm56b] .field__input[data-astro-cid-nkbrm56b]::placeholder{color:var(--text-action-light-disabled)}.field--disabled[data-astro-cid-nkbrm56b] .field__icon[data-astro-cid-nkbrm56b]{color:var(--icon-action-light-disabled)}.field--error[data-astro-cid-nkbrm56b]{border-color:var(--border-error);background:var(--surface-error)}.field--error[data-astro-cid-nkbrm56b] .field__input[data-astro-cid-nkbrm56b],.field--error[data-astro-cid-nkbrm56b] .field__input[data-astro-cid-nkbrm56b]::placeholder{color:var(--text-error-light)}.field--error[data-astro-cid-nkbrm56b] .field__icon[data-astro-cid-nkbrm56b]{color:var(--icon-error)}.field--success[data-astro-cid-nkbrm56b]{border-color:var(--border-success)}.field--success[data-astro-cid-nkbrm56b] .field__icon[data-astro-cid-nkbrm56b]{color:var(--icon-success)}.playground[data-astro-cid-nkbrm56b]{background:var(--surface-elevate);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin-bottom:48px}.playground__stage[data-astro-cid-nkbrm56b]{display:flex;align-items:center;justify-content:center;min-height:120px;padding:40px 32px;background:var(--surface-page)}.preview-wrap[data-astro-cid-nkbrm56b]{width:360px}.playground__controls[data-astro-cid-nkbrm56b]{display:flex;flex-wrap:wrap;gap:24px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06)}.ctrl-group[data-astro-cid-nkbrm56b]{border:none;padding:0}.ctrl-group__label[data-astro-cid-nkbrm56b]{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-placeholder);margin-bottom:8px}.ctrl-group__options[data-astro-cid-nkbrm56b]{display:flex;gap:6px;flex-wrap:wrap}.ctrl-btn[data-astro-cid-nkbrm56b]{padding:5px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-body-default);font-family:var(--font-family-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ctrl-btn[data-astro-cid-nkbrm56b]:hover{background:var(--surface-hover-dark)}.ctrl-btn[data-astro-cid-nkbrm56b].is-active{background:var(--primary-900);color:var(--primary-300);border-color:var(--primary-700)}.ctrl-input[data-astro-cid-nkbrm56b]{background:var(--surface-elevate);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-body-default);font-family:var(--font-family-body);font-size:.8rem;padding:5px 10px;outline:none;width:220px;transition:border-color .15s}.ctrl-input[data-astro-cid-nkbrm56b]:focus{border-color:var(--primary-600)}.example-row[data-astro-cid-nkbrm56b]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:24px;background:var(--surface-elevate);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin:12px 0 32px}.example-row--col[data-astro-cid-nkbrm56b]{flex-direction:column;align-items:stretch;gap:12px}.size-row[data-astro-cid-nkbrm56b]{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:16px;max-width:480px}.size-label[data-astro-cid-nkbrm56b]{font-size:var(--font-size-paragraph-sm);color:var(--text-placeholder);white-space:nowrap}.form-stack[data-astro-cid-nkbrm56b]{display:flex;flex-direction:column;gap:var(--spacing-8);max-width:360px}.dos-donts[data-astro-cid-nkbrm56b]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 24px}.dos-donts__col[data-astro-cid-nkbrm56b]{padding:16px 20px;border-radius:10px}.dos-donts__col--do[data-astro-cid-nkbrm56b]{background:color-mix(in srgb,var(--success-default) 10%,transparent);border:1px solid color-mix(in srgb,var(--success-default) 30%,transparent)}.dos-donts__col--dont[data-astro-cid-nkbrm56b]{background:color-mix(in srgb,var(--error-default) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-default) 30%,transparent)}.dos-donts__label[data-astro-cid-nkbrm56b]{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}.dos-donts__col--do[data-astro-cid-nkbrm56b] .dos-donts__label[data-astro-cid-nkbrm56b]{color:var(--success-default)}.dos-donts__col--dont[data-astro-cid-nkbrm56b] .dos-donts__label[data-astro-cid-nkbrm56b]{color:var(--error-default)}.dos-donts__col[data-astro-cid-nkbrm56b] ul[data-astro-cid-nkbrm56b]{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.dos-donts__col[data-astro-cid-nkbrm56b] li[data-astro-cid-nkbrm56b]{font-size:var(--font-size-paragraph-sm);line-height:var(--line-height-paragraph-sm);color:var(--text-body-default)}@media (max-width: 600px){.dos-donts[data-astro-cid-nkbrm56b]{grid-template-columns:1fr}}.playground__code[data-astro-cid-nkbrm56b]{position:relative;padding:var(--spacing-8) var(--spacing-12)}.code-snippet[data-astro-cid-nkbrm56b]{margin:0;font-family:var(--font-family-code);font-size:.8rem;line-height:1.6;color:var(--primary-300);white-space:pre;overflow-x:auto;max-height:6.4rem;overflow-y:auto;padding-right:var(--spacing-40)}.copy-btn[data-astro-cid-nkbrm56b]{position:absolute;top:var(--spacing-8);right:var(--spacing-8);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-placeholder);cursor:pointer;transition:background .1s,color .1s}.copy-btn[data-astro-cid-nkbrm56b]:hover{background:var(--surface-button-transparent-hover);color:var(--text-body-default)}.copy-btn[data-astro-cid-nkbrm56b]:active{transform:translateY(4px);background:transparent}