.maker-layout[data-astro-cid-he5olmbn]{display:flex;gap:36px;max-width:1000px;margin:30px auto;align-items:flex-start;padding:0 20px}.maker-controls[data-astro-cid-he5olmbn]{flex:0 0 340px;min-width:0}.control-group[data-astro-cid-he5olmbn]{margin-bottom:18px}.control-group[data-astro-cid-he5olmbn]>label[data-astro-cid-he5olmbn]{display:block;font-weight:600;font-size:14px;color:#333;margin-bottom:8px}#titleText[data-astro-cid-he5olmbn],#subText[data-astro-cid-he5olmbn]{width:100%;box-sizing:border-box;font-size:16px;padding:10px 12px;border:1px solid #ccc;border-radius:8px}#titleText[data-astro-cid-he5olmbn]{resize:vertical}.theme-presets[data-astro-cid-he5olmbn]{display:flex;flex-wrap:wrap;gap:8px}.theme-chip[data-astro-cid-he5olmbn]{padding:8px 12px;font-size:13px;font-weight:600;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:transform .1s ease}.theme-chip[data-astro-cid-he5olmbn]:hover{transform:translateY(-1px)}.theme-chip[data-astro-cid-he5olmbn].active{outline:2px solid var(--accent);outline-offset:2px}.bg-options[data-astro-cid-he5olmbn]{display:flex;gap:16px;align-items:center;margin-bottom:8px}.radio-label[data-astro-cid-he5olmbn],.check-label[data-astro-cid-he5olmbn]{font-size:14px;color:#333;display:flex;align-items:center;gap:6px;cursor:pointer}.bg-colors[data-astro-cid-he5olmbn]{display:flex;gap:8px;align-items:center}.bg-colors[data-astro-cid-he5olmbn] input[data-astro-cid-he5olmbn][type=color],#textColorPicker[data-astro-cid-he5olmbn]{width:40px;height:32px;border:1px solid #ccc;border-radius:6px;padding:0 2px;background:#fff;cursor:pointer}.bg-colors[data-astro-cid-he5olmbn] input[data-astro-cid-he5olmbn][type=color]:disabled,#textColorPicker[data-astro-cid-he5olmbn]:disabled{opacity:.35;cursor:not-allowed}#gradDirection[data-astro-cid-he5olmbn]{flex:1;padding:6px 8px;font-size:13px;border:1px solid #ccc;border-radius:6px;background:#fff}#gradDirection[data-astro-cid-he5olmbn]:disabled{opacity:.5}.text-color-row[data-astro-cid-he5olmbn]{display:flex;gap:14px;align-items:center}#fontSelect[data-astro-cid-he5olmbn]{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:8px;background:#fff}.toggles[data-astro-cid-he5olmbn]{display:flex;flex-direction:column;gap:10px}.download-btn[data-astro-cid-he5olmbn]{width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.download-btn[data-astro-cid-he5olmbn]:hover{opacity:.85}.maker-preview[data-astro-cid-he5olmbn]{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;position:sticky;top:80px}.canvas-wrap[data-astro-cid-he5olmbn]{position:relative;width:100%;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014}.canvas-wrap[data-astro-cid-he5olmbn] canvas[data-astro-cid-he5olmbn]{display:block;width:100%;height:auto}.guide-canvas[data-astro-cid-he5olmbn]{position:absolute;inset:0;pointer-events:none}.preview-caption[data-astro-cid-he5olmbn]{font-size:12px;color:#888}.sns-preview-section[data-astro-cid-he5olmbn]{max-width:1000px;margin:50px auto;padding:0 20px}.sns-preview-heading[data-astro-cid-he5olmbn]{font-size:1.3rem;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:8px;margin-bottom:10px}.sns-preview-lead[data-astro-cid-he5olmbn]{font-size:14px;color:#555;margin-bottom:20px}.preview-meta[data-astro-cid-he5olmbn]{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.meta-field[data-astro-cid-he5olmbn]{flex:1;min-width:200px}.meta-field-domain[data-astro-cid-he5olmbn]{flex:0 0 180px;min-width:140px}.meta-field[data-astro-cid-he5olmbn] label[data-astro-cid-he5olmbn]{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px}.meta-field[data-astro-cid-he5olmbn] input[data-astro-cid-he5olmbn]{width:100%;box-sizing:border-box;font-size:14px;padding:8px 10px;border:1px solid #ccc;border-radius:6px}.mock-grid[data-astro-cid-he5olmbn]{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mock-block[data-astro-cid-he5olmbn]{display:flex;flex-direction:column;gap:8px;min-width:0}.mock-caption[data-astro-cid-he5olmbn]{font-size:12px;color:#888}.mock-img[data-astro-cid-he5olmbn]{display:block;width:100%;height:auto}.mock-x[data-astro-cid-he5olmbn]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mock-x-card[data-astro-cid-he5olmbn]{position:relative;border:1px solid #cfd9de;border-radius:16px;overflow:hidden}.mock-x-overlay[data-astro-cid-he5olmbn]{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);background:#000000bf;color:#fff;font-size:13px;padding:2px 8px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-x-domain[data-astro-cid-he5olmbn]{display:block;margin-top:4px;font-size:13px;color:#536471}.mock-fb[data-astro-cid-he5olmbn]{border:1px solid #dadde1;border-radius:8px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mock-fb-body[data-astro-cid-he5olmbn]{background:#f0f2f5;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.mock-fb-domain[data-astro-cid-he5olmbn]{font-size:12px;color:#65676b;text-transform:uppercase}.mock-fb-title[data-astro-cid-he5olmbn]{font-size:15px;font-weight:700;color:#050505;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mock-fb-desc[data-astro-cid-he5olmbn]{font-size:13px;color:#65676b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mock-slack[data-astro-cid-he5olmbn]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;border-left:4px solid #dddddd;padding:10px 14px;display:flex;flex-direction:column;gap:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mock-slack-site[data-astro-cid-he5olmbn]{font-size:12px;font-weight:700;color:#1d1c1d}.mock-slack-title[data-astro-cid-he5olmbn]{font-size:15px;font-weight:700;color:#1264a3}.mock-slack-desc[data-astro-cid-he5olmbn]{font-size:13px;color:#1d1c1d;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mock-slack-img[data-astro-cid-he5olmbn]{max-width:320px;border-radius:8px;margin-top:4px}.mock-hatena[data-astro-cid-he5olmbn]{display:flex;gap:12px;border:1px solid #dadde1;border-radius:8px;padding:10px;background:#fff;align-items:center}.mock-hatena-img[data-astro-cid-he5olmbn]{flex-shrink:0;width:100px;height:100px;object-fit:cover;border-radius:6px}.mock-hatena-body[data-astro-cid-he5olmbn]{min-width:0;display:flex;flex-direction:column;gap:6px}.mock-hatena-title[data-astro-cid-he5olmbn]{font-size:14px;font-weight:700;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.mock-hatena-domain[data-astro-cid-he5olmbn]{font-size:12px;color:#888}@media (max-width: 760px){.maker-layout[data-astro-cid-he5olmbn]{flex-direction:column-reverse}.maker-controls[data-astro-cid-he5olmbn]{flex:1;width:100%}.maker-preview[data-astro-cid-he5olmbn]{position:static;width:100%}.mock-grid[data-astro-cid-he5olmbn]{grid-template-columns:1fr}}