:root{--bg:#f7f7f5;--surface:#fff;--surface-soft:#efefec;--accent-soft:#ecece8;--text:#151515;--muted:#73736f;--line:#deded9;--line-strong:#c8c8c1;--accent:#151515;--danger:#a33a2b;--success:#2f6b4f;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-soft:0 18px 50px #0000000f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}button,input{font:inherit}button:focus-visible,.upload-btn:focus-within{outline:2px solid var(--text);outline-offset:3px}img{max-width:100%}picture{display:block}.app{width:min(1180px,100vw - 40px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 0;display:flex}.site-brand{color:var(--text);letter-spacing:-.035em;align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{flex:0 0 30px;width:30px;height:30px;display:block}.site-header-actions{align-items:center;gap:8px;display:flex}.store-link{border:1px solid var(--line-strong);min-height:38px;color:var(--text);letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:650;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.store-link:hover{border-color:var(--text);background:var(--text);color:#fff}.store-link:focus-visible{outline:2px solid var(--text);outline-offset:3px}.card{box-shadow:none;background:0 0;border:0;border-radius:0}.upload-btn input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;max-width:100%;display:inline-flex;position:relative}.upload-btn span,button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-height:42px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:550;transition:background .16s,border-color .16s,color .16s,opacity .16s;display:inline-flex}.upload-btn span,.primary{border-color:var(--accent);background:var(--accent);color:var(--surface)}button:hover:not(:disabled){border-color:var(--text);background:var(--surface-soft)}.upload-btn span:hover,.primary:hover:not(:disabled){color:#fff;background:#000;border-color:#000}button:disabled{cursor:not-allowed;opacity:.42}.layout{grid-template-columns:282px minmax(0,1fr);grid-template-areas:"sidebar preview";align-items:start;gap:26px;display:grid}.sidebar{grid-area:sidebar;padding:0;position:sticky;top:18px}.preview-card{grid-area:preview;align-self:start;padding:0}.step{background:0 0;border:0;border-radius:0;padding:0 0 18px}.step+.step{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.step-title{letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:500;display:flex}.num{display:none}.shape-accordion{overflow-anchor:none;border-top:0;gap:0;display:grid}.shape-category{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;overflow:visible}.shape-category-head{width:100%;min-height:42px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.shape-category-head:hover:not(:disabled){color:#000;background:0 0;transform:none}.shape-category-left{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.shape-category-icon{display:none}.shape-category-text{align-items:baseline;gap:10px;min-width:0;display:flex}.shape-category-title{text-align:left;font-size:13px;font-weight:500;line-height:1.15}.shape-category-count{color:#8a8a8a;text-align:left;white-space:nowrap;margin-top:0;font-size:11px;font-weight:400}.shape-category-arrow{color:#606060;text-align:right;flex:none;width:24px;font-size:22px;font-weight:300;line-height:1;transition:transform .18s}.shape-category.open .shape-category-arrow{transform:rotate(90deg)}.shape-category-body{padding:0 0 14px;display:none}.shape-category.open .shape-category-body{display:block}.shape-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.shape-icon-button{border:1px solid var(--line);background:var(--surface);min-height:42px;box-shadow:none;border-radius:2px;place-items:center;padding:5px;display:grid}.shape-icon-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--line-strong);transform:none}.shape-icon-button.active{border-color:var(--text);background:var(--surface);outline:0}.shape-icon-button canvas{width:34px;height:34px;display:block}.preview-head{border-bottom:1px solid var(--line);min-height:38px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;font-size:12px;font-weight:500;display:flex}.preview-workspace{grid-template-columns:minmax(440px,1fr) 316px;align-items:start;gap:22px;display:grid}.preview-canvas-column{min-width:0}.canvas-wrap{aspect-ratio:1;border:1px solid var(--line-strong);background-color:#fff;background-image:linear-gradient(45deg,#ededed 25%,#0000 25%),linear-gradient(-45deg,#ededed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ededed 75%),linear-gradient(-45deg,#0000 75%,#ededed 75%),none;background-position:0 0,0 16px,16px -16px,-16px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:0;width:min(100%,clamp(440px,100vh - 170px,590px));margin:0 auto;position:relative;overflow:hidden}canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.canvas-wrap.drag-over{border-color:var(--text);outline:2px solid #1515151f}.editor-controls{border:0;border-left:1px solid var(--line);background:0 0;border-radius:0;width:100%;margin:0;padding:0 0 0 22px}.editor-controls-grid{border-top:0;grid-template-columns:1fr;gap:0;display:grid}.control-row{gap:8px;margin-top:0;display:grid}.control-row:first-child{margin-top:0}.control-row label{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;font-weight:400;line-height:1.25;display:flex}.editor-controls-grid .control-row{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:7px;min-width:0;margin-top:0;padding:14px 0}.editor-controls-grid .control-row label{font-size:12px;font-weight:400;line-height:1.2}.editor-controls-grid .control-row output{color:var(--text);font-weight:500}input[type=range]{width:100%;accent-color:var(--text)}.editor-controls-grid input[type=range]{height:16px}@media (width>=1101px){.editor-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.editor-controls-grid .control-row{padding:12px 0}}.hidden{display:none!important}.compact-options{border-top:1px solid var(--line);gap:12px;margin-top:14px;padding-top:14px;display:grid}.option-block{border-top:0;gap:8px;margin-top:0;padding-top:0;display:grid}.option-label{color:var(--muted);margin:0;font-size:12px;font-weight:400}.segmented{flex-wrap:wrap;gap:6px;display:flex}.chip-button{min-height:32px;box-shadow:none;background:0 0;border-radius:2px;padding:5px 9px;font-size:12px;font-weight:400}.chip-button.active{border-color:var(--text);background:var(--surface);color:var(--text);outline:0}.variant-chip{width:34px;min-width:34px;padding:0}.variant-icon{opacity:.8;border:1.5px solid;border-radius:1px;display:block}.variant-square-icon{width:16px;height:16px}.variant-vertical-icon{width:12px;height:20px}.variant-horizontal-icon{width:20px;height:12px}.tool-buttons{flex-wrap:wrap;gap:6px;display:flex}.tool-button{min-height:32px;box-shadow:none;background:0 0;border-radius:2px;padding:6px 9px;font-size:12px;font-weight:400}@media (width>=1101px){.compact-options{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:16px}.compact-options .tool-buttons{flex-wrap:nowrap;justify-content:flex-end}.compact-options.without-variant{grid-template-columns:1fr}.compact-options.without-variant .tool-buttons{justify-content:flex-start}}.tool-button.active{border-color:var(--text);background:var(--surface);color:var(--text);outline:0}.download-actions{border-top:1px solid var(--line);grid-template-columns:1fr;align-items:start;gap:8px;margin-top:16px;padding-top:16px;display:grid}.download-actions .primary,.download-actions .primary:disabled{border-color:var(--accent);background:var(--accent);width:100%;min-height:40px;color:var(--surface);opacity:1;font-size:13px;font-weight:500}.download-primary-action{gap:7px;display:grid}.mobile-action-bar{display:contents}.mobile-shape-button,.mobile-processing-options,.mobile-replace-button,.mobile-shapes-close,.mobile-shapes-backdrop,.desktop-processing-options{display:none}.export-info{color:var(--muted);letter-spacing:.01em;margin:0 0 1px;font-size:11px;line-height:1.3}.subtle-button{width:100%;min-height:38px;color:var(--text);box-shadow:none;white-space:nowrap;background:0 0;margin-top:0;padding-inline:12px;font-size:13px;font-weight:400}.mobile-new-image{border-color:var(--text);background:var(--surface);color:var(--text);display:none}.mobile-new-image:hover:not(:disabled){background:var(--surface-soft)}@media (width>=901px){.gesture-control{display:grid}}@media (width<=900px){.gesture-control{display:none}}.gesture-hint{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12px;line-height:1.35}@media (width>=901px){.gesture-hint{display:none}}.status{color:var(--muted);white-space:pre-wrap;margin:8px 0 0;font-size:12px;line-height:1.3;display:none}.hero .status{width:min(100%,520px)}.preview-card>.status{margin-bottom:10px}.status.ok{color:var(--success)}.status.error{color:var(--danger);display:block}.intro-examples{border-bottom:1px solid var(--line);margin:-2px 0 22px;padding:0 0 18px}@media (width>=901px) and (height<=760px){.canvas-wrap{width:min(100%,clamp(420px,100vh - 170px,555px))}.shape-category-count{display:none}.editor-controls-grid .control-row{padding:11px 0}}@media (width<=1100px){.preview-workspace{display:block}.canvas-wrap{width:min(100%,clamp(430px,100vh - 230px,560px))}.editor-controls{border-left:0;border-top:1px solid var(--line);width:min(100%,560px);margin:14px auto 0;padding:16px 0 0}.editor-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.download-actions{grid-template-columns:1fr}}@media (width<=900px){.app{width:min(100vw - 24px,1180px)}.layout{grid-template-columns:1fr;grid-template-areas:"preview""sidebar";gap:20px}.sidebar{position:static}.preview-workspace{display:block}.canvas-wrap{width:min(100%,680px)}.editor-controls{border-top:0;border-left:0;width:min(100%,680px);margin:4px auto 0;padding:0}.shape-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-controls-grid,.download-actions{grid-template-columns:1fr}.subtle-button{width:100%}}.hero{text-align:center;border-bottom:1px solid var(--line);place-content:center;justify-items:center;gap:15px;min-height:min(690px,78vh);padding:70px 0;display:grid}.hero h1{letter-spacing:-.068em;max-width:940px;margin:0;font-size:clamp(46px,7.1vw,88px);font-weight:530;line-height:.93}.hero .muted{max-width:670px;color:var(--muted);margin:4px 0 10px;font-size:clamp(16px,1.55vw,19px);line-height:1.5}.hero .upload-btn span{border-radius:10px;width:min(270px,100%);min-width:0;min-height:54px;padding-inline:26px;font-size:16px}.hero-drop-note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.hero.drag-over{outline:1px dashed var(--line-strong);outline-offset:-14px}.app:not(.has-image) .layout,.app.has-image .hero{display:none}.app.has-image .layout{border-bottom:1px solid var(--line);padding:28px 0 72px;display:grid}.marketing{width:min(1080px,100%);margin:0 auto}.section-kicker{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:600}.example-section{border-bottom:1px solid var(--line);padding:clamp(76px,8vw,96px) 0 clamp(64px,7vw,84px)}.section-heading{text-align:center;justify-items:center;margin-bottom:26px;display:grid}.section-heading h2{letter-spacing:-.058em;max-width:760px;margin:0;font-size:clamp(34px,5vw,58px);font-weight:520;line-height:.98}.shape-proof{grid-template-columns:minmax(250px,.82fr) 52px minmax(0,1.58fr);align-items:center;gap:18px;display:grid}.proof-group{min-width:0}.proof-label{color:var(--muted);letter-spacing:.02em;margin:0 0 10px;font-size:12px;font-weight:600;display:block}.original-frame,.result-tile{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);height:clamp(218px,23vw,272px);overflow:hidden}.original-frame img{object-fit:cover;object-position:50% 28%;width:100%;height:100%;display:block}.transform-arrow{border:1px solid var(--line);background:var(--surface);color:#0000;border-radius:999px;justify-self:center;width:42px;height:42px;margin-top:23px;font-size:0;display:block;position:relative;overflow:hidden}.transform-arrow:before,.transform-arrow:after{content:"";color:var(--muted);display:block;position:absolute}.transform-arrow:before{background:var(--muted);width:13px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.transform-arrow:after{border-top:1.5px solid var(--muted);border-right:1.5px solid var(--muted);width:6px;height:6px;top:50%;left:50%;transform:translate(1px,-50%)rotate(45deg)}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.result-tile{background-color:#f8f8f6;background-image:linear-gradient(45deg,#e9e9e5 25%,#0000 25%),linear-gradient(-45deg,#e9e9e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e9e5 75%),linear-gradient(-45deg,#0000 75%,#e9e9e5 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;padding:clamp(16px,2vw,24px);display:grid}.result-shape{aspect-ratio:1;filter:drop-shadow(0 14px 20px #00000021);width:min(100%,174px);overflow:hidden}.result-shape img{object-fit:cover;object-position:50% 28%;width:100%;height:100%;display:block;transform:scale(1.04)}.result-circle{border-radius:50%}.result-blob{border-radius:62% 38% 68% 32%/36% 64%;transform:rotate(-4deg)scale(.94)}.result-blob img{transform:rotate(4deg)scale(1.12)}.result-arch{aspect-ratio:.78;border-radius:999px 999px 14px 14px}.use-words{border-bottom:1px solid var(--line);text-align:center;padding:clamp(70px,8vw,112px) 0}.use-word-list{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px 22px;max-width:1040px;margin:0 auto;display:flex}.use-word-list span{letter-spacing:-.06em;font-size:clamp(32px,5.4vw,67px);font-weight:520;line-height:1}.use-word-list span:not(:last-child):after{content:"·";color:#b7b7b1;margin-left:22px}.applications-section{padding:clamp(74px,9vw,126px) 0 90px}.applications-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.applications-head h2{letter-spacing:-.058em;max-width:650px;margin:0;font-size:clamp(34px,5vw,58px);font-weight:520;line-height:.98}.applications-head p{max-width:360px;color:var(--muted);margin:0 0 5px;font-size:14px;line-height:1.5}.application-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.application-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;min-width:0;box-shadow:var(--shadow-soft);margin:0;position:relative;overflow:hidden}.application-card>figcaption{z-index:5;color:#fff;letter-spacing:.02em;background:#141414e0;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:600;position:absolute;bottom:14px;left:14px}.story-visual{aspect-ratio:.72;grid-column:span 4}.post-visual{aspect-ratio:1.46;grid-column:span 8}.website-visual{aspect-ratio:1.48;grid-column:span 7}.presentation-visual{aspect-ratio:1;grid-column:span 5}.application-image-art{background:#000;place-items:center;display:grid;position:absolute;inset:0}.application-image-art img{object-fit:contain;width:100%;height:100%;display:block}.seo-overview,.how-it-works{border-top:1px solid var(--line);padding:clamp(64px,8vw,104px) 0}.seo-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,6vw,86px);display:grid}.seo-overview h2,.seo-section-heading h2,.privacy-note h2{letter-spacing:-.058em;max-width:620px;margin:0;font-size:clamp(32px,4.8vw,54px);font-weight:520;line-height:.98}.seo-overview-copy{max-width:570px;color:var(--muted);padding-top:26px;font-size:15px;line-height:1.6}.seo-overview-copy p{margin:0}.seo-overview-copy p+p{margin-top:16px}.seo-section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.seo-section-heading>p{max-width:330px;color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.5}.seo-step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0 0;padding:0;list-style:none;display:grid}.seo-step{border-top:1px solid var(--line-strong);min-width:0;min-height:174px;padding:16px 0 0}.seo-step-number{color:var(--muted);letter-spacing:.08em;margin-bottom:30px;font-size:11px;font-weight:600;display:block}.seo-step h3{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:600}.seo-step p{max-width:250px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.privacy-note{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);align-items:end;gap:clamp(28px,6vw,82px);margin:0 0 clamp(52px,7vw,84px);padding:clamp(26px,4vw,42px);display:grid}.privacy-note h2{max-width:560px}.privacy-note p:not(.section-kicker){max-width:600px;color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.6}.privacy-benefits{color:var(--text);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;padding:0;font-size:12px;font-weight:600;list-style:none;display:grid}.privacy-benefits li{border-top:1px solid var(--line-strong);padding-top:10px}@media (width<=900px){.seo-overview{grid-template-columns:1fr;gap:20px}.seo-overview-copy{padding-top:0}.seo-section-heading{display:block}.seo-section-heading>p{margin-top:14px}.privacy-note{grid-template-columns:1fr;align-items:start;gap:28px}}@media (width<=560px){.seo-overview,.how-it-works{padding:58px 0}.seo-step-list{grid-template-columns:1fr;gap:18px;margin-top:28px}.seo-step{min-height:0}.seo-step-number{margin-bottom:18px}.privacy-note{border-radius:18px;gap:24px;margin-bottom:52px;padding:24px 18px}.privacy-benefits{grid-template-columns:1fr}}.site-footer{background:var(--text);color:#ffffff9e;border:1px solid #292929;border-radius:24px;gap:32px;margin-top:28px;padding:34px clamp(20px,4vw,42px) 22px;font-size:12px;display:grid}.site-footer-main{grid-template-columns:minmax(180px,.9fr) minmax(300px,1.1fr);align-items:start;gap:48px;display:grid}.site-footer-identity{align-content:start;gap:9px;display:grid}.site-footer-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:9px;width:fit-content;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.site-footer-brand .brand-mark{flex-basis:24px;width:24px;height:24px}.site-footer-description{color:#ffffff94;max-width:290px;margin:0;line-height:1.5}.site-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;align-items:start;gap:24px;display:grid}.site-footer-group{align-content:start;gap:7px;display:grid}.site-footer-group-label{color:#ffffff9e;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:650}.site-footer-links a{color:#ffffffe6;line-height:1.4;text-decoration:none;transition:color .18s}.site-footer-links a:hover{color:#fff}.site-footer-bottom{color:#ffffff7a;border-top:1px solid #ffffff24;justify-content:space-between;gap:20px;padding-top:16px;font-size:10px;display:flex}@media (width<=760px){.site-footer{border-radius:20px;gap:26px;padding:28px 22px 20px}.site-footer-main{grid-template-columns:1fr;gap:26px}.site-footer-links{gap:18px}.site-footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=430px){.site-footer{border-radius:18px;gap:24px;padding:24px 18px 18px}.site-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.site-footer-group:last-child{grid-column:1/-1}}@media (width<=900px){.hero{min-height:610px;padding:56px 0}.hero h1{font-size:clamp(44px,14.6vw,68px)}.hero .muted{font-size:16px}.hero .upload-btn,.hero .upload-btn span{width:100%}.hero .upload-btn{max-width:340px}.app.has-image .layout{padding:20px 0 54px}.shape-proof{grid-template-columns:minmax(220px,.82fr) 42px minmax(0,1.45fr);gap:12px}.result-grid{gap:8px}.original-frame,.result-tile{height:clamp(190px,25vw,230px)}.result-tile{padding:14px}.applications-head{display:block}.applications-head p{margin-top:14px}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.story-visual,.post-visual,.website-visual,.presentation-visual{aspect-ratio:1;grid-column:auto}.presentation-visual{aspect-ratio:1}}@media (width>=561px) and (width<=900px){.application-grid{gap:12px 8px}}@media (width<=560px){.hero{min-height:560px}.app.has-image .hero .upload-btn span{font-size:12px}.example-section{padding-top:32px;padding-bottom:58px}.section-heading{margin-bottom:22px}.shape-proof{grid-template-columns:1fr;gap:14px;max-width:520px;margin:0 auto}.transform-arrow{width:36px;height:36px;margin:0;transform:none}.transform-arrow:before{width:1.5px;height:13px}.transform-arrow:after{border-top:0;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:6px;height:6px;transform:translate(-50%,1px)rotate(45deg)}.original-frame{height:224px}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.application-grid{grid-template-columns:1fr}.story-visual,.post-visual,.website-visual,.presentation-visual{aspect-ratio:1.08}.story-visual{aspect-ratio:.78}.presentation-visual{aspect-ratio:1}.result-tile{border-radius:10px;height:170px;padding:10px}.proof-label{margin-bottom:8px}.use-word-list{gap:5px 12px}.use-word-list span:not(:last-child):after{margin-left:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}@media (width<=1100px){.mobile-new-image{display:inline-flex}.editor-controls{margin-top:4px;padding-top:0}.editor-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.editor-controls-grid .control-row{gap:5px;padding:10px 0}.editor-controls-grid input[type=range]{height:14px}.compact-options{border-top:0;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:0;padding-top:0;display:flex}.compact-options .option-block{flex:none}.compact-options #variantBlock:not(.hidden){margin-top:4px}.segmented,.tool-buttons{flex-wrap:nowrap}.tool-button{white-space:nowrap;padding-inline:8px}.download-actions{border-top:0;margin-top:12px;padding-top:12px}}@media (width<=900px){:root{--mobile-action-bar-height:76px}body.mobile-shapes-open{overflow:hidden}.app.has-image .layout{border-bottom:0;padding-bottom:88px}.app.has-image .download-actions{margin-top:0;padding-top:0}.app.has-image .mobile-action-bar{z-index:34;min-height:var(--mobile-action-bar-height);padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom));border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f7f5f5;border-bottom:0;border-left:0;border-right:0;border-radius:0;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1515151a}.app.has-image .mobile-shape-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:52px;color:var(--text);text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.mobile-shape-copy{gap:2px;min-width:0;display:grid}.mobile-shape-copy small{color:var(--muted);font-size:10px;line-height:1}.mobile-shape-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;line-height:1.2;overflow:hidden}.mobile-shape-chevron{color:var(--muted);border-bottom:1.5px solid;border-right:1.5px solid;flex:0 0 8px;width:8px;height:8px;transition:transform .18s;transform:rotate(45deg)translateY(-2px)}.app.has-image.mobile-shapes-open .mobile-shape-chevron{transform:rotate(225deg)translate(-1px,-1px)}.app.has-image .download-primary-action{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:4px;padding:0;display:grid;position:static}.app.has-image .download-primary-action .export-info{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.app.has-image .download-primary-action .primary{min-height:52px}.app.has-image .sidebar{left:0;right:0;bottom:calc(var(--mobile-action-bar-height) + env(safe-area-inset-bottom));z-index:32;height:calc(100vh - var(--mobile-action-bar-height) - env(safe-area-inset-bottom));max-height:calc(100vh - var(--mobile-action-bar-height) - env(safe-area-inset-bottom));height:calc(100dvh - var(--mobile-action-bar-height) - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--mobile-action-bar-height) - env(safe-area-inset-bottom));border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:0;border-left:0;border-right:0;border:1px solid var(--line-strong);background:var(--bg);opacity:0;pointer-events:none;padding:10px 12px 12px;transition:opacity .18s,transform .18s;position:fixed;overflow-y:auto;transform:translateY(calc(100% + 24px));box-shadow:0 18px 50px #15151529}.app.has-image.mobile-shapes-open .sidebar{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-shapes-close{border-radius:var(--radius-sm);border-color:var(--line-strong);background:var(--surface);width:100%;min-height:40px;color:var(--text);margin:8px 0 0;padding:7px 10px;font-size:12px;display:flex}.mobile-shapes-close:hover:not(:disabled){border-color:var(--text);background:var(--surface-soft)}.app.has-image .shape-icon-button.active{border-color:var(--text);background:var(--surface)}.mobile-shapes-backdrop{z-index:31;background:#1515152e;border:0;border-radius:0;width:100%;min-height:0;padding:0;display:block;position:fixed;inset:0}.editor-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}}@media (width<=430px){.compact-options{gap:8px}.segmented,.tool-buttons{gap:4px}.variant-chip{width:32px;min-width:32px}.tool-button{min-height:32px;padding-inline:7px;font-size:11px}}@media (width>=561px) and (width<=1100px){.application-grid{grid-template-columns:repeat(13,minmax(0,1fr));align-items:start;gap:14px}.story-visual{aspect-ratio:1;grid-column:span 6}.post-visual,.website-visual{aspect-ratio:1;grid-column:span 7}.presentation-visual{aspect-ratio:1;grid-column:span 6}}.more-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:16px}.more-options summary{min-height:38px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:550;list-style:none;display:flex}.more-options summary::-webkit-details-marker{display:none}.more-options summary:focus{outline:none}.more-options summary:focus-visible{outline:1px solid var(--text);outline-offset:3px}.more-options-summary-right{align-items:center;gap:9px;display:inline-flex}.more-options-chevron{color:var(--text);font-size:24px;font-weight:400;line-height:1;transition:transform .16s;transform:rotate(90deg)}.more-options[open] summary{justify-content:center}.more-options[open] .more-options-label{display:none}.more-options[open] .more-options-summary-right{justify-content:center;width:100%}.more-options[open] .more-options-chevron{transform:rotate(-90deg)}.more-options-body{gap:8px;padding:0 0 12px;display:grid}.replace-image-btn{display:none}@media (width>=901px){.desktop-processing-options{flex:none;align-items:center;gap:6px;display:flex}.desktop-processing-options .processing-option{white-space:nowrap;width:auto;min-height:34px;padding:6px 9px}.app.has-image .preview-head .replace-image-btn{max-width:180px;display:inline-flex}.app.has-image .preview-head .replace-image-btn span{min-height:34px;padding-inline:12px;font-size:12px}}@media (width<=900px){.site-header{min-height:62px;padding:14px 0}.site-brand{font-size:16px}.app.has-image .hero .upload-btn,.app.has-image .preview-head .replace-image-btn{display:none}.app.has-image .preview-head{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;display:grid}.app.has-image .preview-title{display:none}.app.has-image .preview-head .mobile-shape-button{grid-area:1/1;width:100%;min-height:44px;padding:6px 8px}.app.has-image .mobile-shape-copy{align-items:baseline;gap:5px;display:flex;overflow:hidden}.app.has-image .mobile-shape-copy strong{text-overflow:ellipsis;min-width:0}.app.has-image .mobile-processing-options{grid-area:1/2;justify-content:flex-end;min-width:0;display:flex}.app.has-image .mobile-processing-options .processing-option-action{border-color:var(--line-strong);background:var(--surface);width:auto;min-width:0;max-width:100%;min-height:44px;color:var(--text);white-space:nowrap;gap:5px;padding:5px 8px;font-size:10px;line-height:1.1}.app.has-image .mobile-processing-options .processing-option-action:hover:not(:disabled){background:var(--surface-soft)}.app.has-image.mobile-shapes-open .mobile-shape-button,.app.has-image .mobile-processing-options .processing-option-action:active{border-color:var(--text);background:var(--surface);color:var(--text)}.app.has-image .mobile-processing-options .processing-icon{flex-basis:12px;width:12px;height:12px}.app.has-image .mobile-replace-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:0;height:52px;min-height:52px;color:var(--text);white-space:nowrap;align-self:end;padding:7px 9px;font-size:12px;display:inline-flex}}.setting-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:9px;width:100%;min-height:46px;padding:8px 10px;transition:background .16s,border-color .16s;display:flex}.setting-toggle:hover{border-color:var(--line-strong);background:var(--surface-soft)}.setting-toggle:has(input:checked){border-color:var(--text);background:var(--surface)}.setting-toggle input{width:15px;height:15px;accent-color:var(--text);flex:0 0 15px;margin:0}.setting-toggle-copy{flex:auto;gap:2px;min-width:0;display:grid}.setting-toggle-copy strong{font-size:12px;font-weight:600}.setting-toggle-copy small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.3}.exact-size-controls{gap:5px;padding:1px 0 2px 24px;display:grid}.exact-size-controls .select-wrap{width:100%}.exact-size-controls .select-wrap select{min-height:36px}.processing-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.processing-option{border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;min-height:34px;color:var(--muted);text-align:left;background:0 0;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:11px;font-weight:500;line-height:1.2;display:flex}.processing-option-selected{border-color:var(--text);background:var(--surface);color:var(--text)}.processing-option-action{cursor:pointer;width:100%}.processing-option-action:hover:not(:disabled){border-color:var(--text);background:var(--surface-soft);color:var(--text)}.processing-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 13px;width:13px;height:13px}.batch-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.select-wrap{align-items:center;gap:8px;display:flex}.select-wrap select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:38px;color:var(--text);padding:8px 28px 8px 10px;font-size:12px}.select-wrap select:focus-visible{outline:2px solid var(--text);outline-offset:2px}.custom-size-block{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.custom-size-block input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:92px;min-height:34px;color:var(--text);padding:7px 9px;font-size:12px}.more-options input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.shape-icon-button:not(.active):hover:not(:disabled){border-color:var(--line);background:var(--surface)}.shape-icon-button.active:hover:not(:disabled),.chip-button.active:hover:not(:disabled),.tool-button.active:hover:not(:disabled){border-color:var(--text);background:var(--surface)}.chip-button:not(.active):hover:not(:disabled),.tool-button:not(.active):hover:not(:disabled){border-color:var(--line-strong);background:0 0}.mobile-shape-button:hover:not(:disabled),.mobile-replace-button:hover:not(:disabled),.mobile-new-image:hover:not(:disabled),.mobile-shapes-close:hover:not(:disabled),.app.has-image .mobile-processing-options .processing-option-action:hover:not(:disabled),.processing-option-action:not(.processing-option-selected):hover:not(:disabled){border-color:var(--line-strong);background:var(--surface)}.processing-option-selected:hover:not(:disabled){background:var(--surface)}.setting-toggle:has(input:checked):hover{background:var(--surface)}.setting-toggle:not(:has(input:checked)):hover{border-color:var(--line);background:0 0}}