._page_1awrr_2{max-width:1240px;margin:0 auto;padding:40px 32px 48px}._hero_1awrr_8{text-align:center;max-width:720px;margin:0 auto 32px}._eyebrow_1awrr_14{color:var(--color-accent);margin-bottom:12px;font-size:12px;display:inline-block}._title_1awrr_21{color:var(--color-text);margin-bottom:12px;font-size:28px;font-weight:500}._subtitle_1awrr_28{color:var(--color-text-secondary);font-size:14px;line-height:1.6}._mockupSection_1awrr_34{flex-direction:column;align-items:center;gap:12px;margin-bottom:48px;display:flex}._tryBadge_1awrr_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_1awrr_42:after{content:"↓"}._previewFrame_1awrr_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_1awrr_68{height:100%;min-height:calc(var(--frame-min-height,0px) + 28px);flex-direction:column;display:flex;position:relative}._modalPreviewWrap_1awrr_76{box-sizing:border-box;flex:1;min-height:0;padding-top:28px}._explainSection_1awrr_83{text-align:center;max-width:640px;margin:0 auto 48px}._sectionTitle_1awrr_89{color:var(--color-text);margin-bottom:12px;font-size:22px;font-weight:500}._sectionText_1awrr_96{color:var(--color-text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}._roleDiagram_1awrr_103{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}._roleItem_1awrr_110{flex-direction:column;align-items:center;gap:8px;display:flex}._roleSwatch_1awrr_117{border:1px solid var(--color-border);border-radius:8px;width:32px;height:32px}._roleLabel_1awrr_124{color:var(--color-text-secondary);font-size:11px}._templatesSection_1awrr_129{text-align:center}._templatesGrid_1awrr_133{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}@media (max-width:1024px){._templatesGrid_1awrr_133{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){._templatesGrid_1awrr_133{grid-template-columns:1fr}}._templateCard_1awrr_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_1awrr_151:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}._templateCard_1awrr_151:focus-visible{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}._templateCard_1awrr_151:hover ._templateCta_1awrr_167{color:var(--color-accent)}._templateCard_1awrr_151:focus-visible ._templateCta_1awrr_167{color:var(--color-accent)}._templateCard_1awrr_151:hover ._templateCta_1awrr_167:after{transform:translate(2px)}._templateCard_1awrr_151:focus-visible ._templateCta_1awrr_167:after{transform:translate(2px)}._templateName_1awrr_174{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:500}._templateDescription_1awrr_181{color:var(--color-text-secondary);font-size:12px;line-height:1.5}._templateCta_1awrr_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}._templateCta_1awrr_167:after{content:"→";transition:transform .15s;display:inline-block}._previewFrameLabel_1awrr_203{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_1awrr_218{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-size:10px;font-weight:600}._previewFrameLabelName_1awrr_226{color:#fff;text-shadow:0 0 8px #ffffffbf;font-size:12px;font-weight:500}._previewInner_1awrr_233{opacity:1;transition:opacity .15s;position:absolute;top:28px;bottom:0;left:0;right:0}._previewControls_1awrr_243{flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}._previewToggleRow_1awrr_251{align-items:center;gap:8px;display:flex}._previewToggle_1awrr_251{background:color-mix(in srgb, var(--color-text) 6%, transparent);border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}._previewToggleOption_1awrr_266,._previewToggleOptionActive_1awrr_267{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_1awrr_266{color:var(--color-text-secondary);background:0 0}._previewToggleOption_1awrr_266:hover{color:var(--color-text)}._previewToggleOptionActive_1awrr_267{background:var(--color-accent);color:var(--color-on-accent)}._toggleCrown_1awrr_291{vertical-align:-2px;width:13px;height:13px;margin-left:4px}._shareButton_1awrr_298{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_1awrr_298:hover{border-color:var(--color-accent);color:var(--color-text)}._applyNote_1awrr_320{color:var(--color-text-secondary);text-align:center;max-width:320px;font-size:12px;line-height:1.5}