._page_1gokr_2{max-width:1240px;margin:0 auto;padding:40px 32px 48px}._hero_1gokr_8{text-align:center;max-width:960px;margin:0 auto 32px}._eyebrow_1gokr_14{color:var(--color-accent);margin-bottom:12px;font-size:12px;display:inline-block}._title_1gokr_21{color:var(--color-text);margin-bottom:12px;font-size:28px;font-weight:500}._subtitle_1gokr_28{color:var(--color-text-secondary);font-size:14px;line-height:1.6}._mockupSection_1gokr_34{flex-direction:column;align-items:center;gap:12px;margin-bottom:48px;display:flex}._tryBadge_1gokr_42{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}._tryBadge_1gokr_42:after{content:"↓"}._previewFrame_1gokr_57{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;width:100%;max-width:1016px;height:795px;position:relative;overflow:hidden}._modalPreviewFrame_1gokr_68{height:100%;min-height:calc(var(--frame-min-height,0px) + 28px);flex-direction:column;display:flex;position:relative}._modalPreviewWrap_1gokr_76{box-sizing:border-box;flex:1;min-height:0;padding-top:28px}._explainSection_1gokr_83{text-align:center;max-width:960px;margin:0 auto 48px}._sectionTitle_1gokr_89{color:var(--color-text);margin-bottom:12px;font-size:22px;font-weight:500}._sectionText_1gokr_96{color:var(--color-text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}._roleDiagram_1gokr_103{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}._roleItem_1gokr_110{flex-direction:column;align-items:center;gap:8px;display:flex}._roleSwatch_1gokr_117{border:1px solid var(--color-border);border-radius:8px;width:32px;height:32px}._roleLabel_1gokr_124{color:var(--color-text-secondary);font-size:11px}._templatesSection_1gokr_129{text-align:center}._templatesGrid_1gokr_133{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}@media (max-width:1024px){._templatesGrid_1gokr_133{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){._templatesGrid_1gokr_133{grid-template-columns:1fr}}._templateCard_1gokr_151{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;align-items:flex-start;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}._templateCard_1gokr_151:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}._templateCard_1gokr_151:focus-visible{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}._templateCard_1gokr_151:hover ._templateCta_1gokr_167{color:var(--color-accent)}._templateCard_1gokr_151:focus-visible ._templateCta_1gokr_167{color:var(--color-accent)}._templateCard_1gokr_151:hover ._templateCta_1gokr_167:after{transform:translate(2px)}._templateCard_1gokr_151:focus-visible ._templateCta_1gokr_167:after{transform:translate(2px)}._templateName_1gokr_174{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:500}._templateDescription_1gokr_181{color:var(--color-text-secondary);font-size:12px;line-height:1.5}._templateCta_1gokr_167{color:var(--color-text-secondary);align-items:center;gap:4px;margin-top:12px;font-size:12px;font-weight:500;transition:color .15s;display:inline-flex}._previewFrameLabel_1gokr_198{z-index:2;pointer-events:none;background:#0000008c;align-items:center;gap:8px;height:28px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}._previewFrameLabelEyebrow_1gokr_213{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-size:10px;font-weight:600}._previewFrameLabelName_1gokr_221{color:#fff;text-shadow:0 0 8px #ffffffbf;font-size:12px;font-weight:500}._previewInner_1gokr_228{opacity:1;transition:opacity .15s;position:absolute;top:28px;bottom:0;left:0;right:0}._previewControls_1gokr_238{flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}._previewToggleRow_1gokr_246{align-items:center;gap:8px;display:flex}._previewToggle_1gokr_246{background:color-mix(in srgb, var(--color-text) 6%, transparent);border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}._previewToggleOption_1gokr_261,._previewToggleOptionActive_1gokr_262{cursor:pointer;border:none;border-radius:999px;height:30px;padding:0 16px;font-size:12px;font-weight:500;transition:color .15s,background-color .15s}._previewToggleOption_1gokr_261{color:var(--color-text-secondary);background:0 0}._previewToggleOption_1gokr_261:hover{color:var(--color-text)}._previewToggleOptionActive_1gokr_262{background:var(--color-accent);color:var(--color-on-accent)}._toggleCrown_1gokr_286{vertical-align:-2px;width:13px;height:13px;margin-left:4px}._shareButton_1gokr_293{border:1px solid var(--color-border);background:var(--color-surface);height:30px;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}._shareButton_1gokr_293:hover{border-color:var(--color-accent);color:var(--color-text)}._applyNote_1gokr_315{color:var(--color-text-secondary);text-align:center;max-width:320px;font-size:12px;line-height:1.5}