.gys-hero{background:var(--bg-hero);border-bottom:1px solid var(--bg-pale);padding:52px 0 44px;text-align:center}.gys-hero__eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.gys-hero__title{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.5px;margin:0 0 12px}.gys-hero__sub{font-size:16px;color:var(--text-muted);max-width:520px;margin:0 auto;line-height:1.65}.gys-main{padding:48px 0 80px;background:var(--bg-hero)}.gys-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.gys-form-card{background:#fff;border:1px solid var(--bg-pale);border-radius:var(--r-lg);overflow:hidden}.gys-step{padding:32px 36px;border-bottom:1px solid var(--bg-pale)}.gys-step:last-child{border-bottom:none}.gys-step__head{display:flex;align-items:center;gap:12px;margin-bottom:24px}.gys-step__num{width:28px;height:28px;background:var(--blue);color:#fff;border-radius:50%;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gys-step__label{font-size:15px;font-weight:700;color:var(--text-primary)}.gys-step__sublabel{font-size:13px;color:var(--text-muted);font-weight:400}.gys-field{margin-bottom:22px}.gys-field:last-child{margin-bottom:0}.gys-field>label,.gys-field legend{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;padding:0;border:none}.gys-field>label span,.gys-field legend span{font-weight:400;color:var(--text-muted)}.gys-field fieldset{border:none;padding:0;margin:0}.gys-input{width:100%;padding:11px 14px;border:1.5px solid var(--bg-pale);border-radius:var(--r-md);font-size:14px;font-family:var(--font);color:var(--text-primary);background:#fff;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.gys-input::placeholder{color:#94a3b8}.gys-input:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1863dc26}select.gys-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.gys-hint{font-size:12px;color:var(--text-muted);margin:5px 0 0;line-height:1.5}.gys-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.gys-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border:1.5px solid var(--bg-pale);border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background .15s,color .15s;background:#fff;user-select:none}.gys-toggle input[type=radio]{position:absolute;opacity:0;width:0;height:0}.gys-toggle:has(input:checked){background:#eff3ff;border-color:var(--blue);color:var(--blue);font-weight:600}.gys-toggle:focus-within{outline:3px solid rgba(24,99,220,.22);outline-offset:2px}.gys-toggle__icon{opacity:.5;font-size:11px}.gys-toggle:has(input:checked) .gys-toggle__icon{opacity:1}.gys-checkbox-row{display:flex;align-items:flex-start;gap:8px}.gys-checkbox-row__input{width:16px;height:16px;accent-color:var(--blue);cursor:pointer;flex-shrink:0;margin-top:2px}.gys-checkbox-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;margin-bottom:4px}.gys-code-wrap{background:#1a1f35;border-radius:var(--r-md);overflow:hidden;margin-bottom:14px}.gys-code-bar{background:#252b42;padding:8px 14px;display:flex;align-items:center;gap:6px}.gys-code-dot{width:9px;height:9px;border-radius:50%}.gys-code-dot--r{background:#ff5f57}.gys-code-dot--y{background:#ffbd2e}.gys-code-dot--g{background:#28c840}.gys-code-body{padding:16px 20px;overflow-x:auto}.gys-code-body pre{margin:0;font-family:Menlo,Consolas,Monaco,monospace;font-size:11.5px;line-height:1.8;color:#a8b5d1;white-space:pre-wrap;word-break:break-all}.gys-copy-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:var(--blue);color:#fff;border:none;border-radius:var(--r-md);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s;width:100%;justify-content:center}.gys-copy-btn:hover{background:var(--blue-hover)}.gys-copy-btn:focus-visible{outline:3px solid rgba(24,99,220,.35);outline-offset:2px}.gys-copy-btn--success{background:#16a34a}.gys-paste-note{font-size:12px;color:var(--text-muted);margin:10px 0 0;text-align:center;line-height:1.5}.gys-paste-note code{font-family:Menlo,Consolas,monospace;font-size:11px;background:var(--bg-section);padding:1px 4px;border-radius:3px}.gys-preview-col{position:sticky;top:88px}.gys-preview-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px;text-align:center}.gys-browser{background:#fff;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;box-shadow:0 4px 24px #0000001a;margin-bottom:20px}.gys-browser__bar{background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:10px 14px;display:flex;align-items:center;gap:12px}.gys-browser__dots{display:flex;gap:5px}.gys-browser__dot{width:10px;height:10px;border-radius:50%}.gys-browser__dot--r{background:#ff5f57}.gys-browser__dot--y{background:#ffbd2e}.gys-browser__dot--g{background:#28c840}.gys-browser__url{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:4px 10px;font-size:11px;color:#6b7280;font-family:Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gys-browser__viewport{position:relative;height:280px;background:#f8fafc;overflow:hidden}.gys-page-content{padding:24px 28px}.gys-page-line{height:10px;background:#e2e8f0;border-radius:4px;margin-bottom:10px}.gys-page-line--title{height:18px;width:55%;background:#cbd5e1;margin-bottom:16px}.gys-page-line--short{width:70%}.gys-page-line--shorter{width:50%}.gys-page-line--xs{width:35%}.gys-widget-btn{position:absolute;bottom:16px;right:16px;width:44px;height:44px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #1863dc66;transition:right .3s ease,left .3s ease;cursor:pointer}.gys-widget-btn svg{width:24px;height:24px;fill:#fff}.gys-widget-btn--left{right:auto;left:16px}.gys-input--error{border-color:#dc2626}.gys-input--error:focus-visible{border-color:#dc2626;box-shadow:0 0 0 3px #dc26262e}.gys-error-msg{display:none;align-items:center;gap:5px;font-size:12px;color:#dc2626;margin-top:6px;line-height:1.4}.gys-error-msg.is-visible{display:flex}.gys-error-msg svg{flex-shrink:0}.gys-copy-btn:disabled{background:#94a3b8;cursor:not-allowed}.gys-copy-btn:disabled:hover{background:#94a3b8}@media(max-width:900px){.gys-layout{grid-template-columns:1fr}.gys-preview-col{position:static}}@media(max-width:479px){.gys-hero__title{font-size:26px}.gys-step{padding:22px 20px}}