body:has(#main:empty) .workspace-nav{display:none}#pilot-workspace{gap:.8rem;width:100%;display:grid}#pilot-workspace:has(>.workspace-heading){display:block}#pilot-workspace :is(h1,[tabindex="-1"]):focus{outline:none}#pilot-workspace h1:where(:not(.workspace-heading h1)){letter-spacing:-.045em;font-size:clamp(1.65rem,6vw,2.25rem)}.tour-copy-stack{isolation:isolate;display:grid}.tour-copy-stack>span{grid-area:1/1;align-self:start}.tour-copy-stack>[aria-hidden=true]{opacity:0;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none}.pilot-kicker{color:var(--action);letter-spacing:.035em;justify-content:space-between;align-items:center;gap:.5rem;font-size:.79rem;font-weight:650;display:flex}.pilot-kicker span+span{color:var(--muted);font-variant-numeric:tabular-nums}.pilot-compare{isolation:isolate;border-radius:var(--radius-card);background:#dedbd2;height:clamp(11rem,44svh,26rem);position:relative;overflow:hidden}.pilot-compare img,.pilot-compare .pilot-marked,.pilot-compare input,.pilot-divider,.pilot-labels{width:100%;height:100%;position:absolute;inset:0}.pilot-compare img{object-fit:cover}.pilot-original{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.pilot-divider{left:var(--split);pointer-events:none;background:#fff;width:2px;box-shadow:0 0 4px #0004}.pilot-divider span{width:36px;height:36px;color:var(--ink);white-space:pre;background:#fff;border-radius:50%;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 8px #0003}.pilot-labels{pointer-events:none;justify-content:space-between;width:auto;height:auto;display:flex;inset:auto .65rem .65rem}.pilot-labels span{color:#fff;background:#1d2822dc;border-radius:2rem;padding:.22rem .55rem;font-size:.75rem}.pilot-compare input{opacity:0;cursor:ew-resize;touch-action:pan-y;margin:0}:is(.pilot-compare,.compare){touch-action:pan-y pinch-zoom;cursor:ew-resize;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:is(.pilot-compare,.compare) :is(img,svg,.comparison-control){pointer-events:none;-webkit-user-drag:none}.pilot-compare:focus-within{outline:3px solid var(--focus);outline-offset:3px}.pilot-tiles{gap:.72rem;display:grid}.pilot-tiles button{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:clamp(4.5rem,20vw,7rem) minmax(0,1fr) auto;align-items:center;gap:.85rem;min-height:5.75rem;padding:0 .85rem 0 0;display:grid;overflow:hidden}.pilot-tiles img,.pilot-tiles .pilot-tile-marked{object-fit:cover;width:100%;height:6rem}.pilot-tiles small,.pilot-tiles strong{display:block}.pilot-tiles small{color:var(--muted)}.pilot-tiles b{color:var(--action);font-size:1.5rem}.pilot-compare:focus-within:not(:has(input:focus-visible)){outline:none}.pilot-intake{gap:1.3rem;display:grid}.intake-drop{background:#edf0ea;border:1px dashed #afbcb1;border-radius:1.1rem;place-items:center;width:100%;height:clamp(12rem,42svh,24rem);display:grid;position:relative}.intake-add{background:var(--action);color:#fff;border-radius:2rem;align-items:center;gap:.45rem;min-height:48px;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;display:inline-flex}.pilot-intake h2{font-size:1rem;font-weight:600}.intake-samples{gap:.65rem;margin-top:.7rem;display:flex}.intake-samples button{text-align:left;color:var(--muted);background:0 0;border:0;gap:.3rem;padding:0;font-size:.82rem;display:grid}.intake-samples img{object-fit:cover;border-radius:.7rem;width:clamp(5rem,22vw,7rem);height:clamp(4.25rem,16vw,5.25rem)}.intake-picker{background:var(--canvas);width:min(20rem,100% - 2rem);color:var(--ink);border:0;border-radius:1rem;margin:auto;padding:0}.intake-picker::backdrop{background:#18221c66}.intake-picker>div{gap:.6rem;padding:1.2rem;display:grid}.intake-picker h2{margin-bottom:.35rem}#pilot-workspace .intake-picker{height:fit-content;max-height:calc(100dvh - 2rem);inset:0}.tool-header{gap:.65rem;margin-bottom:.4rem;display:grid}.tool-title{align-items:center;gap:.6rem;display:flex}.tool-title .quiet{flex:none;width:44px;height:44px;padding:0;font-size:1.8rem}#pilot-workspace .tool-title h1{font-size:clamp(1.6rem,5vw,2rem)}.tool-header ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.tool-header button:where(:not(.quiet)){border:0;border-bottom:2px solid var(--line);width:100%;min-height:44px;color:var(--muted);font:inherit;background:0 0;justify-content:center;align-items:center;gap:.35rem;font-size:.88rem;font-weight:500;display:flex}.tool-header button[aria-current=step]{border-color:var(--action);color:var(--ink);opacity:1}.tool-header nav button:disabled:not([aria-current]){opacity:1;color:var(--muted)}.tool-header nav button{padding-inline:0}.tool-header .step-number{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:1.35rem;height:1.35rem;font-size:.76rem;display:grid}.tool-header [aria-current] .step-number{background:var(--action);color:#fff;border-color:var(--action)}.tool-header [data-completed] .step-number{color:var(--action);border-color:var(--action)}.tool-header .step-number svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.85rem;height:.85rem}.step-label{min-width:0}.pilot-intake>h2,.tool-header+h2,.pilot-result h2{font-size:1.18rem;font-weight:600;line-height:1.3}.intake-drop img{object-fit:contain;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.intake-drop .primary-slot{z-index:1;min-width:10rem}.intake-drop .intake-add{pointer-events:none;width:auto;position:relative}.intake-drop .primary-slot:not([data-floating])>.intake-trigger{background:0 0;border:0;border-radius:1.1rem;width:100%;height:100%;padding:0;position:absolute;inset:0}.intake-drop .primary-slot[data-floating] .intake-add{background:0 0;min-height:0;padding:0}.pilot-result{gap:.8rem;display:grid}.pilot-result .compare{width:100%;max-width:none}.primary-slot{min-height:var(--control)}.primary-slot>button{border-radius:var(--radius-control)}.generate-sparkles{fill:currentColor;stroke:none;width:1.4rem;height:1.4rem}.primary:enabled .generate-sparkles{color:#ffe9ae}.primary-slot[data-floating]>button{z-index:4;right:calc(env(safe-area-inset-right) + 1.25rem);bottom:calc(var(--keyboard-inset,0px) + env(safe-area-inset-bottom) + 1.25rem);width:auto;max-width:calc(100vw - 2.5rem);min-height:3.25rem;padding:.9rem 1.5rem;position:fixed;box-shadow:0 3px 14px #19261e38}.primary-slot[data-floating]>button:has(.generate-sparkles){min-width:min(13rem,65vw);padding-inline:1rem 2rem}.primary-slot[data-floating]>button:disabled{opacity:1;color:#576159;background:#e2e6e0}body:has(dialog[open]) .primary-slot[data-floating]>button{visibility:hidden}.redesign-options{gap:1rem;display:grid}.redesign-preview{border-radius:var(--radius-card);position:relative;overflow:hidden}.redesign-preview img{object-fit:cover;width:100%;height:clamp(10rem,27svh,16rem);display:block}.redesign-preview:after{content:"";pointer-events:none;background:linear-gradient(#0002,#0000 18% 82%,#0002);position:absolute;inset:0}.redesign-options h2{margin-top:.5rem;font-size:1.3rem}.redesign-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .8rem;display:grid}.redesign-styles button{text-align:left;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);padding:0;display:grid;overflow:hidden}.redesign-styles img{aspect-ratio:1.7;object-fit:cover;width:100%;display:block}.style-caption{justify-content:space-between;align-items:center;gap:.25rem;padding:.65rem .75rem;font-size:.94rem;font-weight:600;display:flex}.style-caption svg{stroke-width:2.2px;width:1.1rem;height:1.1rem}.redesign-styles [aria-pressed=true] .style-caption{background:var(--selection)}.redesign-custom{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control)}.redesign-custom button{border-radius:inherit;width:100%;color:var(--action);background:0 0;border:0;align-items:center;gap:.65rem;padding:.9rem 1rem;font-weight:600;display:flex}.redesign-custom:has(>button[aria-pressed=true]){background:var(--selection)}.redesign-custom textarea{width:calc(100% - 2rem);font:inherit;background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:.55rem;margin:0 1rem 1rem;padding:.75rem;display:block}.redesign-options+.primary-slot{margin-top:.5rem}@media (width>=600px){.redesign-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}.primary-slot button[aria-disabled=true]{color:#576159;background:#e2e6e0;position:relative}.primary-slot[data-floating] button[aria-disabled=true]{position:fixed}.primary-slot button[aria-disabled=true] .generate-sparkles{color:inherit}.action-hint{z-index:1;background:var(--ink);color:#fff;pointer-events:none;border-radius:.6rem;width:max-content;max-width:100%;padding:.55rem .75rem;font-size:.875rem;font-weight:500;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 3px 12px #18271c24}.replace-options{gap:1rem;display:grid}.replace-options h2{font-size:1.3rem}.mask-editor,.replacement-description{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}.mask-stage{width:100%;aspect-ratio:var(--photo-ratio);background-color:#dfe5dd;background-image:radial-gradient(#88978c77 .65px,#0000 .85px);background-size:7px 7px;place-items:center;min-height:8rem;max-height:62svh;display:grid;position:relative;overflow:hidden;container-type:size}.canvas-placeholder{z-index:1;color:var(--muted);background:#e5eae3;align-content:center;justify-items:center;gap:.6rem;font-size:.88rem;display:grid;position:absolute;inset:0}.canvas-placeholder svg{width:2rem;height:2rem}.canvas-placeholder button{width:auto}.pilot-mask{width:min(100cqw,calc(100cqh * var(--image-ratio,var(--photo-ratio))));aspect-ratio:var(--image-ratio,var(--photo-ratio));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;position:relative;overflow:hidden}.pilot-mask img,.pilot-mask svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pilot-mask img{object-fit:contain;-webkit-user-select:none;user-select:none}.mask-ink,.brush-guide{fill:none;stroke:#ffcd40;stroke-linecap:round;stroke-linejoin:round}.mask-ink{touch-action:none;cursor:crosshair;opacity:.72}.brush-guide{pointer-events:none}.brush-guide path{stroke-dasharray:1 1;animation:3s ease-in-out infinite brush-demo}@keyframes brush-demo{0%,12%{stroke-dashoffset:1px;opacity:0}18%{opacity:.75}58%,70%{stroke-dashoffset:0;opacity:.75}92%,to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){.brush-guide{display:none}}.brush-toolbar,.brush-picker,.brush-undo,.replacement-description>span{align-items:center;display:flex}.brush-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:.35rem;padding:.35rem .65rem}.brush-picker{gap:.1rem}.brush-picker>span{margin-right:.35rem;font-size:.85rem;font-weight:600}.brush-picker button,.brush-undo{border-radius:var(--radius-control);min-width:44px;min-height:44px;color:var(--action);background:0 0;border:0;place-items:center;padding:0;display:grid}.brush-picker i{background:currentColor;border-radius:50%}.brush-picker [aria-pressed=true]{background:var(--selection)}.brush-undo{justify-content:center;gap:.3rem;padding-inline:.3rem;font-size:.87rem;display:flex}.brush-undo svg{width:1rem;height:1rem}.replacement-description{gap:.65rem;padding:1rem;display:grid}.replacement-description>span{color:var(--action);gap:.55rem;font-weight:600}.replacement-description small{color:var(--muted);margin-left:auto;font-size:.8rem;font-weight:400}.replacement-description textarea{width:100%;font:inherit;background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:.55rem;padding:.75rem}#pilot-workspace button{transition:background-color .14s,border-color .14s,box-shadow .14s,opacity .14s}#pilot-workspace button:active:not(:disabled){filter:brightness(.96)}.redesign-custom:has([aria-pressed=true]){transition:background-color .14s}.redesign-custom>div:not([hidden]){animation:.16s ease-out detail-reveal}.style-caption svg,.step-number svg{animation:.13s ease-out detail-reveal}.intake-picker[open]{animation:.16s ease-out detail-reveal}.action-hint{animation:.13s ease-out detail-reveal}.primary-slot[data-floating]>.primary{animation:.16s ease-out dock-reveal}.pilot-result .compare img{opacity:0;transition:opacity .18s}.pilot-result .compare[data-ready] img{opacity:1}.result-loading{z-index:3;background:var(--selection);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex;position:absolute;inset:0}.result-loading button{width:auto}.result-state-copy{gap:.65rem;padding:.5rem 0;display:grid}.result-state-copy h2,.pilot-result h2{font-size:1.25rem;font-weight:600;line-height:1.35}.result-state-copy p{font-size:1rem;line-height:1.5}.pilot-result .compare:not([data-ready]){min-height:clamp(14rem,42svh,26rem)}.result-loading{padding:1.25rem}@keyframes detail-reveal{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dock-reveal{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#pilot-workspace *,#pilot-workspace :before,#pilot-workspace :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.react-app{display:contents}.generation-preview{isolation:isolate;aspect-ratio:16/10;border-radius:var(--radius-lg,16px);background:var(--surface-soft,#e4ece6);position:relative;overflow:hidden}.generation-preview>img{object-fit:cover;width:100%;height:100%;display:block}.generation-shade{background:linear-gradient(#0000,#182b2240);position:absolute;inset:0}.generation-emblem{color:#233f32;background:#f7f7f2ed;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generation-emblem .spinner{margin:0}.generation-emblem>svg{width:28px;height:28px}.generation-progress{color:#233f32;font-variant-numeric:tabular-nums;background:#f7f7f2f5;border-radius:50%;place-items:center;width:80px;height:80px;font-size:17px;font-weight:650;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generation-progress>svg{fill:none;stroke-width:3px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.progress-track{stroke:#d6e2d9}.progress-value{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .25s linear}@media (prefers-reduced-motion:reduce){.progress-value{transition:none}}.generation-copy{padding:4px 0 8px}.generation-copy h2{margin:0 0 10px}.generation-copy p{margin:8px 0}.generation-sweep{background:linear-gradient(110deg,#0000 30%,#ffffff2e 50%,#0000 70%);animation:3s ease-in-out infinite generation-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes generation-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.generation-sweep{animation:none;display:none}}
