.telegram-generator-hero{padding:34px 0 24px}.telegram-generator-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}.telegram-generator-copy{position:static;max-width:780px;min-width:0}.telegram-generator-panel{min-width:0;width:100%}.telegram-generator-kicker{margin:0 0 10px;color:var(--text-secondary);font-size:.74rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.telegram-generator-copy .page-title{font-size:clamp(1.9rem,3.2vw,2.65rem);font-weight:600;letter-spacing:-.01em}.telegram-generator-copy .page-lead{max-width:620px;font-size:15px;line-height:1.5}.telegram-generator-intro{margin:10px 0 0;max-width:640px;color:var(--text-secondary);font-size:14px;line-height:1.5}.generator-content h2{margin:32px 0 10px;color:var(--text-primary);font-size:clamp(1.18rem,1.6vw,1.45rem);font-weight:600;line-height:1.28}.generator-content>h2:first-child{margin-top:0}.generator-content p,.generator-content li{color:var(--text-secondary);font-size:15px;font-weight:400;line-height:1.5}.generator-accordion{display:grid;gap:10px;margin-top:16px}.generator-accordion details{border:1px solid var(--border);border-radius:8px;background:#fff;padding:11px 14px}.generator-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.35;list-style:none}.generator-accordion summary::-webkit-details-marker{display:none}.generator-accordion summary:after{color:var(--text-muted);content:"+";font-size:.95rem;font-weight:400}.generator-accordion details[open] summary:after{content:"-"}.generator-accordion summary:focus-visible{border-radius:6px;outline:2px solid rgba(236,173,31,.55);outline-offset:3px}.generator-accordion ul{margin:12px 0 0;padding-left:18px}.generator-accordion p{margin:12px 0 0}.generator-accordion li+li{margin-top:6px}.generator-gramdesk-cta{margin:38px 0;border:1px solid var(--border);border-radius:12px;background:#fff;padding:22px}.generator-resource-links{margin:28px 0 0;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:22px}.generator-resource-links h2{margin-top:0}.generator-resource-links ul{display:grid;gap:8px;margin:14px 0 0;padding-left:20px}.generator-resource-links a{color:var(--text-primary);font-weight:600;text-decoration:underline;text-decoration-color:#ecad1fa6;text-underline-offset:3px}.generator-gramdesk-cta h2{margin-top:0}.telegram-generator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;min-width:0;color:var(--text-primary);font-size:14px;line-height:1.45}.tg-result-column{display:grid;gap:12px;min-width:0;position:sticky;top:92px;align-self:start}.tg-generator-card{position:static;overflow:visible}.tg-generator-card,.tg-preview-card,.tg-code-card{border:1px solid rgba(31,49,84,.16);border-radius:10px;background:#fff;padding:12px;box-shadow:0 10px 24px #1f31540d;color:var(--text-primary)}.tg-control{display:grid;gap:5px;min-width:0}.tg-control-inline{grid-template-columns:minmax(120px,auto) minmax(220px,1fr);align-items:center;gap:10px}.tg-control label,.tg-control>span,.tg-color-control span,.tg-position-block>p{margin:0;color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.35}.tg-control input,.tg-control select,.tg-color-control input[type=text]{width:100%;height:34px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 10px;color:var(--text-primary);font:inherit;font-size:14px;font-weight:400}.tg-control p{margin:0;color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.4;word-break:normal}.tg-control p+p{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;word-break:break-all}.tg-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.tg-three,.tg-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.tg-three{align-items:end}.tg-segmented,.tg-tabs{display:inline-flex;gap:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:2px}.tg-segmented button,.tg-tabs button,.tg-copy,.tg-icon-grid button{border:0;border-radius:6px;background:transparent;color:var(--text-primary);cursor:pointer;font:inherit;font-size:14px;font-weight:400}.tg-segmented button,.tg-tabs button{flex:1;padding:7px 8px}.tg-segmented button.is-active,.tg-tabs button.is-active,.tg-icon-grid button.is-active{background:#fff8e6;color:var(--text-primary);box-shadow:inset 0 0 0 1px #ecad1f8c}.tg-icon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tg-icon-grid button{position:relative;display:grid;place-items:center;gap:4px;border:1px solid var(--border);padding:7px 5px}.tg-icon-grid button.is-active:after{position:absolute;top:5px;right:5px;display:grid;width:16px;height:16px;place-items:center;border-radius:999px;background:var(--accent);color:#111;content:"✓";font-size:.68rem;font-weight:700}.tg-picker-icon{width:18px;height:18px;color:currentColor}.tg-icon-grid span{font-size:13px;line-height:1.1}.tg-color-control{display:grid;grid-template-columns:32px minmax(72px,1fr);gap:5px 7px;align-items:center;min-width:0}.tg-color-control span{grid-column:1 / -1}.tg-color-control input[type=color]{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:2px}.tg-color-control input[type=text]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;text-transform:lowercase}.tg-check{display:flex;align-items:center;gap:8px;height:34px;margin:0;padding:0 2px;color:var(--text-primary);font-size:14px;font-weight:400}.tg-check input{width:18px;height:18px}.tg-position-block{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.tg-device-settings{display:grid;gap:8px;margin-top:10px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px}.tg-device-settings>p{margin:0;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.35}.tg-offsets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tg-offsets label{display:grid;gap:4px}.tg-offsets span{color:var(--text-secondary);font-size:13px;font-weight:400}.tg-preview-card{display:grid;gap:12px}.tg-preview-heading{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.35}.tg-preview-frame{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:#f6f7f9;padding:10px}.tg-preview-frame.mobile{display:flex;width:100%;height:220px;margin:0;padding:14px;align-items:flex-end;overflow:hidden;background:#f3f5f8}.tg-preview-viewport{position:relative;container-type:inline-size;width:100%;overflow:hidden;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #1f315414}.tg-preview-viewport.desktop{aspect-ratio:1440 / 900;border-radius:8px;background:#f4f6f9}.tg-preview-viewport.mobile{width:min(210px,100%);min-width:160px;aspect-ratio:390 / 844;border:1px solid rgba(17,24,39,.12);border-radius:22px;background:#f9fafb;box-shadow:0 10px 22px #11182717,inset 0 0 0 5px #eef1f5}.tg-preview-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;line-height:1.1;box-sizing:border-box;max-width:calc(100% - 16px);white-space:nowrap}.tg-position-marker{display:block;min-width:18px;min-height:8px;box-sizing:border-box}.tg-preview-button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.tg-button-icon{width:1em;height:1em;color:inherit}.tg-preview-button .tg-button-icon{width:var(--preview-icon-size, 20px);height:var(--preview-icon-size, 20px);color:inherit;flex:0 0 auto}.tg-preview-site-header{position:absolute;top:5.5%;left:5%;right:5%;height:7%;border-radius:6px;background:#ffffffbd;box-shadow:inset 0 0 0 1px #1f31540d}.tg-preview-site-content{position:absolute;top:19%;left:7%;width:44%;display:grid;gap:8px}.tg-preview-site-content span{display:block;height:8px;border-radius:999px;background:#1f315414}.tg-preview-site-content span:nth-child(2){width:72%}.tg-preview-site-content span:nth-child(3){width:52%}.tg-preview-viewport.mobile .tg-preview-site-header{top:6.5%;left:18%;right:18%;height:1.2%}.tg-preview-viewport.mobile .tg-preview-site-content{top:15%;left:10%;width:70%;gap:6px}.tg-preview-viewport.mobile .tg-preview-site-content span{height:6px}.tg-button-preview-block{display:grid;gap:8px}.tg-button-preview-stage{display:flex;min-width:0;align-items:center;justify-content:center;border:1px dashed rgba(31,49,84,.18);border-radius:8px;background:#ffffffb8;padding:18px;overflow:hidden}.tg-code-card{min-width:0}.tg-code-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:8px}.tg-code-head p{margin:0 0 6px;color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.35}.tg-code-head span{display:block;max-width:480px;color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.42}.tg-copy{border:1px solid var(--border);background:#fff;padding:7px 10px;white-space:nowrap}.tg-code-card pre{max-height:220px;overflow:auto;margin:0;border-radius:8px;background:#111827;padding:10px;color:#e5e7eb;font-size:12px;line-height:1.45;white-space:pre-wrap}.telegram-generator-copy .page-title{letter-spacing:-.04em;font-size:48px;font-weight:600;line-height:1.1}.telegram-generator-copy .page-lead{color:#4b5563;font-size:18px;font-weight:400;line-height:1.6}.telegram-generator-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary);font-size:12px;font-weight:400;line-height:1.4}.telegram-generator-intro,.generator-content p,.generator-content li,.tg-control,.tg-control input,.tg-control select,.tg-segmented button,.tg-tabs button,.tg-copy,.tg-icon-grid button,.tg-control label,.tg-control>span,.tg-color-control span,.tg-position-block>p,.tg-device-settings>p,.tg-control p,.tg-offsets span,.tg-code-head span{color:var(--text-primary);font-size:14px;font-weight:400;line-height:1.5}.generator-content h2{color:var(--text-primary);font-size:clamp(1.35rem,2vw,1.75rem);font-weight:600;line-height:1.22;letter-spacing:-.02em}.tg-code-head p{letter-spacing:-.03em;color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.25}.tg-generator-card,.tg-preview-card,.tg-code-card,.generator-accordion details,.generator-gramdesk-cta{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.generator-accordion{gap:10px}.generator-accordion details{padding:14px 16px}.generator-accordion summary{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.45}.generator-accordion p,.generator-accordion li{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.55}@media(max-width:980px){.telegram-generator-layout{grid-template-columns:1fr;gap:20px}.telegram-generator-copy{position:static}.telegram-generator{grid-template-columns:1fr}.tg-generator-card{position:static;overflow:visible}.tg-result-column{position:static}}@media(max-width:640px){.telegram-generator-hero{padding:28px 0 20px}.telegram-generator-intro{display:block}.telegram-generator{gap:12px}.tg-generator-card,.tg-preview-card,.tg-code-card{padding:12px}.tg-two,.tg-three,.tg-color-grid{grid-template-columns:1fr}.tg-control-inline{grid-template-columns:1fr;align-items:stretch}.tg-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-preview-frame{padding:8px}.tg-preview-frame.mobile{height:200px;padding:12px}.tg-preview-viewport.mobile{width:min(190px,100%);min-width:150px}.tg-code-head{flex-direction:column}.tg-copy{width:100%}.generator-content-section{padding-top:36px}}