.main-content{padding-block:48px 70px}.hero{margin-bottom:28px}.hero-copy{max-width:850px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--primary-dark);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero-eyebrow-line{width:32px;height:2px;border-radius:999px;background:var(--primary)}h1{margin-bottom:15px;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.045em}.hero-description{max-width:740px;margin-bottom:0;color:var(--text-secondary);font-size:1.02rem;line-height:1.7}.workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.panel-header{min-height:86px;display:flex;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border)}.panel-title-group{display:flex;align-items:center;gap:13px}.panel-step{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;color:var(--primary-dark);background:var(--primary-soft);font-size:.75rem;font-weight:800}.panel-title{margin-bottom:4px;font-size:1rem}.panel-subtitle{margin-bottom:0;color:var(--text-secondary);font-size:.77rem}.panel-body{padding:24px}.form-group{margin-bottom:20px}.form-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.form-label{display:block;margin-bottom:8px;font-size:.82rem;font-weight:700}.form-label-row .form-label{margin-bottom:0}.character-count{color:var(--text-muted);font-size:.7rem}.select-shell{position:relative}.select-shell:after{content:"";position:absolute;top:50%;right:16px;width:7px;height:7px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);pointer-events:none;transform:translateY(-70%) rotate(45deg)}select{width:100%;min-height:47px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 44px 10px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;color:var(--text-main);background:var(--surface)}select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #158f861f}textarea{width:100%;min-height:320px;display:block;resize:vertical;padding:16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;color:var(--text-main);background:#fbfdfe;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.79rem;line-height:1.65}textarea::placeholder{color:var(--text-muted)}textarea[readonly]{background:#f8fcfb}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.examples{margin-top:18px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md)}.examples summary{padding:14px 16px;color:var(--text-main);background:var(--surface-soft);font-size:.79rem;font-weight:700;cursor:pointer}.examples-body{padding:14px}.example-tabs{display:flex;gap:8px;margin-bottom:10px}.example-tab{padding:6px 11px;border:1px solid var(--border);border-radius:7px;color:var(--text-secondary);background:var(--surface);cursor:pointer}.example-tab.active{color:#fff;border-color:var(--primary);background:var(--primary)}.example-code{margin:0;overflow:auto;padding:14px;border:1px solid var(--border);border-radius:9px;color:var(--text-main);background:#f8fbfc;font-family:SFMono-Regular,Consolas,monospace;font-size:.73rem;line-height:1.65;white-space:pre-wrap}.hidden{display:none}@media(max-width:900px){.workspace{grid-template-columns:1fr}}@media(max-width:600px){.main-content{padding-block:34px 48px}.panel-header,.panel-body{padding:18px}textarea{min-height:280px}.actions{align-items:stretch;flex-direction:column}}.conversion-quota{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px;padding:16px 18px;border:1px solid #badbd6;border-radius:14px;background:linear-gradient(135deg,#f2faf8,#edf7f7)}.conversion-quota-content{min-width:0}.conversion-quota-label{display:block;margin-bottom:4px;color:var(--primary-dark);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.conversion-quota strong{display:block;margin-bottom:3px;color:var(--text-main);font-size:.84rem}.conversion-quota p{margin:0;color:var(--text-secondary);font-size:.7rem}.conversion-quota-actions{flex:0 0 auto}.conversion-quota-action{width:auto}.conversion-quota-exhausted{border-color:#efc4bd;background:#fff6f4}.conversion-quota-exhausted .conversion-quota-label{color:var(--danger)}.button:disabled,.button-disabled{cursor:not-allowed;opacity:.55;pointer-events:none}@media(max-width:650px){.conversion-quota{align-items:stretch;flex-direction:column}.conversion-quota-actions,.conversion-quota-action{width:100%}}