.ew-tool{box-sizing:border-box;margin:0 auto;max-width:1180px;padding:8px 16px 32px}.ew-tool-title{font-size:1.375rem;font-weight:700;margin:0 0 16px;text-align:center}.ew-tool-grid{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:900px){.ew-tool-grid{grid-template-columns:minmax(0,1fr)}}.ew-form{background:var(--ds-surface,#fff);border:1px solid var(--ds-border-soft,#e5e7eb);border-radius:var(--ds-radius-xl,1.5rem);box-shadow:var(--ds-shadow-1,none);gap:16px;padding:20px}.ew-field,.ew-form{display:flex;flex-direction:column}.ew-field{border:0;gap:6px;margin:0;min-width:0;padding:0}.ew-label{color:var(--ds-text,#0f172a);font-size:.875rem;font-weight:700}.ew-link,.ew-select{background:var(--ds-surface,#fff);border:1px solid var(--ds-border,#d1d5db);border-radius:8px;font:inherit;font-size:.9375rem;padding:8px 10px}.ew-entries,.ew-link,.ew-select{box-sizing:border-box;width:100%}.ew-entries{min-height:120px;resize:vertical}.ew-hint{color:var(--ds-text-muted,#64748b);font-size:.8125rem;line-height:1.45;margin:0}.ew-sizes{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px 16px}.ew-sizes legend{float:inline-start;margin-inline-end:4px;padding:0}.ew-sizes label{align-items:center;cursor:pointer;display:inline-flex;font-size:.9375rem;gap:4px}.ew-px{color:var(--ds-text-muted,#64748b);font-size:.8125rem}.ew-code{background:var(--ds-surface-sunken,#f8fafc);border:1px solid var(--ds-border,#d1d5db);border-radius:8px;box-sizing:border-box;direction:ltr;font:.75rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px;resize:vertical;width:100%}.ew-copy{align-self:flex-start}.ew-link-row{display:flex;gap:8px}.ew-link{direction:ltr;flex:1 1 auto;font-size:.8125rem;min-width:0}.ew-copy-link{flex:0 0 auto}.ew-preview{display:flex;flex-direction:column;gap:8px;margin:0;position:sticky;top:16px}.ew-preview-frame{background:var(--ds-surface-sunken,#f8fafc);border:1px dashed var(--ds-border,#d1d5db);border-radius:var(--ds-radius-xl,1.5rem);display:flex;justify-content:center;padding:12px}.ew-preview-frame iframe{background:var(--ds-surface,#fff);border:0;border-radius:12px;display:block;width:100%}@media(max-width:900px){.ew-preview{position:static}}.ew-section-intro{color:var(--ds-text-muted,#475569);line-height:1.6;margin:0 0 24px;max-width:760px}.ew-steps{line-height:1.6;margin:0 0 20px;padding-inline-start:1.5em}.ew-steps li+li{margin-top:10px}.ew-example{background:#0f172a;border-radius:12px;color:#e2e8f0;direction:ltr;font:.8125rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0 0 16px;overflow-x:auto;padding:14px 16px;text-align:start;white-space:pre-wrap;word-break:break-all}