:root{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;--paper: #f0f2f5;--panel: #fff;--ink: #20242a;--muted: #59616c;--accent: #2368b5;--accent-hover: #19548f;--wash: #e9edf2;--line: #d6dbe2;--control-border: #737b85;--control-hover: #d6dbe2;--shadow: #20242a14;--danger: oklch(43% .17 28);--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-section: 48px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}[hidden]{display:none!important}h1,h2,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button,a,input,select,textarea,summary{outline-offset:4px}:focus-visible{outline:3px solid var(--accent)}a{color:var(--accent);text-underline-offset:4px}button{color:var(--ink);border:1px solid var(--control-border);border-radius:6px;background:var(--wash);padding:var(--space-sm) var(--space-md);min-height:48px;font-weight:700;cursor:pointer}button:hover:not(:disabled){background:var(--control-hover)}button:active:not(:disabled){box-shadow:inset 0 2px 4px var(--shadow)}button:disabled{background:var(--wash);color:var(--muted);border-color:var(--line);cursor:not-allowed}[aria-busy=true] button:disabled{cursor:wait}input,select,textarea{width:100%;min-width:0;min-height:48px;border:1px solid var(--control-border);border-radius:6px;background:var(--panel);padding:var(--space-sm) var(--space-md);line-height:1.5}textarea{resize:vertical;min-height:144px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}label{display:block;font-weight:700;margin:var(--space-lg) 0 var(--space-sm)}main{max-width:1248px;margin:auto;padding:var(--space-xl) var(--space-md)}.intro{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 3px var(--shadow)}h1{font-family:Trebuchet MS,Tahoma,sans-serif;font-size:clamp(1.5625rem,3vw,2rem);font-weight:700;line-height:1.2;letter-spacing:-.035em}.intro p{font-family:Trebuchet MS,Tahoma,sans-serif;margin-top:var(--space-sm);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.035em;max-width:30ch}.intro-help{margin-top:var(--space-md);color:var(--muted);line-height:1.5}.site-header{background:var(--accent);color:var(--panel)}.header-inner{max-width:1248px;margin:auto;padding:var(--space-md);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-lg)}.site-header a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:48px;font-family:Trebuchet MS,Tahoma,sans-serif;font-size:1.5625rem;font-weight:700;letter-spacing:-.04em}.brand img{flex-shrink:0}.site-header nav{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.site-header nav a{padding:var(--space-md);border-radius:6px;font-weight:700}.site-header nav a:hover{background:var(--accent-hover)}.site-header :focus-visible{outline-color:var(--panel)}.credit-summary{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md);font-size:1rem}#credit-balance{min-width:20ch}.credit-summary button{color:var(--ink);background:var(--panel)}.credit-summary button:disabled{color:var(--muted);background:var(--wash);box-shadow:none}#credit-message{flex-basis:100%;max-width:60ch;line-height:1.5}#credit-message:empty{display:none}#editor,#saved-photos{scroll-margin-top:var(--space-lg)}h2{font-size:1.25rem;font-weight:700;line-height:1.25}.workspace{display:grid;gap:var(--space-lg);align-items:start}.canvas-panel{min-width:0;padding:var(--space-md);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 3px var(--shadow)}.panel-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.stage{position:relative;display:grid;place-items:center;background:var(--wash);border:1px solid var(--line);border-radius:6px;min-height:280px;overflow:hidden}.canvas-wrap{position:relative;line-height:0;width:100%}canvas,.canvas-wrap img{width:100%;height:auto;display:block}#overlay{position:absolute;inset:0;pointer-events:none}#loading-image{position:absolute;inset:0;width:100%;border:1px dashed var(--control-border);outline-offset:-8px;padding:var(--space-lg);text-align:center;font-weight:600;line-height:1.5}#loading-image span{font-weight:400}.hint,#status{margin-top:var(--space-md);font-size:1rem;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;max-width:65ch}#status:empty,#segment-status:empty{display:none}#status.error{color:var(--danger);font-weight:700}#segment-status:not(:empty){color:var(--ink);font-weight:700}.result-section{border-top:1px solid var(--line);margin-top:var(--space-xl);padding-top:var(--space-lg)}#result-empty{padding:var(--space-lg) 0;color:var(--muted);line-height:1.5}#result{display:block;width:auto;max-width:min(160px,100%);max-height:120px;height:auto;border:1px solid var(--line);border-radius:6px}.settings{display:grid;gap:var(--space-lg)}.settings section{min-width:0;padding:var(--space-lg) var(--space-md);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 3px var(--shadow)}.full{width:100%;margin-top:var(--space-lg)}.primary{background:var(--accent);color:var(--panel);border-color:var(--accent)}.primary:hover:not(:disabled){background:var(--accent-hover)}#provider-link,#download{display:inline-flex;align-items:center;min-height:48px}.key-field{display:flex;gap:var(--space-sm)}.key-field input{flex:1}.key-field button{flex:0 0 auto}.history-section{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 3px var(--shadow)}#history{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,224px),1fr));gap:var(--space-md);margin-top:var(--space-md)}.saved-photo{min-width:0}.saved-photo a{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none}.saved-photo a:hover{background:var(--wash)}.saved-photo img{width:100%;aspect-ratio:4 / 3;object-fit:contain;display:block;background:var(--wash)}.saved-photo span{display:block;padding:var(--space-md);line-height:1.5;overflow-wrap:anywhere}footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--line)}summary{display:inline-block;cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:var(--space-sm) 0;min-height:48px;list-style:none}summary::-webkit-details-marker{display:none}footer p{line-height:1.5;max-width:65ch;margin-top:var(--space-sm)}@media(min-width:768px){main{padding:var(--space-lg) var(--space-xl)}.header-inner{padding:var(--space-sm) var(--space-xl)}.intro{padding:var(--space-xl)}.canvas-panel{padding:var(--space-lg)}.settings{grid-template-columns:1fr 1fr}.settings section{padding:var(--space-lg)}.stage{min-height:384px}}@media(min-width:1024px){.workspace{grid-template-columns:minmax(0,1fr) 384px}.settings{grid-template-columns:1fr}.settings section{padding:var(--space-lg)}}@media(prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}}.agent-view{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;--paper: #fafafa;--panel: #fff;--ink: #202020;--muted: #575757;--accent: #303030;--accent-hover: #111;--wash: #f2f2f2;--line: #ccc;--control-border: #737373;--control-hover: #dedede}.agent-view .site-header{background:var(--panel);color:var(--ink);border-bottom:1px solid var(--line)}.agent-view .site-header nav a:hover{background:var(--wash)}.agent-view .site-header :focus-visible{outline-color:var(--ink)}.agent-view .brand,.agent-view h1,.agent-view .intro p{font-family:inherit;letter-spacing:-.04em}.agent-view .brand{font-size:1rem}.agent-view .intro{padding:0 0 24px;border:0;background:none}.agent-view .intro-help{display:none}.agent-view .intro h1,.agent-view .site-header nav a,.agent-view .settings h2,.agent-view .canvas-panel>.panel-heading h2,.agent-view .settings section:first-child>.hint:not(#segment-status):not(#run-cost),.agent-view .result-section:has(#result[hidden]){display:none}html:not(.agent-view) main>details>summary,html:not(.agent-view) .provider-options>summary{display:none}.agent-view main,.agent-view .header-inner{max-width:880px}.agent-view .workspace,.agent-view .settings{grid-template-columns:1fr;gap:24px;min-width:0}.agent-view :is(.canvas-panel,.settings section,.history-section){border:0;background:none;padding:0}.agent-view .stage{min-height:160px}.agent-view .canvas-wrap{max-width:480px}.agent-view .settings label{margin-top:0}.agent-view .provider-options{margin-bottom:16px}.agent-view main>details,.agent-view main>footer{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.agent-view .settings section:last-child>.hint:not(#status){margin-top:8px}.agent-view h1{font-size:1rem;font-weight:400}.agent-view .intro p{font-size:clamp(2rem,3.5vw,2.5rem)}.agent-view h2{font-size:1rem}.agent-view :is(button,input,select,textarea,.intro,.canvas-panel,.settings section,.history-section,.stage,#result,.saved-photo a){border-radius:0;box-shadow:none}#agent-contract{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));overflow:auto;z-index:11;padding:24px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 32px #0003;animation:fly-up .16s ease-out;line-height:1.6;overflow-wrap:anywhere}#api-close{float:right;margin-left:16px}@keyframes fly-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#agent-contract{animation:none}}#history-status:empty{display:none}#refresh-history{padding-left:0;background:none;border:0;box-shadow:none;font-size:inherit}#agent-contract p{margin-top:16px;color:var(--muted)}#agent-contract dt{font-weight:700;margin-top:16px}#agent-contract dd{margin:8px 0 0;max-width:85ch}.neo-view{font-family:Arial,sans-serif;--paper: #f7f1df;--panel: #fffdf6;--ink: #191919;--muted: #49453e;--accent: #191919;--accent-hover: #37332d;--wash: #f6df76;--line: #191919;--control-border: #191919;--control-hover: #ecd05a}.neo-view .site-header{background:var(--wash);color:var(--ink);border-bottom:3px solid var(--ink)}.neo-view .site-header nav a:hover{background:var(--panel)}.neo-view .site-header :focus-visible{outline-color:var(--ink)}.neo-view :is(.brand,h1,.intro p){font-family:inherit;font-weight:900}.neo-view :is(.intro,.canvas-panel,.settings section,.history-section){border:3px solid var(--ink);border-radius:0;box-shadow:6px 6px 0 var(--ink)}.neo-view :is(button,input,textarea,select,.stage,#result,.saved-photo a){border:2px solid var(--ink);border-radius:0}.neo-view button{box-shadow:3px 3px 0 var(--ink)}.neo-view button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}#view-switcher{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:10;display:flex;gap:4px;padding:8px;background:#fff;border:1px solid #ccc;border-radius:40px;box-shadow:0 4px 16px #0003}#view-switcher button{--switch-bg: #fff;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:60px;height:48px;padding:8px;border:1px solid transparent;border-radius:24px;background:var(--switch-bg);color:#303030;box-shadow:none;transform:none;font:700 16px ui-monospace,monospace}#view-switcher button:hover{--switch-bg: #eee}#view-switcher button[aria-pressed=true]{--switch-bg: #202020;color:#fff}#view-switcher svg{width:24px;height:24px}.view-tooltip{display:none;position:absolute;bottom:100%;right:0;padding:8px 12px;border-radius:4px;background:#202020;color:#fff;font-size:14px}#view-switcher button:is(:hover,:focus-visible) .view-tooltip{display:block}#view-switcher.tooltips-dismissed button .view-tooltip{display:none}@media(prefers-reduced-motion:reduce){.neo-view button:active:not(:disabled){transform:none}}html:not(.agent-view):not(.neo-view) .settings h2{padding:12px 16px;background:#eef3f9;border-bottom:1px solid #d6dbe2;border-radius:6px 6px 0 0}html:not(.agent-view):not(.neo-view) :is(.brand,h1,.intro p){font-family:Arial,Helvetica,sans-serif}.hero{margin-bottom:var(--space-lg)}.agent-view .hero h1{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;text-wrap:balance}.hero p{margin-top:var(--space-sm);max-width:65ch;color:var(--muted);line-height:1.5}.home-section{margin-top:var(--space-section);padding-top:var(--space-lg);border-top:1px solid var(--line);line-height:1.6}.home-section h2{margin-bottom:var(--space-md)}.home-section h3{margin:0 0 var(--space-sm);font-size:1rem;line-height:1.4}.home-section>p,.faq p{max-width:70ch;margin-bottom:var(--space-md)}.home-section ul:not(.home-grid,.guide-list){margin:0 0 var(--space-md);padding-left:var(--space-lg)}.home-section :is(ul,ol):not(.home-grid)>li+li{margin-top:var(--space-sm)}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-md);margin:0 0 var(--space-md);padding:0;list-style:none}.home-grid>*{min-width:0;padding:var(--space-md);background:var(--panel);border:1px solid var(--line)}.home-grid ul{margin:0;padding-left:var(--space-md)}.home-grid p+p{margin-top:var(--space-sm)}.examples dt{margin-top:var(--space-sm);color:var(--muted);font-size:.875rem;font-weight:700;text-transform:uppercase}.examples dd{margin:0}.price{margin-bottom:var(--space-sm);font-size:1.75rem;font-weight:700}.price span{color:var(--muted);font-size:1rem;font-weight:400}.faq h3{margin-top:var(--space-lg)}.guide-list{margin:0 0 var(--space-md);padding:0;list-style:none}.guide-list li{padding:var(--space-sm) 0;border-bottom:1px solid var(--line)}.guide-list a,.home-section a{overflow-wrap:anywhere}.guide-list a{display:inline-flex;align-items:center;min-height:48px;font-weight:700}.site-footer{max-width:880px;margin:0 auto;border-top:0;padding:var(--space-lg) var(--space-md) var(--space-xl)}.site-footer nav{padding-top:var(--space-sm);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}.site-footer a{display:inline-flex;align-items:center;min-height:48px}@media(min-width:768px){.site-footer{padding-inline:var(--space-xl)}}.guide-page{line-height:1.75}.guide-page a{color:inherit}.guide-page :focus-visible{outline-color:var(--ink)}.guide-page .skip{position:absolute;top:-100px;padding:var(--space-md);background:var(--paper)}.guide-page .skip:focus{top:0}.guide-page .site-header nav a{display:inline-flex;align-items:center;min-height:48px}.guide-page main,.guide-page>body>footer{width:min(100%,880px);max-width:none;margin-inline:auto;padding:var(--space-lg) var(--space-md)}.guide-page main{padding-block:var(--space-section)}.guide-page :is(h1,h2,h3){line-height:1.25;text-wrap:balance}.guide-page h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.045em;margin:var(--space-md) 0 var(--space-lg)}.guide-page h2{font-size:clamp(1.25rem,2vw,1.5rem);margin:var(--space-section) 0 var(--space-md)}.guide-page h3{font-size:1.125rem}.guide-page :is(p,ul,ol,blockquote){margin:0 0 var(--space-lg)}.guide-page :is(article,.guide-intro,.article-list){max-width:68ch}.guide-page :is(.eyebrow,.byline){color:var(--muted);font-size:.875rem}.guide-page .lead{font-size:1.125rem}.guide-page .byline{padding-bottom:var(--space-lg);border-bottom:1px solid var(--line)}.guide-page li{margin-block:var(--space-sm)}.guide-page :is(ul,ol){padding-left:var(--space-lg)}.guide-page blockquote{margin-inline:0;padding:var(--space-lg);background:var(--wash);border:1px solid var(--line)}.guide-page :is(blockquote,.cta,.author) p:last-child{margin-bottom:0}.guide-page .article-list{list-style:none;padding:0}.guide-page .article-list li{padding-block:var(--space-lg);border-bottom:1px solid var(--line)}.guide-page .article-list h2{margin:0 0 var(--space-md)}.guide-page .article-list p{margin-bottom:0}.guide-page .cta{border-block:1px solid var(--line);margin-top:var(--space-section);padding-block:var(--space-lg)}.guide-page :is(.cta,.author) h2{margin-top:0}.guide-page>body>footer{margin-top:0;color:var(--muted);border-top:1px solid var(--line)}.guide-page footer nav{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}.guide-page footer nav a{display:inline-flex;align-items:center;min-height:48px}.guide-page code{font:inherit;overflow-wrap:anywhere}.guide-page .author{margin-top:var(--space-section);padding:var(--space-lg);background:var(--wash);border:1px solid var(--line)}.guide-page .author h2{font-size:1.125rem}@media(min-width:768px){.guide-page main,.guide-page>body>footer{padding-inline:var(--space-xl)}}.purchase-confirmation{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 48px #20242a33}.purchase-confirmation::backdrop{background:#20242a99}.purchase-confirmation h2{padding-right:40px;font-size:1.5rem;line-height:1.25}.purchase-confirmation p{margin-top:12px;line-height:1.5}.purchase-close{position:absolute;right:12px;top:12px;min-width:44px;min-height:44px;padding:4px;background:transparent;border:0;font-size:24px}#purchase-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(11px,2.6vw,16px);padding-inline:10px;background:var(--wash)}.purchase-actions{display:flex;gap:10px;margin-top:12px}.purchase-actions button{flex:1;padding-inline:8px}.purchase-private{font-size:.875rem;font-weight:700}.purchase-instructions{margin-top:20px;padding:16px;background:var(--wash);border-radius:6px;font-size:.875rem;line-height:1.5}.purchase-instructions h3{margin:0 0 12px;font-size:1rem}.purchase-instructions ol{margin:0;padding-left:20px}.purchase-instructions li+li{margin-top:8px}#start-editing,#retry-purchase{margin-top:16px}@media(max-width:480px){.purchase-confirmation{padding:16px;font-size:.875rem}.purchase-confirmation h2{font-size:1.25rem;padding-right:44px}.purchase-confirmation label{margin-top:12px}.purchase-confirmation p{margin-top:8px;line-height:1.4}.purchase-instructions{margin-top:12px;padding:12px;font-size:.8125rem}.purchase-instructions h3{margin-bottom:8px}.purchase-instructions li+li{margin-top:6px}#start-editing{margin-top:12px}.purchase-actions button{font-size:.875rem}}