@layer components{.image-example-carousel{width:100%;height:100%;min-height:500px;color:var(--muted-foreground);position:relative}.image-example-carousel__label{z-index:2;border-radius:var(--radius-icon);background:color-mix(in oklab, var(--card) 90%, transparent);font-size:var(--caption-size);line-height:var(--caption-line);padding:2px 6px;position:absolute;top:0;left:0}.image-example-carousel__frame{aspect-ratio:1587/2245;width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%)}.image-example-carousel__note{z-index:2;border-radius:var(--radius-icon);background:color-mix(in oklab, var(--card) 92%, transparent);color:var(--muted-foreground);font-size:var(--caption-size);line-height:var(--caption-line);text-align:center;margin:0;padding:3px 8px;position:absolute;bottom:6px;left:12px;right:12px}.image-example-carousel__slide{visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;position:absolute;inset:0}.image-example-carousel__slide[data-active=true]{visibility:visible;opacity:1}.image-example-carousel__slide img{object-fit:contain;width:100%;height:100%;display:block}.image-example-carousel button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.image-example-carousel button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.image-example-carousel__arrow{z-index:2;border-radius:var(--radius-icon);background:color-mix(in oklab, var(--card) 65%, transparent);width:2.75rem;height:2.75rem;color:var(--muted-foreground);position:absolute;top:50%;transform:translateY(-50%)}.image-example-carousel__arrow:hover{background:color-mix(in oklab, var(--card) 95%, transparent);color:var(--foreground)}.image-example-carousel__arrow--previous{left:0}.image-example-carousel__arrow--next{right:0}.image-example-carousel__dots{z-index:2;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.image-example-carousel__dots button{background:0 0;width:2.75rem;height:2.75rem}.image-example-carousel__dots span{background:var(--muted-foreground);width:.5rem;height:.5rem;box-shadow:0 0 2px color-mix(in srgb, var(--dark-canvas) 35%, transparent);border-radius:50%}.image-example-carousel__dots button[aria-pressed=true] span{background:var(--primary)}.image-example-carousel__pause{z-index:2;border-radius:var(--radius-icon);background:color-mix(in oklab, var(--card) 90%, transparent);width:2.75rem;height:2.75rem;color:var(--muted-foreground);position:absolute;top:0;right:0}@media (prefers-reduced-motion:reduce){.image-example-carousel__slide{transition:none}}.workspace-composer-float{isolation:isolate;box-shadow:0 8px 24px color-mix(in oklab, var(--foreground) 10%, transparent), 0 2px 8px color-mix(in oklab, var(--primary) 8%, transparent);position:relative;overflow:hidden}.workspace-composer-float>.composer-border-beam{z-index:2;border-radius:inherit;background:color-mix(in oklab, var(--primary) 16%, var(--border));-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.composer-border-beam:before,.composer-border-beam:after{content:"";background:radial-gradient(circle, var(--primary-highlight), #a855f7 35%, transparent 70%);offset-path:inset(1px round 999px);offset-anchor:center;width:240px;height:240px;animation:8s linear infinite workspace-composer-border-beam;position:absolute;top:0;left:0}.composer-border-beam:after{background:radial-gradient(circle,#a855f7,#60a5fa 35%,#0000 70%);animation-delay:-4s}.workspace-composer-float>*{z-index:1;position:relative}@keyframes workspace-composer-border-beam{to{offset-distance:100%}}@media (prefers-reduced-motion:reduce){.composer-border-beam:before,.composer-border-beam:after{opacity:.7;animation:none}}.image-tool-composer{--composer-accent:var(--primary);--composer-light:color-mix(in oklab, var(--primary) 6%, var(--card));--composer-border:var(--border);box-shadow:none;color:var(--foreground);font-family:var(--font-sans);font-size:var(--body-size);line-height:var(--body-line);background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:1.75rem;display:grid;overflow:visible}.image-tool-composer button,.image-tool-composer input,.image-tool-composer textarea{font-family:inherit}.image-tool-composer .image-tool-composer__form,.image-tool-composer .image-tool-composer__result{border:1px solid var(--composer-border);border-radius:var(--radius-card);background:var(--card);min-width:0;box-shadow:none;overflow:hidden;container:composer-form/inline-size}.image-tool-composer .image-tool-composer__fields{padding:1rem 1.5rem 1.5rem}.image-tool-composer .image-tool-composer__fields>[data-slot=field-group]{gap:.9375rem}.image-tool-composer [data-slot=field]{gap:.75rem}.image-tool-composer [data-slot=field-label]{width:100%;color:var(--foreground);font-size:var(--body-size);font-weight:600;line-height:var(--body-line);justify-content:space-between;align-items:center;display:flex}.image-tool-composer .image-tool-composer__model,.image-tool-composer .image-tool-composer__examples{flex-direction:column;gap:12px;display:flex}.image-tool-composer .image-tool-composer__model-select{border:1px solid var(--composer-border);border-radius:var(--radius);background:var(--card);text-align:left;width:100%;height:auto;min-height:72px;box-shadow:none;opacity:1;padding:8px 12px}.image-tool-composer .image-tool-composer__model-copy{white-space:normal;flex-direction:column;gap:4px;min-width:0;display:flex}.image-tool-composer .image-tool-composer__model-name{font-size:var(--body-sm-size);align-items:center;gap:7px;font-weight:600;display:flex}.image-tool-composer .image-tool-composer__model-name>svg{color:var(--composer-accent)}.image-tool-composer .image-tool-composer__model-description{color:var(--muted-foreground);font-size:var(--body-sm-size);font-weight:400;line-height:var(--body-sm-line)}.image-tool-composer__model-menu{font-family:var(--font-sans)}.image-tool-composer .image-tool-composer__upload{border:2px dashed color-mix(in oklab, var(--primary) 50%, var(--border));border-radius:var(--radius-upload);background:var(--composer-light);min-height:135px;color:var(--composer-accent);gap:8px;padding:16px 20px}.image-tool-composer .image-tool-composer__upload>span:first-child{width:40px;height:40px;color:var(--muted-foreground);background:0 0}.image-tool-composer .image-tool-composer__upload>span:first-child>svg{stroke-width:2px;width:40px;height:40px}.image-tool-composer .image-tool-composer__upload>span:last-child{color:var(--muted-foreground);font-size:var(--caption-size);line-height:var(--caption-line);margin-top:6px}.image-tool-composer textarea{field-sizing:fixed;border:1px solid var(--composer-border);border-radius:var(--radius);background:var(--card);height:86px;min-height:86px;color:var(--foreground);font-size:var(--body-size);line-height:var(--body-line);box-shadow:none;padding:12px;transition:border-color .3s}.image-tool-composer textarea::placeholder{color:var(--muted-foreground);opacity:1}.image-tool-composer textarea:focus{border-color:var(--composer-accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 15%, transparent);outline:0}.image-tool-composer .image-tool-composer__counter{color:var(--muted-foreground);font-size:var(--caption-size);font-weight:400}.image-tool-composer .image-tool-composer__example-scroll{min-width:0;position:relative}.image-tool-composer .image-tool-composer__example-scroll>div{scrollbar-width:none;gap:8px;padding:4px 30px 4px 4px;display:flex;overflow-x:auto}.image-tool-composer .image-tool-composer__example-scroll>div>button{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);font-size:var(--body-sm-size);white-space:nowrap;box-shadow:none;cursor:pointer;transition:border-color var(--motion-fast), background-color var(--motion-fast), color var(--motion-fast);border-radius:8px;flex:none;padding:6px 12px;font-weight:500;line-height:21px}.image-tool-composer .image-tool-composer__example-scroll>button{border:1px solid var(--border);background:var(--card);width:2.75rem;height:2.75rem;color:var(--muted-foreground);box-shadow:-10px 0 12px 8px color-mix(in oklab, var(--card) 85%, transparent);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.image-tool-composer .image-tool-composer__ratios,.image-tool-composer .image-tool-composer__resolutions{flex-wrap:wrap;justify-content:flex-start;gap:9px;display:flex}.image-tool-composer .image-tool-composer__ratios>button{border:1px solid var(--composer-border);background:var(--card);width:62px;min-width:62px;height:63px;color:var(--foreground);font-size:var(--body-sm-size);font-weight:400;line-height:var(--body-line);box-shadow:none;border-radius:8px;flex-direction:column;flex:0 0 62px;gap:0;padding:0;display:flex}.image-tool-composer .image-tool-composer__ratio-box{place-items:center;width:100%;height:39px;display:grid}.image-tool-composer .image-tool-composer__ratio-box>span{border-radius:var(--radius-icon);background:color-mix(in oklab, var(--primary) 70%, var(--card));width:28px;max-width:34px;max-height:34px}.image-tool-composer .image-tool-composer__resolutions>button{border:1px solid var(--composer-border);background:var(--card);min-height:2.75rem;color:var(--foreground);font-size:var(--body-size);box-shadow:none;border-radius:8px;flex:none;padding:5px 10px;font-weight:400}.image-tool-composer .image-tool-composer__ratios>button[aria-pressed=true],.image-tool-composer .image-tool-composer__resolutions>button[aria-pressed=true]{border-color:var(--composer-accent);background:var(--composer-light);color:var(--foreground)}.image-tool-composer .image-tool-composer__footer{border-top:1px solid var(--border);background:var(--card);padding:16px 24px}.image-tool-composer .image-tool-composer__quote:not([role=alert]){display:none}.image-tool-composer .image-tool-composer__result>header{padding:20px 24px}.image-tool-composer .image-tool-composer__result[data-showing-examples=true]>header{display:none}.image-tool-composer .image-tool-composer__result-content{min-height:548px;padding:24px}.image-tool-composer .image-tool-composer__result-content .image-example-carousel{min-height:0}.image-tool-composer button:focus-visible{outline:2px solid var(--composer-accent);outline-offset:2px}@media (width>=1100px){.image-tool-composer{height:var(--composer-height,calc(100svh - 160px));grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;min-height:0}.image-tool-composer .image-tool-composer__form,.image-tool-composer .image-tool-composer__result{height:100%;min-height:0}.image-tool-composer .image-tool-composer__fields,.image-tool-composer .image-tool-composer__result-content{scrollbar-gutter:stable;min-height:0;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.image-tool-composer *,.image-tool-composer :before,.image-tool-composer :after{scroll-behavior:auto;transition:none}}.design-prompt-input{min-height:var(--prompt-min-height);line-height:1.5rem}.design-composer-prompt{min-height:var(--prompt-min-height);background:0 0;border:0;padding:.75rem 1rem;line-height:1.5rem}.design-composer-prompt[data-compact=true]{min-height:var(--prompt-compact-min-height)}.image-tool-composer .image-tool-composer__more-ratios{min-height:2.75rem;color:var(--primary);font-size:var(--caption-size);cursor:pointer;background:0 0;border:0;padding:0 .5rem;font-weight:400}@media (width>=1100px) and (height<=800px){.image-tool-composer .image-tool-composer__model,.image-tool-composer [data-slot=field]{gap:8px}.image-tool-composer .image-tool-composer__upload{gap:4px;min-height:104px;padding-block:10px}.image-tool-composer .image-tool-composer__upload>span:first-child,.image-tool-composer .image-tool-composer__upload>span:first-child>svg{width:28px;height:28px}}.background-remover-workbench{padding-block:var(--section-space) 1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,72px);display:grid}.background-remover-workbench__controls{min-width:0}.background-remover-workbench header h1{font-size:clamp(2rem, 3.3vw, var(--display-size));font-weight:750;line-height:var(--display-line);letter-spacing:var(--display-tracking);text-wrap:balance}.background-remover-workbench header p{color:var(--muted-foreground);font-size:var(--lead-size);line-height:var(--lead-line);margin-top:1.25rem}.background-remover-workbench__upload{border:1px solid var(--border);border-radius:var(--radius-upload);background:var(--card);min-height:300px;box-shadow:var(--shadow-panel);flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:2rem 1.5rem;display:flex}.background-remover-workbench__upload[data-dragging=true]{outline:2px solid var(--primary);background:var(--primary-soft)}.background-remover-workbench__icon{width:40px;height:40px;color:var(--primary);stroke-width:1.5px}.background-remover-workbench__upload-button{border-radius:var(--radius-pill);width:100%;min-width:0;min-height:56px;font-size:var(--button-size);padding-inline:1rem}.background-remover-workbench__upload-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:min(100%,380px);display:grid}.background-remover-workbench__asset-button{border-radius:var(--radius-pill);width:100%;min-width:0;min-height:56px;font-size:var(--button-size);padding-inline:1rem}.background-remover-workbench__upload-actions button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.background-remover-workbench__upload p,.background-remover-workbench__upload small{color:var(--muted-foreground);text-align:center;font-size:var(--body-sm-size)}.background-remover-workbench__notes{font-size:var(--caption-size);color:var(--muted-foreground);margin-top:20px}.background-remover-workbench__selected{width:100%;position:relative}.background-remover-workbench__selected img{object-fit:contain;border-radius:var(--radius);width:100%;height:180px}.background-remover-workbench__selected button{position:absolute;top:4px;right:4px}.background-remover-workbench__preview{min-width:0}.background-remover-workbench__preview h2{margin-bottom:20px;font-size:20px;font-weight:600}.background-remover-comparison{max-width:440px;margin:0 auto}.background-remover-comparison__images{border-radius:var(--radius-upload);aspect-ratio:306/432;background:var(--muted);isolation:isolate;position:relative;overflow:hidden}.background-remover-comparison__images img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.background-remover-comparison__original{position:absolute;inset:0}.background-remover-comparison__label{background:color-mix(in srgb, var(--card) 90%, transparent);color:var(--card-foreground);font-size:var(--caption-size);border-radius:999px;padding:6px 12px;font-weight:600;position:absolute;top:18px}.background-remover-comparison__label--before{left:16px}.background-remover-comparison__label--after{right:16px}.background-remover-comparison__divider{background:var(--card);width:2px;box-shadow:0 0 4px color-mix(in srgb, var(--dark-canvas) 20%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-50%)}.background-remover-comparison__divider>span{background:var(--card);width:44px;height:44px;color:var(--card-foreground);box-shadow:var(--shadow-action);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.background-remover-comparison__range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.background-remover-comparison__images:focus-within{outline:3px solid var(--primary);outline-offset:4px}.background-remover-comparison figcaption{text-align:center;font-size:var(--caption-size);color:var(--muted-foreground);margin-top:1rem}@media (width<=800px){.background-remover-workbench{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:1.75rem}.background-remover-workbench header h1{font-size:2rem;line-height:var(--page-title-line);letter-spacing:var(--page-title-tracking)}.background-remover-workbench header p{font-size:var(--body-size);margin-top:1rem}.background-remover-workbench__upload{min-height:260px;margin-top:1.5rem;padding:1.5rem 1.125rem}.background-remover-comparison{max-width:390px}}}