[{"data":1,"prerenderedAt":2055},["ShallowReactive",2],{"docs-nav-en":3,"doc-en-\u002Fstudio\u002F1-card-news":258},[4,142,170,176,196,200,206,225,252],{"title":5,"path":6,"stem":7,"children":8,"page":141},"App","\u002Fapp","app",[9,55,117,121,125,129,133,137],{"title":10,"path":11,"stem":12,"children":13,"page":-1},"Getting Started & Projects","\u002Fapp\u002F1-getting-started-and-projects","app\u002F1-getting-started-and-projects\u002Findex",[14,15,19,23,27,31,35,39,43,47,51],{"title":10,"path":11,"stem":12},{"title":16,"path":17,"stem":18},"Quick Start Tutorial","\u002Fapp\u002F1-getting-started-and-projects\u002Fquickstart","app\u002F1-getting-started-and-projects\u002F01.quickstart",{"title":20,"path":21,"stem":22},"AI Coach Tutorial","\u002Fapp\u002F1-getting-started-and-projects\u002Fai-coach","app\u002F1-getting-started-and-projects\u002F02.ai-coach",{"title":24,"path":25,"stem":26},"App Install · Push","\u002Fapp\u002F1-getting-started-and-projects\u002Fpwa","app\u002F1-getting-started-and-projects\u002F03.pwa",{"title":28,"path":29,"stem":30},"Project List","\u002Fapp\u002F1-getting-started-and-projects\u002Fproject-list","app\u002F1-getting-started-and-projects\u002F04.project-list",{"title":32,"path":33,"stem":34},"Project Detail","\u002Fapp\u002F1-getting-started-and-projects\u002Fproject-detail","app\u002F1-getting-started-and-projects\u002F05.project-detail",{"title":36,"path":37,"stem":38},"Project Calendar","\u002Fapp\u002F1-getting-started-and-projects\u002Fproject-calendar","app\u002F1-getting-started-and-projects\u002F06.project-calendar",{"title":40,"path":41,"stem":42},"Documents & References","\u002Fapp\u002F1-getting-started-and-projects\u002Fdocuments","app\u002F1-getting-started-and-projects\u002F07.documents",{"title":44,"path":45,"stem":46},"Freight & Insurance","\u002Fapp\u002F1-getting-started-and-projects\u002Ffreight-insurance","app\u002F1-getting-started-and-projects\u002F08.freight-insurance",{"title":48,"path":49,"stem":50},"Sharing & Comments","\u002Fapp\u002F1-getting-started-and-projects\u002Fshare-comments","app\u002F1-getting-started-and-projects\u002F09.share-comments",{"title":52,"path":53,"stem":54},"Project Payment","\u002Fapp\u002F1-getting-started-and-projects\u002Fproject-payment","app\u002F1-getting-started-and-projects\u002F10.project-payment",{"title":56,"path":57,"stem":58,"children":59,"page":-1},"Email · Payment · AI","\u002Fapp\u002F2-communication-payment-ai","app\u002F2-communication-payment-ai\u002Findex",[60,61,65,69,73,77,81,85,89,93,97,101,105,109,113],{"title":56,"path":57,"stem":58},{"title":62,"path":63,"stem":64},"Email Settings","\u002Fapp\u002F2-communication-payment-ai\u002Femail-settings","app\u002F2-communication-payment-ai\u002F01.email-settings",{"title":66,"path":67,"stem":68},"Inbox & Compose","\u002Fapp\u002F2-communication-payment-ai\u002Femail-inbox","app\u002F2-communication-payment-ai\u002F02.email-inbox",{"title":70,"path":71,"stem":72},"AI Mail Analysis","\u002Fapp\u002F2-communication-payment-ai\u002Femail-ai-analysis","app\u002F2-communication-payment-ai\u002F03.email-ai-analysis",{"title":74,"path":75,"stem":76},"Internal Chat","\u002Fapp\u002F2-communication-payment-ai\u002Fchat","app\u002F2-communication-payment-ai\u002F04.chat",{"title":78,"path":79,"stem":80},"Proof of Funds (PoF)","\u002Fapp\u002F2-communication-payment-ai\u002Fpof","app\u002F2-communication-payment-ai\u002F05.pof",{"title":82,"path":83,"stem":84},"Escrow FCL","\u002Fapp\u002F2-communication-payment-ai\u002Ffcl","app\u002F2-communication-payment-ai\u002F06.fcl",{"title":86,"path":87,"stem":88},"Payment Summary","\u002Fapp\u002F2-communication-payment-ai\u002Fpayment-summary","app\u002F2-communication-payment-ai\u002F07.payment-summary",{"title":90,"path":91,"stem":92},"My Profile","\u002Fapp\u002F2-communication-payment-ai\u002Fmy-profile","app\u002F2-communication-payment-ai\u002F08.my-profile",{"title":94,"path":95,"stem":96},"My Friends","\u002Fapp\u002F2-communication-payment-ai\u002Fmy-friends","app\u002F2-communication-payment-ai\u002F09.my-friends",{"title":98,"path":99,"stem":100},"Subscription & Receipts","\u002Fapp\u002F2-communication-payment-ai\u002Fmy-subscription","app\u002F2-communication-payment-ai\u002F10.my-subscription",{"title":102,"path":103,"stem":104},"Notification Inbox","\u002Fapp\u002F2-communication-payment-ai\u002Fnotifications","app\u002F2-communication-payment-ai\u002F11.notifications",{"title":106,"path":107,"stem":108},"Lyra Chatbot","\u002Fapp\u002F2-communication-payment-ai\u002Flyra-chatbot","app\u002F2-communication-payment-ai\u002F12.lyra-chatbot",{"title":110,"path":111,"stem":112},"LEO Engine","\u002Fapp\u002F2-communication-payment-ai\u002Fleo","app\u002F2-communication-payment-ai\u002F13.leo",{"title":114,"path":115,"stem":116},"CYGNUS Engine","\u002Fapp\u002F2-communication-payment-ai\u002Fcygnus-engine","app\u002F2-communication-payment-ai\u002F14.cygnus-engine",{"title":118,"path":119,"stem":120},"Lyra Interactive Capabilities","\u002Fapp\u002F3-lyra-interactive-capabilities","app\u002F3-lyra-interactive-capabilities",{"title":122,"path":123,"stem":124},"CYGNUS Guide","\u002Fapp\u002F4-cygnus-guide","app\u002F4-cygnus-guide",{"title":126,"path":127,"stem":128},"Department & Company Dashboards","\u002Fapp\u002Fdashboards","app\u002Fdashboards",{"title":130,"path":131,"stem":132},"QT (Quotation) Handshake","\u002Fapp\u002Fqt-handshake","app\u002Fqt-handshake",{"title":134,"path":135,"stem":136},"XRPL Settlement Overview","\u002Fapp\u002Fsettlement","app\u002Fsettlement",{"title":138,"path":139,"stem":140},"XRPL Payment Quick Start","\u002Fapp\u002Fxrpl-payment-quickstart","app\u002Fxrpl-payment-quickstart",false,{"title":143,"path":144,"stem":145,"children":146,"page":-1},"Common","\u002Fcommon","common",[147,150,154,158,162,166],{"title":148,"path":144,"stem":149},"Common Features Overview","common\u002Findex",{"title":151,"path":152,"stem":153},"Account Management","\u002Fcommon\u002F1-account","common\u002F1-account",{"title":155,"path":156,"stem":157},"Subscription · Billing · Tokens","\u002Fcommon\u002F2-subscription-billing","common\u002F2-subscription-billing",{"title":159,"path":160,"stem":161},"License","\u002Fcommon\u002F3-license","common\u002F3-license",{"title":163,"path":164,"stem":165},"Login SSO · Family Sites","\u002Fcommon\u002F4-sso-family","common\u002F4-sso-family",{"title":167,"path":168,"stem":169},"Feedback","\u002Fcommon\u002F5-feedback","common\u002F5-feedback",{"title":171,"path":172,"stem":173,"children":174},"Forwarder Portal","\u002Fforwarder","forwarder\u002Findex",[175],{"title":171,"path":172,"stem":173},{"title":177,"path":178,"stem":179,"children":180,"page":-1},"Guild","\u002Fguild","guild",[181,184,188,192],{"title":182,"path":178,"stem":183},"Overview · Getting Started","guild\u002Findex",{"title":185,"path":186,"stem":187},"Using the Community","\u002Fguild\u002F1-community","guild\u002F1-community",{"title":189,"path":190,"stem":191},"Trade Wiki","\u002Fguild\u002F2-wiki","guild\u002F2-wiki",{"title":193,"path":194,"stem":195},"Free LC Review","\u002Fguild\u002F3-lc-checker","guild\u002F3-lc-checker",{"title":197,"path":198,"stem":199},"Home","\u002F","index",{"title":201,"path":202,"stem":203,"children":204},"MCP Integration","\u002Fmcp","mcp\u002Findex",[205],{"title":201,"path":202,"stem":203},{"title":207,"path":208,"stem":209,"children":210,"page":-1},"Store","\u002Fstore","store",[211,213,217,221],{"title":182,"path":208,"stem":212},"store\u002Findex",{"title":214,"path":215,"stem":216},"Buyer Guide","\u002Fstore\u002F1-buyer","store\u002F1-buyer",{"title":218,"path":219,"stem":220},"Seller Guide","\u002Fstore\u002F2-seller","store\u002F2-seller",{"title":222,"path":223,"stem":224},"Seller Chatbot","\u002Fstore\u002F3-chatbot","store\u002F3-chatbot",{"title":226,"path":227,"stem":228,"children":229,"page":-1},"Studio","\u002Fstudio","studio",[230,232,236,240,244,248],{"title":182,"path":227,"stem":231},"studio\u002Findex",{"title":233,"path":234,"stem":235},"Creating Cards & Card Series","\u002Fstudio\u002F1-card-news","studio\u002F1-card-news",{"title":237,"path":238,"stem":239},"Image Tools","\u002Fstudio\u002F2-image-tools","studio\u002F2-image-tools",{"title":241,"path":242,"stem":243},"Pictor Chat","\u002Fstudio\u002F3-pictor-chat","studio\u002F3-pictor-chat",{"title":245,"path":246,"stem":247},"Object Library","\u002Fstudio\u002F4-objects-video","studio\u002F4-objects-video",{"title":249,"path":250,"stem":251},"Video Studio","\u002Fstudio\u002F5-video-studio","studio\u002F5-video-studio",{"title":253,"path":254,"stem":255,"children":256},"Video Tour","\u002Fvideos","videos\u002Findex",[257],{"title":253,"path":254,"stem":255},{"id":259,"title":233,"body":260,"description":2034,"doc_type":2035,"domain":2036,"extension":2037,"field_ids":2038,"help":2038,"meta":2039,"navigation":2040,"page_id":2041,"path":234,"playbook_can":2038,"playbook_cannot":2038,"playbook_recipes":2038,"related_pages":2042,"seo":2047,"service":228,"stem":235,"tags":2048,"video":2038,"__hash__":2054},"content_en\u002Fstudio\u002F1-card-news.md",{"type":261,"value":262,"toc":1994},"minimark",[263,267,288,298,321,324,329,334,341,390,399,401,405,412,417,424,429,445,452,461,497,506,510,517,522,530,534,537,576,585,599,601,605,627,631,641,709,713,720,774,778,789,862,876,878,882,896,900,908,928,935,946,948,955,962,966,990,997,1004,1078,1083,1087,1184,1189,1193,1196,1258,1261,1265,1276,1281,1285,1296,1321,1331,1352,1361,1365,1372,1462,1476,1478,1485,1495,1499,1513,1518,1548,1552,1559,1594,1602,1616,1618,1625,1632,1689,1692,1710,1714,1739,1742,1756,1768,1782,1784,1788,1794,1817,1825,1827,1834,1844,1900,1921,1935,1937,1941,1957,1963,1976],[264,265,233],"h1",{"id":266},"creating-cards-card-series",[268,269,270,271,277,278,283,284,287],"p",{},"In the ",[272,273,274],"strong",{},[275,276,226],"span",{}," editor, paste text or an article link and press ",[272,279,280],{},[275,281,282],{},"Generate"," — the AI builds a ",[272,285,286],{},"background image + promo copy"," and shows it as a finished card. You can edit the card directly on the canvas and download it as a PNG or share it straight to social media.",[289,290,291],"blockquote",{},[268,292,293,294,297],{},"💡 ",[272,295,296],{},"Who is this for?"," Anyone who needs an image to post a product or announcement on Instagram, Facebook, or YouTube but doesn't have time to wrangle design tools. Just paste your text, a card appears, and you only need to touch up the copy you don't like.",[289,299,300],{},[268,301,302,303,308,309,313,314,317,318],{},"🖼️ ",[272,304,305],{},[275,306,307],{},"Screen capture"," Editor (",[310,311,312],"code",{},"\u002Fstudio\u002Fedit",") three-pane layout — left: edit panel (Text\u002FImage\u002FShape tabs) \u002F center: page list + canvas \u002F right: Pictor (bottom-right chat-bubble button when collapsed)\n📍 ",[310,315,316],{},"studio.tflowx.com\u002Fstudio"," · save path ",[310,319,320],{},"images\u002Fstudio\u002Feditor-overview.png",[322,323],"hr",{},[325,326],"doc-video",{"src":327,"title":328},"\u002Fvideos\u002Fstudio-1-card-news.mp4","Creating cards & card series in Studio — a quick overview",[330,331,333],"h2",{"id":332},"_1-choose-a-creation-mode-single-card-vs-card-series","1. Choose a creation mode — Single card vs. Card series",[268,335,336,337,340],{},"At the top of the left panel, first pick ",[272,338,339],{},"what you want to create",".",[342,343,344,360],"table",{},[345,346,347],"thead",{},[348,349,350,354,357],"tr",{},[351,352,353],"th",{},"Mode",[351,355,356],{},"Description",[351,358,359],{},"Result",[361,362,363,377],"tbody",{},[348,364,365,371,374],{},[366,367,368],"td",{},[272,369,370],{},"Single card",[366,372,373],{},"A one-page promo card",[366,375,376],{},"1 card",[348,378,379,384,387],{},[366,380,381],{},[272,382,383],{},"Card series",[366,385,386],{},"A series of connected slides",[366,388,389],{},"Multiple cards (deck) + one shared post caption",[268,391,392,393,398],{},"Card series is covered in detail in ",[394,395,397],"a",{"href":396},"#help-studio-card-news-deck","6. Creating card series (multiple slides)"," below. Sections 1–5 of this document apply to both modes.",[322,400],{},[330,402,404],{"id":403},"_2-source-input-tell-the-ai-what-to-make","2. Source input — Tell the AI what to make",[268,406,407,408,411],{},"This is the step where you give the AI its ",[272,409,410],{},"ingredients",". Text alone works, but adding a link, image guide, or reference photo makes the result more refined.",[413,414,416],"h3",{"id":415},"source-content-text","Source content (text)",[268,418,419,420,423],{},"Paste a news article, post, or organized text into the ",[272,421,422],{},"Source content"," text box.",[289,425,426],{},[268,427,428],{},"Paste a news article, post, or organized text. The AI pulls out the key message to build the card copy and background.",[430,431,432,436],"ul",{},[433,434,435],"li",{},"Even if the text is long, the AI automatically summarizes and reflects the key points.",[433,437,438,439,444],{},"If you're not sure what to put in, press ",[272,440,441],{},[275,442,443],{},"Fill example"," to populate a sample sentence that fits the selected template.",[413,446,448,449],{"id":447},"url-input-article-link","🔗 URL input (article link) ",[275,450],{"id":451},"help-studio-card-news-url-import",[268,453,454,455,460],{},"Press ",[272,456,457],{},[275,458,459],{},"URL input"," to open the link entry field.",[462,463,464,475,482,489],"ol",{},[433,465,466,467,470,471,474],{},"Paste the article address into the ",[310,468,469],{},"Paste an article link (https:\u002F\u002F...)"," field. (Only ",[272,472,473],{},"one"," link.)",[433,476,454,477,481],{},[272,478,479],{},[275,480,282],{}," and the AI automatically reads the article body and incorporates it.",[433,483,484,485,488],{},"You can generate ",[272,486,487],{},"from the link alone"," even if the text above is empty.",[433,490,491,492,496],{},"On success, ",[493,494,495],"em",{},"\"Reflected N characters from the link body\""," appears at the top.",[289,498,499],{},[268,500,501,502,505],{},"ℹ️ If the link can't be read, the notice ",[493,503,504],{},"\"Couldn't read the link body. Please paste it as text.\""," appears. In that case, copy the article content directly and paste it into Source content.",[413,507,509],{"id":508},"image-guide-optional","Image guide (optional)",[268,511,512,513,516],{},"A field where you describe the ",[272,514,515],{},"background image"," you want in natural language.",[289,518,519],{},[268,520,521],{},"Freely describe the image you want. Example: A male and female owner shaking hands while signing a contract",[430,523,524,527],{},[433,525,526],{},"Leave it blank and the AI decides the background on its own from the article content.",[433,528,529],{},"Fill it in and the AI refines your sentence to match the article context and generates the image.",[413,531,533],{"id":532},"reference-photo-optional-variation-amount","Reference photo (optional) + Variation amount",[268,535,536],{},"Use this when you want to build a new background based on a photo you already have.",[462,538,539,547,568],{},[433,540,541,542,340],{},"Upload a photo with ",[272,543,544],{},[275,545,546],{},"Upload photo",[433,548,549,550,553,554],{},"Use the ",[272,551,552],{},"Variation amount"," slider to decide how much of the original to keep.\n",[430,555,556,562],{},[433,557,558,561],{},[272,559,560],{},"Small (left)"," = keep the original almost as-is",[433,563,564,567],{},[272,565,566],{},"Large (right)"," = draw fresh, using only the mood as reference",[433,569,570,571,340],{},"If you don't need it, remove the photo with ",[272,572,573],{},[275,574,575],{},"Remove",[289,577,578],{},[268,579,580,581,584],{},"ℹ️ Reference photos (img2img) only work with certain generation engines. In an unsupported environment, after generating you'll see the notice ",[493,582,583],{},"\"The reference photo wasn't reflected — the current generation engine is configured without reference photo (img2img) support.\""," In this case, contact your administrator.",[289,586,587],{},[268,588,302,589,593,594,317,596],{},[272,590,591],{},[275,592,307],{}," Left source input panel — Source content · URL input toggle · Image guide · Reference photo + Variation amount slider\n📍 ",[310,595,316],{},[310,597,598],{},"images\u002Fstudio\u002Fsource-input.png",[322,600],{},[330,602,604],{"id":603},"_3-generation-options","3. Generation options",[268,606,270,607,610,611,614,615,618,619,622,623,626],{},[272,608,609],{},"Generation options"," panel (collapsible), choose the card's dimensions, mood, and layout. This is where you set the ",[272,612,613],{},"channel and aspect ratio"," you will post to, the ",[272,616,617],{},"image style",", one of the ",[272,620,621],{},"six layouts",", and the ",[272,624,625],{},"brand text"," printed on the card.",[413,628,630],{"id":629},"channel-ratio","Channel · Ratio",[268,632,633,634,636,637,640],{},"Choose the ",[272,635,613],{}," where you'll post the image. Changing the ratio changes the card size, and the text position follows automatically (applied instantly, ",[272,638,639],{},"without regenerating",").",[342,642,643,655],{},[345,644,645],{},[348,646,647,649,652],{},[351,648,630],{},[351,650,651],{},"Use",[351,653,654],{},"Resolution",[361,656,657,670,683,696],{},[348,658,659,664,667],{},[366,660,661],{},[272,662,663],{},"Instagram\u002FFacebook feed · 1:1",[366,665,666],{},"Square feed",[366,668,669],{},"1080×1080",[348,671,672,677,680],{},[366,673,674],{},[272,675,676],{},"Instagram feed portrait · 4:5",[366,678,679],{},"Portrait feed (larger exposure)",[366,681,682],{},"1080×1350",[348,684,685,690,693],{},[366,686,687],{},[272,688,689],{},"Instagram\u002FMeta Story\u002FReels · 9:16",[366,691,692],{},"Full-screen vertical for Stories\u002FReels",[366,694,695],{},"1080×1920",[348,697,698,703,706],{},[366,699,700],{},[272,701,702],{},"YouTube thumbnail\u002Flandscape · 16:9",[366,704,705],{},"YouTube thumbnail\u002Flandscape banner",[366,707,708],{},"1920×1080",[413,710,712],{"id":711},"image-style","Image style",[268,714,715,716,719],{},"Set the ",[272,717,718],{},"mood"," of the background image. Even with the same content, the result changes with the style.",[342,721,722,732],{},[345,723,724],{},[348,725,726,729],{},[351,727,728],{},"Style",[351,730,731],{},"Feel",[361,733,734,744,754,764],{},[348,735,736,741],{},[366,737,738],{},[272,739,740],{},"Graphic (abstract)",[366,742,743],{},"Clean abstract background focused on gradients and shapes",[348,745,746,751],{},[366,747,748],{},[272,749,750],{},"Photo (realistic)",[366,752,753],{},"Cinematic scene that looks like a real photo",[348,755,756,761],{},[366,757,758],{},[272,759,760],{},"Illustration",[366,762,763],{},"Flat vector editorial illustration",[348,765,766,771],{},[366,767,768],{},[272,769,770],{},"3D render",[366,772,773],{},"Soft 3D-rendered texture",[413,775,777],{"id":776},"layouts-6-types","Layouts (6 types)",[268,779,780,781,784,785,788],{},"Choose the card's ",[272,782,783],{},"layout"," (position of the title and supporting copy). Each template shows a thumbnail preview of its arrangement. You can freely switch to a different template ",[272,786,787],{},"even after generating",", and the background and copy are preserved.",[342,790,791,800],{},[345,792,793],{},[348,794,795,798],{},[351,796,797],{},"Template",[351,799,651],{},[361,801,802,812,822,832,842,852],{},[348,803,804,809],{},[366,805,806],{},[272,807,808],{},"News · Bottom emphasis",[366,810,811],{},"News articles\u002Fpress releases → headline large at the bottom",[348,813,814,819],{},[366,815,816],{},[272,817,818],{},"Insight · Top",[366,820,821],{},"A short key claim at the top",[348,823,824,829],{},[366,825,826],{},[272,827,828],{},"Statistic · Big number",[366,830,831],{},"A number to highlight, large in the center (e.g., \"30%\")",[348,833,834,839],{},[366,835,836],{},[272,837,838],{},"Quote · Customer story",[366,840,841],{},"Customer testimonial\u002Fquote + source",[348,843,844,849],{},[366,845,846],{},[272,847,848],{},"Feature intro · CTA",[366,850,851],{},"Feature\u002Fbenefit intro + call-to-action button",[348,853,854,859],{},[366,855,856],{},[272,857,858],{},"Product promo · Story",[366,860,861],{},"Product name\u002Fselling points (9:16 portrait, for sellers)",[289,863,864],{},[268,865,302,866,870,871,317,873],{},[272,867,868],{},[275,869,307],{}," Generation options panel — 4 channel\u002Fratio types · 4 image styles · 6 template thumbnails\n📍 ",[310,872,316],{},[310,874,875],{},"images\u002Fstudio\u002Foptions-panel.png",[322,877],{},[413,879,881],{"id":880},"brand-text-optional","Brand text (optional)",[268,883,884,885,891,892,895],{},"The company or brand name in the top-left of every card. Set it in ",[272,886,887,890],{},[275,888,889],{},"Create"," → More options"," — a show\u002Fhide checkbox plus the text. Leave it empty or unchecked and no brand text is added. Your last-used text is remembered, and you can also set the default on the ",[272,893,894],{},"Settings"," page.",[330,897,899],{"id":898},"_4-ai-auto-generation-what-happens","4. AI auto-generation — What happens",[268,901,902,903,907],{},"When you press ",[272,904,905],{},[275,906,282],{},", the job is queued and a progress bar appears. Behind the scenes it proceeds in order like this.",[462,909,910,916,922],{},[433,911,912,915],{},[272,913,914],{},"Copywriting"," — The AI writes the headline, supporting copy, image prompt, and a draft post caption.",[433,917,918,921],{},[272,919,920],{},"Background generation"," — It draws the background image to match the chosen style and ratio.",[433,923,924,927],{},[272,925,926],{},"Text placement"," — It lays the copy over the template to complete the card.",[268,929,930,931,934],{},"When it's done, the card appears on the center canvas, and the ",[272,932,933],{},"post caption"," below is filled with a draft.",[289,936,937],{},[268,938,939,940,945],{},"ℹ️ If you see a ",[272,941,942],{},[310,943,944],{},"MOCK"," tag at the top, it's demo\u002Fdevelopment mode where the backend isn't connected, and a placeholder image is shown instead of the real AI output. It doesn't appear in the production environment.",[322,947],{},[330,949,951,952],{"id":950},"_5-editing-on-the-canvas","5. Editing on the canvas ",[275,953],{"id":954},"help-studio-card-news-editor",[268,956,957,958,961],{},"The center ",[272,959,960],{},"canvas"," is an editing screen that shows exactly what you'll get (what you see is what you export). It appears scaled down on screen, but on export it's saved at the original resolution in the table above (e.g., 1080×1080).",[413,963,965],{"id":964},"select-move-resize","Select · Move · Resize",[430,967,968,978,984],{},[433,969,970,973,974,977],{},[272,971,972],{},"Click"," an element (text\u002Fimage\u002Fshape) to select it — the ",[272,975,976],{},"left edit panel"," switches to that type's tab (Text\u002FImage\u002FShape) with its properties.",[433,979,980,983],{},[272,981,982],{},"Drag"," to move its position.",[433,985,549,986,989],{},[272,987,988],{},"corner handles"," that appear after selecting to adjust size and rotation.",[413,991,993,994],{"id":992},"zoom-pan","Zoom · Pan ",[275,995],{"id":996},"help-studio-card-news-zoom",[268,998,999,1000,1003],{},"For detail work, scale the canvas up. Use the ",[272,1001,1002],{},"zoom bar at the bottom-left"," of the canvas.",[342,1005,1006,1016],{},[345,1007,1008],{},[348,1009,1010,1013],{},[351,1011,1012],{},"Action",[351,1014,1015],{},"How",[361,1017,1018,1033,1049,1060],{},[348,1019,1020,1023],{},[366,1021,1022],{},"Zoom in \u002F out",[366,1024,1025,1028,1029,1032],{},[272,1026,1027],{},"+ \u002F −"," on the zoom bar, or ",[310,1030,1031],{},"Ctrl\u002FCmd + wheel"," (zooms toward the pointer)",[348,1034,1035,1038],{},[366,1036,1037],{},"Fit to screen",[366,1039,1040,1041,1044,1045,1048],{},"Click the ",[272,1042,1043],{},"percentage"," on the zoom bar (",[310,1046,1047],{},"Ctrl\u002FCmd + 0",")",[348,1050,1051,1054],{},[366,1052,1053],{},"Actual size (100%)",[366,1055,1056,1059],{},[272,1057,1058],{},"1:1"," on the zoom bar",[348,1061,1062,1065],{},[366,1063,1064],{},"Pan",[366,1066,1067,1068,1074,1075],{},"Hold ",[272,1069,1070,1073],{},[310,1071,1072],{},"Space"," and drag",", or drag with the ",[272,1076,1077],{},"middle mouse button",[289,1079,1080],{},[268,1081,1082],{},"ℹ️ Zoom only changes how big it looks — the card content and export resolution are unaffected.",[413,1084,1086],{"id":1085},"shortcuts","Shortcuts",[342,1088,1089,1098],{},[345,1090,1091],{},[348,1092,1093,1095],{},[351,1094,1012],{},[351,1096,1097],{},"Shortcut",[361,1099,1100,1110,1124,1134,1147,1164,1173],{},[348,1101,1102,1105],{},[366,1103,1104],{},"Paste image from clipboard",[366,1106,1107],{},[310,1108,1109],{},"Ctrl\u002FCmd + V",[348,1111,1112,1115],{},[366,1113,1114],{},"Delete selected element",[366,1116,1117,1120,1121],{},[310,1118,1119],{},"Delete"," or ",[310,1122,1123],{},"Backspace",[348,1125,1126,1129],{},[366,1127,1128],{},"Undo",[366,1130,1131],{},[310,1132,1133],{},"Ctrl\u002FCmd + Z",[348,1135,1136,1139],{},[366,1137,1138],{},"Redo",[366,1140,1141,1120,1144],{},[310,1142,1143],{},"Shift + Z",[310,1145,1146],{},"Ctrl + Y",[348,1148,1149,1152],{},[366,1150,1151],{},"Zoom in \u002F out \u002F fit",[366,1153,1154,1157,1158,1157,1161],{},[310,1155,1156],{},"Ctrl\u002FCmd + +"," \u002F ",[310,1159,1160],{},"−",[310,1162,1163],{},"0",[348,1165,1166,1168],{},[366,1167,1064],{},[366,1169,1170,1172],{},[310,1171,1072],{}," + drag",[348,1174,1175,1178],{},[366,1176,1177],{},"Temporarily disable snapping",[366,1179,1067,1180,1183],{},[310,1181,1182],{},"Alt"," (⌥) while dragging",[289,1185,1186],{},[268,1187,1188],{},"ℹ️ Undo\u002Fredo remembers up to 30 steps.",[413,1190,1192],{"id":1191},"left-edit-panel-text-image-shape-tabs","Left edit panel — Text \u002F Image \u002F Shape tabs",[268,1194,1195],{},"Adding elements and editing properties both live in the left panel. Selecting an element on the canvas switches to its tab automatically.",[342,1197,1198,1208],{},[345,1199,1200],{},[348,1201,1202,1205],{},[351,1203,1204],{},"Tab",[351,1206,1207],{},"Contents",[361,1209,1210,1223,1248],{},[348,1211,1212,1217],{},[366,1213,1214],{},[272,1215,1216],{},"Text",[366,1218,1219,1222],{},[275,1220,1221],{},"Add text box"," + properties of the selected text (font, size, color, align, keyword emphasis)",[348,1224,1225,1230],{},[366,1226,1227],{},[272,1228,1229],{},"Image",[366,1231,1232,1235,1236,1239,1240,1243,1244,1247],{},[275,1233,1234],{},"Upload image"," · ",[272,1237,1238],{},"Background image"," (preview + replace) · ",[272,1241,1242],{},"Elements"," (your objects and tool results — click to insert; ",[275,1245,1246],{},"Objects"," opens the library) · properties of the selected image (crop, etc.)",[348,1249,1250,1255],{},[366,1251,1252],{},[272,1253,1254],{},"Shape",[366,1256,1257],{},"Insert 8 shapes (rectangle, rounded, circle, triangle, diamond, line, arrow, block arrow) + properties of the selected shape (fill, opacity, corner radius, layer)",[268,1259,1260],{},"Undo\u002Fredo live in the top bar.",[413,1262,1264],{"id":1263},"position-size-panel","Position \u002F Size panel",[268,1266,1267,1268,1271,1272,1275],{},"When you select an element, you can enter X, Y, width, height, and ",[272,1269,1270],{},"rotation"," values directly as numbers in the ",[272,1273,1274],{},"Position \u002F Size"," panel.",[289,1277,1278],{},[268,1279,1280],{},"ℹ️ For text, the height (H) is set automatically based on the font size, so the H input field is disabled.",[413,1282,1284],{"id":1283},"text-properties-including-keyword-emphasis","Text properties (including keyword emphasis)",[268,1286,1287,1288,1291,1292,1295],{},"When you select text, the ",[272,1289,1290],{},"Text properties"," panel opens. (Before selecting, it shows ",[493,1293,1294],{},"\"Select text on the canvas\"",".)",[430,1297,1298,1304,1310,1316],{},[433,1299,1300,1303],{},[272,1301,1302],{},"Content"," — Edit the text directly",[433,1305,1306,1309],{},[272,1307,1308],{},"Font"," — Pretendard \u002F Noto Sans KR \u002F system-ui \u002F Georgia",[433,1311,1312,1315],{},[272,1313,1314],{},"Weight"," — Regular to Black",[433,1317,1318],{},[272,1319,1320],{},"Size · Color · Alignment",[268,1322,1323,1326,1327,1330],{},[272,1324,1325],{},"Keyword emphasis"," — You can emphasize ",[272,1328,1329],{},"just certain words"," in the text with a different color, size, weight, or font.",[462,1332,1333,1339,1345],{},[433,1334,1335,1338],{},[272,1336,1337],{},"Double-click"," the text to enter edit mode.",[433,1340,1341,1344],{},[272,1342,1343],{},"Drag to select"," the word(s) to emphasize.",[433,1346,1347,1348,1351],{},"Adjust ",[272,1349,1350],{},"keyword size \u002F keyword weight \u002F keyword font"," and color, and it applies only to that portion.",[289,1353,1354],{},[268,1355,1356,1357,1360],{},"ℹ️ If you press emphasis without selecting a word, the notice ",[493,1358,1359],{},"\"Double-click the text and select the word to emphasize.\""," appears.",[413,1362,1364],{"id":1363},"image-properties-crop-etc","Image properties (crop, etc.)",[268,1366,1367,1368,1371],{},"When you select an image element, the ",[272,1369,1370],{},"Image properties"," panel opens.",[342,1373,1374,1383],{},[345,1375,1376],{},[348,1377,1378,1381],{},[351,1379,1380],{},"Item",[351,1382,356],{},[361,1384,1385,1401,1411,1427,1443,1453],{},[348,1386,1387,1392],{},[366,1388,1389],{},[272,1390,1391],{},"Crop",[366,1393,1394,1395,1400],{},"Drag\u002Fresize the crop frame on the canvas, then ",[272,1396,1397],{},[275,1398,1399],{},"Apply"," (cancelable)",[348,1402,1403,1408],{},[366,1404,1405],{},[272,1406,1407],{},"Opacity",[366,1409,1410],{},"Adjust image transparency",[348,1412,1413,1418],{},[366,1414,1415],{},[272,1416,1417],{},"Flip",[366,1419,1420,1421,1157,1424],{},"Flip ",[272,1422,1423],{},"horizontally",[272,1425,1426],{},"vertically",[348,1428,1429,1434],{},[366,1430,1431],{},[272,1432,1433],{},"Layer",[366,1435,1436,1437,1157,1440],{},"Change order ",[272,1438,1439],{},"forward",[272,1441,1442],{},"backward",[348,1444,1445,1450],{},[366,1446,1447],{},[272,1448,1449],{},"Replace",[366,1451,1452],{},"Swap for a different image",[348,1454,1455,1459],{},[366,1456,1457],{},[272,1458,1119],{},[366,1460,1461],{},"Remove the image",[289,1463,1464],{},[268,1465,302,1466,1470,1471,317,1473],{},[272,1467,1468],{},[275,1469,307],{}," Right editing panel — Text properties (keyword emphasis) \u002F Image properties (crop) \u002F Position & Size\n📍 ",[310,1472,316],{},[310,1474,1475],{},"images\u002Fstudio\u002Fproperty-panels.png",[322,1477],{},[330,1479,1481,1482],{"id":1480},"_6-creating-card-series-multiple-slides","6. Creating card series (multiple slides) ",[275,1483],{"id":1484},"help-studio-card-news-deck",[268,1486,1487,1488,1490,1491,1494],{},"Generating in ",[272,1489,383],{}," mode creates a series of connected slides. The AI first proposes an outline, which you refine in the ",[272,1492,1493],{},"card series composition dialog"," — subheadings, body text, and order — and once generation finishes the pages are listed vertically so you can edit them one at a time.",[413,1496,1498],{"id":1497},"card-series-composition-dialog","Card series composition dialog",[268,1500,902,1501,1505,1506,622,1509,1512],{},[272,1502,1503],{},[275,1504,282],{},", the AI first creates an ",[272,1507,1508],{},"outline (composition draft)",[272,1510,1511],{},"Card series composition"," dialog opens.",[289,1514,1515],{},[268,1516,1517],{},"The AI composed it into N slides. Refine the subtitles and body, reorder them, then generate.",[430,1519,1520,1530,1539],{},[433,1521,1522,1523,1526,1527,340],{},"Review and edit each card's ",[272,1524,1525],{},"subtitle"," and ",[272,1528,1529],{},"body",[433,1531,1532,1533,1538],{},"Add slides with ",[272,1534,1535],{},[275,1536,1537],{},"Add card",", and reorder or delete them.",[433,1540,1541,1542,1547],{},"Once you've refined everything, press ",[272,1543,1544],{},[275,1545,1546],{},"Generate N slides"," and the cards are created all at once.",[413,1549,1551],{"id":1550},"page-list-vertical","Page list (vertical)",[268,1553,1554,1555,1558],{},"When generation finishes, the center area lists the ",[272,1556,1557],{},"pages vertically like a document",". The page you're editing shows as a live canvas; the rest are thumbnails.",[430,1560,1561,1566,1575,1591],{},[433,1562,1563,1565],{},[272,1564,972],{}," a thumbnail to switch editing to that page in place.",[433,1567,1568,1571,1572,340],{},[272,1569,1570],{},"Drag the ⠿ grip"," in a page's header row to reorder; the buttons next to it ",[272,1573,1574],{},"duplicate\u002Fdelete",[433,1576,1577,1582,1583,1586,1587,1590],{},[272,1578,1579],{},[275,1580,1581],{},"Add page"," at the bottom — choose ",[272,1584,1585],{},"blank card"," (instant; fill background and text yourself) or ",[272,1588,1589],{},"generate with AI"," (enter a subtitle).",[433,1592,1593],{},"Generating\u002Ffailed status shows on each page.",[289,1595,1596],{},[268,1597,1598,1599,1360],{},"ℹ️ If some cards are slow to generate, the notice ",[493,1600,1601],{},"\"Some cards were delayed\u002Finterrupted. Please refresh from the Library in a moment or try again.\"",[289,1603,1604],{},[268,1605,302,1606,1610,1611,317,1613],{},[272,1607,1608],{},[275,1609,307],{}," Card series composition dialog + vertical page list (grip · duplicate · delete · add page)\n📍 ",[310,1612,316],{},[310,1614,1615],{},"images\u002Fstudio\u002Fdeck-outline-storyboard.png",[322,1617],{},[330,1619,1621,1622],{"id":1620},"_7-save-export-share","7. Save · Export · Share ",[275,1623],{"id":1624},"help-studio-card-news-export",[268,1626,1627,1628,1631],{},"Save, export, and share from the ",[272,1629,1630],{},"toolbar"," at the top of the canvas.",[342,1633,1634,1643],{},[345,1635,1636],{},[348,1637,1638,1641],{},[351,1639,1640],{},"Button",[351,1642,1012],{},[361,1644,1645,1655,1669,1679],{},[348,1646,1647,1652],{},[366,1648,1649],{},[272,1650,1651],{},"Start over",[366,1653,1654],{},"Start from scratch. Unsaved changes are lost, so a confirmation dialog appears",[348,1656,1657,1662],{},[366,1658,1659],{},[272,1660,1661],{},"Save",[366,1663,1664,1665,1668],{},"Store the current work in the ",[272,1666,1667],{},"Library"," (saves edit details as-is)",[348,1670,1671,1676],{},[366,1672,1673],{},[272,1674,1675],{},"Export PNG",[366,1677,1678],{},"Download the card as a PNG at original resolution",[348,1680,1681,1686],{},[366,1682,1683],{},[272,1684,1685],{},"Share",[366,1687,1688],{},"Share straight to social media",[413,1690,1661],{"id":1691},"save",[268,1693,454,1694,1698,1699,1701,1702,1705,1706,640],{},[272,1695,1696],{},[275,1697,1661],{}," and your work is stored in the ",[272,1700,1667],{}," with its edit state intact, and ",[493,1703,1704],{},"\"Saved\""," appears. It remains even after you close and reopen the window (see ",[394,1707,1709],{"href":1708},"#help-studio-card-news-library","9. Library",[413,1711,1713],{"id":1712},"export-png-export-all","Export PNG \u002F Export all",[430,1715,1716,1725],{},[433,1717,1718,1720,1721,340],{},[272,1719,370],{},": Download one card as a PNG with ",[272,1722,1723],{},[275,1724,1675],{},[433,1726,1727,1729,1730,1735,1736,1048],{},[272,1728,383],{},": Download all cards at once, in order, with ",[272,1731,1732],{},[275,1733,1734],{},"Export all",". (While in progress: ",[493,1737,1738],{},"\"Exporting N slides…\"",[413,1740,1685],{"id":1741},"share",[268,1743,454,1744,1748,1749,1752,1753,1360],{},[272,1745,1746],{},[275,1747,1685],{}," and on mobile the system ",[272,1750,1751],{},"share sheet"," opens with the image (JPEG), and the post caption is copied to the clipboard. At this point ",[493,1754,1755],{},"\"Caption copied too — paste it in the app\"",[289,1757,1758],{},[268,1759,1760,1761,1764,1765],{},"ℹ️ On desktop and other browsers that don't support direct sharing, the image is ",[272,1762,1763],{},"downloaded"," and the caption is copied: ",[493,1766,1767],{},"\"This browser doesn't support direct sharing, so it was downloaded. You can post it via the share sheet on mobile.\"",[289,1769,1770],{},[268,1771,302,1772,1776,1777,317,1779],{},[272,1773,1774],{},[275,1775,307],{}," Canvas top toolbar — Start over · Save · Export PNG · Share · Undo\u002FRedo\n📍 ",[310,1778,316],{},[310,1780,1781],{},"images\u002Fstudio\u002Ftoolbar.png",[322,1783],{},[330,1785,1787],{"id":1786},"_8-post-caption","8. Post caption",[268,1789,1790,1791,1793],{},"The ",[272,1792,933],{}," field below the canvas is the text (caption) to post alongside on social media.",[430,1795,1796,1802,1808],{},[433,1797,1798,1799,340],{},"When you generate a card, the AI fills in a ",[272,1800,1801],{},"draft body + hashtags",[433,1803,1804,1805,340],{},"You can edit it directly, and the character count is shown as ",[493,1806,1807],{},"\"N characters\"",[433,1809,1810,1811,1816],{},"Use ",[272,1812,1813],{},[275,1814,1815],{},"Copy"," to put the caption on the clipboard and paste it into your social app.",[289,1818,1819],{},[268,1820,1821,1822,340],{},"ℹ️ For card series, there is ",[272,1823,1824],{},"one shared post caption for the whole deck",[322,1826],{},[330,1828,1830,1831],{"id":1829},"_9-library","9. Library ",[275,1832],{"id":1833},"help-studio-card-news-library",[268,1835,1836,1837,1839,1840,1843],{},"Everything you create — cards, images, videos — is stored in the ",[272,1838,1667],{}," screen on the rail. Since items are persisted in the DB, ",[272,1841,1842],{},"they remain even after you close and reopen the window."," Organize them with folders (up to 2 levels) and drag cards onto folders to move them. Clicking opens cards\u002Fseries in the editor, images\u002Fobjects in a viewer, and videos in a playback modal.",[342,1845,1846,1856],{},[345,1847,1848],{},[348,1849,1850,1853],{},[351,1851,1852],{},"Status",[351,1854,1855],{},"Display",[361,1857,1858,1866,1879,1890],{},[348,1859,1860,1863],{},[366,1861,1862],{},"Completed card",[366,1864,1865],{},"Thumbnail → click to reopen on the canvas",[348,1867,1868,1871],{},[366,1869,1870],{},"Completed video",[366,1872,1873,1878],{},[272,1874,1875],{},[275,1876,1877],{},"Open video"," (new tab)",[348,1880,1881,1884],{},[366,1882,1883],{},"Generating",[366,1885,1886,1889],{},[493,1887,1888],{},"\"Generating…\""," (auto-refreshes about every 4 seconds)",[348,1891,1892,1895],{},[366,1893,1894],{},"Failed",[366,1896,1897],{},[493,1898,1899],{},"\"Failed\"",[430,1901,1902,1910],{},[433,1903,1904,1905,1909],{},"You can delete each item with ",[272,1906,1907],{},[275,1908,1119],{}," (confirmation dialog).",[433,1911,1912,1913,1915,1916,340],{},"Results from ",[394,1914,237],{"href":238}," (background removal, etc.) can't be placed directly on the canvas, so opening the item shows a modal viewer where you can add it to the current card with ",[272,1917,1918],{},[275,1919,1920],{},"Insert into card",[289,1922,1923],{},[268,1924,302,1925,1929,1930,317,1932],{},[272,1926,1927],{},[275,1928,307],{}," Library screen — folder tree on the left + grid (completed\u002Fgenerating\u002Ffailed statuses)\n📍 ",[310,1931,316],{},[310,1933,1934],{},"images\u002Fstudio\u002Fmy-jobs.png",[322,1936],{},[330,1938,1940],{"id":1939},"troubleshooting-faq","💡 Troubleshooting (FAQ)",[268,1942,1943,1946,1947,1951,1952,1956],{},[272,1944,1945],{},"Q. Can I create one with just a link and no text?","\nA. Yes. Put only the article link in ",[272,1948,1949],{},[275,1950,459],{}," and press ",[272,1953,1954],{},[275,1955,282],{}," — the AI automatically reads the body and builds the card. Source content can be left blank.",[268,1958,1959,1962],{},[272,1960,1961],{},"Q. If I change the ratio (e.g., 1:1 → 9:16), do I have to regenerate?","\nA. No. Changing the channel\u002Fratio only changes the canvas size without regenerating, and the text position follows automatically. You can also change the template after generating, and the background and copy are preserved.",[268,1964,1965,1968,1969,1971,1972,1975],{},[272,1966,1967],{},"Q. I want to change the color of just one word in the text.","\nA. ",[272,1970,1337],{}," the text → ",[272,1973,1974],{},"drag to select"," the word to emphasize → adjust keyword size, weight, font, and color, and only that part is emphasized.",[268,1977,1978,1981,1982,1985,1986,1988,1989,1993],{},[272,1979,1980],{},"Q. My card disappeared."," ",[275,1983],{"id":1984},"help-studio-card-news-faq-missing-card","\nA. Check the ",[272,1987,1667],{}," screen on the rail. Saved work remains even after you close the window. Note, however, that ",[272,1990,1991],{},[275,1992,1651],{}," resets the current unsaved work, so be careful.",{"title":1995,"searchDepth":1996,"depth":1996,"links":1997},"",3,[1998,2000,2006,2012,2013,2022,2026,2031,2032,2033],{"id":332,"depth":1999,"text":333},2,{"id":403,"depth":1999,"text":404,"children":2001},[2002,2003,2004,2005],{"id":415,"depth":1996,"text":416},{"id":447,"depth":1996,"text":448},{"id":508,"depth":1996,"text":509},{"id":532,"depth":1996,"text":533},{"id":603,"depth":1999,"text":604,"children":2007},[2008,2009,2010,2011],{"id":629,"depth":1996,"text":630},{"id":711,"depth":1996,"text":712},{"id":776,"depth":1996,"text":777},{"id":880,"depth":1996,"text":881},{"id":898,"depth":1999,"text":899},{"id":950,"depth":1999,"text":951,"children":2014},[2015,2016,2017,2018,2019,2020,2021],{"id":964,"depth":1996,"text":965},{"id":992,"depth":1996,"text":993},{"id":1085,"depth":1996,"text":1086},{"id":1191,"depth":1996,"text":1192},{"id":1263,"depth":1996,"text":1264},{"id":1283,"depth":1996,"text":1284},{"id":1363,"depth":1996,"text":1364},{"id":1480,"depth":1999,"text":1481,"children":2023},[2024,2025],{"id":1497,"depth":1996,"text":1498},{"id":1550,"depth":1996,"text":1551},{"id":1620,"depth":1999,"text":1621,"children":2027},[2028,2029,2030],{"id":1691,"depth":1996,"text":1661},{"id":1712,"depth":1996,"text":1713},{"id":1741,"depth":1996,"text":1685},{"id":1786,"depth":1999,"text":1787},{"id":1829,"depth":1999,"text":1830},{"id":1939,"depth":1999,"text":1940},"How to paste text, article links, or reference photos so the AI builds a single SNS promo card or a multi-slide card series deck, then edit the copy and images directly on the canvas and export to PNG","guide","studio.tflowx.com","md",null,{},{"title":233},"studio-card-news",[2043,2044,2045,2046],"studio-overview","studio-image-tools","studio-pictor-chat","studio-objects-video",{"title":233,"description":2034},[226,2049,2050,2051,2052,2053],"Pictor","카드 시리즈","캔버스 편집","템플릿","SNS","SkYgcWrqNX2KU0oZYB5YeKue3bMv09VPB3FkHYp2L60",1787533856044]