/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-violet-100:oklch(94.3% .029 294.588);--color-violet-600:oklch(54.1% .281 293.009);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.min-h-screen{min-height:100vh}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-xs{max-width:var(--container-xs)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-violet-100{color:var(--color-violet-100)}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}@media (width>=40rem){.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1\.5fr_1fr_1fr_1fr\]{grid-template-columns:1.5fr 1fr 1fr 1fr}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (width>=64rem){.lg\:flex{display:flex}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}}}*{box-sizing:border-box}html,body,#app{min-height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}canvas{display:block}.export-canvas{display:none}input[type=range]{accent-color:#7c3aed}.panel{background:#fff;border:1px solid #e8edf5;border-radius:10px;min-width:0;overflow:hidden;box-shadow:0 10px 30px #1e293b0a}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #edf1f7;position:sticky;top:0}.site-header nav a:hover{color:#7c3aed}.language-pill{color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:700}.btn-brand-sm,.btn-brand,.btn-soft{border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;line-height:1;display:inline-flex}.btn-brand-sm{color:#fff;background:#7c3aed;border:1px solid #7c3aed;min-height:30px;padding:0 14px;font-size:12px}.btn-brand{color:#fff;background:#7c3aed;border:1px solid #7c3aed;min-height:44px;padding:0 18px;font-size:14px;box-shadow:0 12px 24px #7c3aed3d}.btn-soft{color:#334155;background:#fff;border:1px solid #e5e7eb;min-height:44px;padding:0 18px;font-size:14px}.hero-section{background:radial-gradient(circle at 75% 20%,#8b5cf61f,#0000 32%),linear-gradient(#fff 0%,#faf7ff 100%);position:relative;overflow:hidden}.eyebrow{color:#7c3aed;background:#f5efff;border:1px solid #eadcff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.checkline{align-items:center;gap:6px;display:inline-flex}.checkline svg{color:#16a34a}.hero-preview{min-height:330px;position:relative}.hero-card{background:#fff;border:1px solid #e9edf5;border-radius:12px;width:160px;padding:10px;position:absolute;box-shadow:0 22px 48px #1e293b1f}.hero-card figcaption{text-align:center;color:#94a3b8;padding-top:10px;font-size:11px;font-weight:800}.hero-card-before{top:20px;left:20px;transform:rotate(-3deg)}.hero-card-after{width:182px;bottom:12px;right:18px;transform:rotate(5deg)}.hero-art{background:linear-gradient(#74c0fc,#fde68a 52%,#0f766e 52%,#0f766e);border-radius:9px;height:190px;position:relative;overflow:hidden}.hero-art.muted{filter:saturate(.35);opacity:.42}.hero-art.vivid strong{color:#fff;font-size:22px;position:absolute;bottom:16px;left:16px}.mini-sun{background:#ffffffd9;border-radius:50%;width:36px;height:36px;position:absolute;top:30px;right:28px}.mini-mountain{border-bottom:92px solid #1e293b;border-left:54px solid #0000;border-right:54px solid #0000;width:0;height:0;position:absolute;bottom:58px}.mini-mountain.one{left:18px}.mini-mountain.two{border-bottom-width:118px;border-bottom-color:#0f172a;border-left-width:72px;border-right-width:72px;right:16px}.hero-arrow{color:#fff;background:#7c3aed;border:4px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid;position:absolute;top:50%;left:48%;box-shadow:0 14px 24px #7c3aed38}.scroll-cue{color:#c4b5fd;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tool-section{background:#f6f8fb}.initial-upload-box{text-align:center;color:#0f172a;background:#fff;border:2px dashed #c7d5ea;border-radius:12px;align-content:center;place-items:center;gap:14px;width:min(100%,672px);min-height:244px;margin:44px auto 18px;padding:34px;display:grid}.initial-upload-box:hover{background:#fbfaff;border-color:#8b5cf6}.initial-upload-box strong{margin-top:8px;font-size:18px;font-weight:850}.initial-upload-box span:last-child{color:#64748b;font-size:14px;line-height:1.6}.initial-upload-icon{color:#8b5cf6;background:#eee7ff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.tool-editor-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;max-width:1216px;margin:44px auto 0;display:grid}.tool-editor-layout>*,.tool-control-stack,.editor-card,.control-card{min-width:0}.editor-card,.control-card{background:#fff;border:1px solid #dfe7f2;border-radius:16px;box-shadow:0 12px 32px #1e293b0d}.editor-card{padding:26px}.editor-card-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.editor-card-head h2{color:#0f172a;margin:0;font-size:18px;font-weight:850}.change-image-button{color:#334155;background:#fff;border:1px solid #d7dee8;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 18px;font-size:13px;font-weight:750;display:inline-flex}.editor-shell-large{aspect-ratio:16/9;background:#8b5cf6;border:0;border-radius:8px;min-height:0;padding:0;overflow:hidden}.editor-shell-large .editor-canvas{object-fit:contain;width:100%;height:100%;max-height:none;box-shadow:none;border-radius:8px}.editor-tip{color:#64748b;margin:14px 0 0;font-size:13px;line-height:1.6}.tool-control-stack{gap:24px;display:grid}.control-card{padding:24px}.control-card h3{color:#0f172a;align-items:center;gap:9px;margin:0 0 16px;font-size:16px;font-weight:850;display:flex}.control-card h3 svg{color:#7c3aed}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.mode-switch button{color:#334155;overflow-wrap:anywhere;background:#f1f5f9;border:0;border-radius:8px;min-width:0;min-height:56px;padding:0 12px;font-size:14px;font-weight:750;line-height:1.3}.mode-switch button.active{color:#fff;background:#7c3aed}.action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;display:grid}.action-row button{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 4px 10px #0f172a08}.action-row button.danger{color:#e11d48}.check-option{color:#334155;gap:12px;font-size:14px;line-height:1.45;display:flex}.check-option span{overflow-wrap:anywhere;min-width:0}.check-option+.check-option{margin-top:16px}.check-option input{accent-color:#7c3aed;width:16px;height:16px;margin-top:2px}.output-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-width:0;min-height:40px;padding:0 12px;font-size:14px}.control-note{color:#64748b;margin:14px 0 0;font-size:12px;line-height:1.6}.download-card{box-shadow:none;background:0 0;border:0;padding-top:0}.preview-cache{display:none}.live-preview-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1400px;margin:34px auto 0;display:grid}.preview-panel{background:#fff;border:1px solid #dfe7f2;border-radius:16px;min-width:0;padding:28px 24px;box-shadow:0 16px 36px #1e293b0f}.preview-panel h2{color:#0f172a;margin:0;padding-left:28px;font-size:20px;font-weight:900}.preview-divider{background:#dbe3ef;height:1px;margin:18px 0 22px}.twitter-post{background:#fff;border:1px solid #dfe7f2;border-radius:16px;max-width:520px;margin:60px auto 28px;padding:16px}.twitter-post-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.creator-dot{background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:50%;width:42px;height:42px}.twitter-post-head strong{color:#0f172a;font-size:15px;font-weight:900;display:block}.twitter-post-head span{color:#64748b;font-size:13px;display:block}.reveal-pill{text-transform:uppercase;background:#fff1f4;border:1px solid #f8a8bd;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-weight:900;display:inline-flex;color:#be123c!important;font-size:12px!important}.reveal-pill[aria-pressed=true]{background:#be123c;border-color:#be123c;color:#fff!important}.twitter-image-box{touch-action:none;background:#fff;border:1px solid #dfe7f2;border-radius:12px;place-items:center;height:324px;margin-top:14px;display:grid;position:relative;overflow:hidden}.twitter-preview-canvas,.twitter-reveal-canvas{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.twitter-reveal-canvas{opacity:0;transition:opacity .16s}.twitter-reveal-canvas.is-active{opacity:1}.twitter-stats{color:#64748b;grid-template-columns:repeat(4,1fr);margin-top:14px;font-size:13px;display:grid}.twitter-stats span:last-child{text-align:right}.split-stage{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border:1px solid #dfe7f2;border-radius:10px;max-width:520px;height:520px;margin:20px auto 0;position:relative;overflow:hidden}.split-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.split-canvas-before{z-index:1;clip-path:inset(0 calc(100% - var(--split,34%)) 0 0);background:#fff}.split-canvas-after{z-index:2;clip-path:inset(0 0 0 var(--split,34%));background:#000}.split-line{top:0;bottom:0;left:var(--split,34%);z-index:3;background:#f8fafc;width:5px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #dbe3ef}.split-handle{top:50%;left:var(--split,34%);z-index:4;background:#fff;border-radius:50%;width:38px;height:38px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0f172a29}.split-label{z-index:5;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;position:absolute;top:12px}.split-label.left{color:#fff;background:#374151;left:12px}.split-label.right{color:#0f172a;background:#fff;right:12px}.preview-download{grid-column:1/-1;justify-content:center;display:flex}.download-ready-button{color:#fff;background:#d61f46;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:300px;min-height:50px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 14px 26px #d61f4638}.btn-primary,.btn-secondary,.tool-button{text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:40px;padding:9px 13px;font-size:14px;font-weight:650;line-height:1;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.btn-primary{color:#fff;background:#7c3aed;border:1px solid #7c3aed}.btn-primary:hover{background:#6d28d9}.btn-secondary,.tool-button{color:#334155;background:#fff;border:1px solid #d7dee8}.btn-secondary:hover,.tool-button:hover{background:#f8fafc;border-color:#94a3b8}.tool-button.is-active{color:#fff;background:#7c3aed;border-color:#7c3aed}.upload-zone{text-align:center;color:#334155;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;place-items:center;gap:8px;width:100%;min-height:150px;padding:20px;display:grid}.upload-zone span{overflow-wrap:anywhere;max-width:100%}.upload-zone:hover{background:#f1f5f9;border-color:#7c3aed}.segmented{background:#f1f5f9;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented button{color:#64748b;background:0 0;border:0;border-radius:6px;min-width:0;min-height:34px;padding:0 4px;font-size:12px;font-weight:700}.segmented button.is-active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a14}.toggle-row{color:#334155;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:9px 11px;font-size:14px;font-weight:600;display:flex}.toggle-row input{accent-color:#7c3aed;width:16px;height:16px}.editor-shell{background-color:#f8fafc;background-image:linear-gradient(45deg,#e9eef5 25%,#0000 25%),linear-gradient(-45deg,#e9eef5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9eef5 75%),linear-gradient(-45deg,#0000 75%,#e9eef5 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #e2e8f0;border-radius:8px;place-items:center;min-height:360px;padding:14px;display:grid;overflow:auto}.editor-canvas{touch-action:none;border-radius:6px;max-width:100%;max-height:min(70vh,620px);box-shadow:0 12px 36px #0f172a2e}.preview-frame{background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;min-height:180px;display:grid;overflow:hidden}.preview-canvas{max-width:100%;max-height:230px}.content-section{padding:80px 0}.feature-grid,.step-grid{gap:16px;max-width:960px;margin:40px auto 0;padding:0 16px;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{background:#fff;border:1px solid #e8edf5;border-radius:10px;min-height:154px;padding:22px;box-shadow:0 10px 30px #1e293b0a}.feature-icon{color:#7c3aed;background:#f3eefe;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.feature-card h3{color:#0f172a;margin:16px 0 0;font-size:14px;font-weight:850}.feature-card p{color:#64748b;margin:8px 0 0;font-size:12px;line-height:1.7}.tweet-card{background:#fff;border:1px solid #e8edf5;border-radius:10px;padding:14px;box-shadow:0 10px 30px #1e293b0a}.avatar{color:#0369a1;background:#e0f2fe;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.tweet-image{color:#fff;background:linear-gradient(135deg,#7c3aedb8,#ec48998c),linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%);border-radius:8px;place-items:center;height:160px;margin-top:12px;font-size:12px;font-weight:900;display:grid}.article-section{background:#fff;padding:86px 0}.article-section h2{text-align:center;color:#0f172a;letter-spacing:-.02em;font-size:26px;font-weight:950}.article-section p{color:#475569;margin-top:18px;font-size:14px;line-height:1.9}.faq-list{max-width:760px;margin:36px auto 0;padding:0 16px}.faq-item{background:#fff;border:1px solid #e8edf5;border-radius:9px;padding:0 18px}.faq-item+.faq-item{margin-top:10px}.faq-item summary{cursor:pointer;color:#0f172a;padding:17px 0;font-size:13px;font-weight:850}.faq-item p{color:#64748b;margin:0;padding:0 0 17px;font-size:13px;line-height:1.7}.stats-band{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.footer-section{background:#fff;border-top:1px solid #e8edf5}.footer-section a:hover{color:#7c3aed}@media (width<=520px){.btn-primary,.btn-secondary,.tool-button{padding-inline:9px;font-size:13px}.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-shell{min-height:320px;padding:10px}}@media (width<=900px){.tool-editor-layout,.live-preview-section{grid-template-columns:1fr}.feature-grid,.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-preview{max-width:390px;margin:0 auto}}@media (width<=640px){.editor-card,.control-card{border-radius:12px;padding:16px}.editor-card-head{flex-direction:column;align-items:flex-start}.change-image-button{width:100%}.editor-shell-large{aspect-ratio:4/3}.mode-switch button{min-height:56px;padding-inline:8px;font-size:13px}.action-row{grid-template-columns:1fr}.preview-panel{padding:20px 16px}.preview-panel h2{padding-left:0;font-size:18px}.twitter-post{margin-top:24px}.twitter-post-head{grid-template-columns:auto 1fr}.reveal-pill{text-align:center;grid-column:1/-1}.twitter-image-box{height:240px}.split-stage{height:320px}.split-label{font-size:10px}.download-ready-button{width:100%;min-width:0}.content-section,.article-section{padding:58px 0}.feature-grid,.step-grid{grid-template-columns:1fr}.hero-card-before{left:8px}.hero-card-after{right:8px}}.bg-checker{background-color:#fff;background-image:linear-gradient(45deg,#d8dee8 25%,#0000 25%),linear-gradient(-45deg,#d8dee8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8dee8 75%),linear-gradient(-45deg,#0000 75%,#d8dee8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.tabular-nums{font-variant-numeric:tabular-nums}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}