/* Common subtle styles for all FTN tools */
.ftn-wrap{max-width:1000px;margin:20px auto;padding:16px;border:1px solid #eee;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,0.04);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.ftn-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ftn-tabs button{border:1px solid #ddd;background:#fafafa;padding:8px 12px;border-radius:10px;cursor:pointer}
.ftn-tabs button.active{background:#111;color:#fff;border-color:#111}
.ftn-panel{border:1px solid #f0f0f0;background:#fff;padding:12px;border-radius:12px;margin-bottom:14px}
.ftn-row{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0}
@media(min-width:700px){.ftn-row{grid-template-columns:1fr 1fr}}
.ftn-panel label{display:block;font-weight:600;margin-bottom:6px}
.ftn-panel input,.ftn-panel select, .ftn-panel textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px}
.ftn-btn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid #444;background:#111;color:#fff;cursor:pointer}
.ftn-output{margin-top:12px;padding:10px;background:#fafafa;border-radius:8px;word-wrap:break-word}
.ftn-sharebar button{border:1px solid #ddd;background:#fafafa;padding:6px 10px;border-radius:8px;cursor:pointer}
.ftn-sharebanner{margin-bottom:10px}

.ftn-pp-canvas{max-width:100%;border:1px dashed #ddd;border-radius:8px;background:#fafafa}