@layer layout{.stage:has(>.stage__content>.stage__panel--image-suite){position:relative;isolation:isolate;background:none;padding:0;overflow:hidden}.stage:has(>.stage__content>.stage__panel--image-suite):after{content:"";position:absolute;inset:0;z-index:30;border-radius:inherit;corner-shape:inherit;box-shadow:var(--image-suite-stage-edge-shadow);pointer-events:none}.stage__panel.stage__panel--image-suite{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:var(--panel-navigation-cap-gap);inline-size:100%;block-size:100%;min-block-size:0;padding:0;border:0;background:none;box-shadow:none;overflow:visible}.image-suite-panel__actions{--panel-navigation-cap-padding-inline: var(--image-suite-chrome-inset);--panel-navigation-cap-background: var(--image-suite-canvas-background);--panel-navigation-cap-color: var(--image-suite-canvas-color)}.image-suite{border-start-start-radius:var(--panel-navigation-cap-inner-radius);border-start-end-radius:var(--panel-navigation-cap-inner-radius);container:image-suite / inline-size;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(var(--image-suite-canvas-min-block-size),1fr) auto;overflow-y:auto;min-inline-size:0;min-block-size:0;background:var(--image-suite-canvas-background);color:var(--image-suite-canvas-color);font-family:var(--image-suite-font-family);font-size:var(--image-suite-supporting-size);line-height:var(--image-suite-line-height)}.image-suite :is(h1,p){margin:0}.image-suite__toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--image-suite-small-gap);padding:var(--image-suite-control-padding) var(--image-suite-chrome-inset)}.image-suite__toolbar:after,.image-suite__footer:before{content:"";position:absolute;inset-inline:var(--image-suite-chrome-inset);block-size:1px;background:var(--image-suite-canvas-line);pointer-events:none}.image-suite__toolbar:after{inset-block-end:0}.image-suite__footer:before{inset-block-start:0}.image-suite h1{font-size:var(--image-suite-toolbar-title-size);font-weight:var(--image-suite-label-weight);letter-spacing:var(--image-suite-title-tracking)}.image-suite h1 span{font-size:var(--image-suite-supporting-size);color:var(--image-suite-canvas-muted);margin-inline-start:var(--image-suite-tiny-gap)}.image-suite__toolbar-actions,.image-suite__view-controls{display:flex;align-items:center;gap:var(--image-suite-tiny-gap)}.image-suite :is(button,select,textarea,input){font:inherit}.image-suite button,.image-suite summary{cursor:pointer}.image-suite :is(button,a,summary,input,textarea,select,[tabindex]):focus-visible{outline:var(--image-suite-focus-width) var(--image-suite-focus-style) var(--image-suite-focus-color);outline-offset:var(--image-suite-focus-offset)}.image-suite :is(button,a)[hidden]{display:none}.suite-button,.image-suite__view-controls>button,.suite-menu>summary{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--image-suite-control-size);min-block-size:var(--image-suite-control-size);padding:var(--image-suite-tiny-gap) var(--image-suite-control-padding-inline);border:var(--image-suite-border-width) var(--image-suite-border-style) var(--image-suite-border-color);border-radius:var(--image-suite-control-radius);corner-shape:var(--image-suite-corner-shape);background:var(--image-suite-control-background);color:var(--image-suite-control-color);text-decoration:none;transition:background-color var(--image-suite-motion-duration) var(--image-suite-motion-ease),color var(--image-suite-motion-duration) var(--image-suite-motion-ease),scale var(--image-suite-motion-duration) var(--image-suite-motion-ease)}.suite-button--quiet{background:none;color:inherit}.suite-button--history svg{inline-size:var(--image-suite-history-icon-size);block-size:var(--image-suite-history-icon-size)}.suite-button--history[data-suite-redo] svg{transform:scaleX(-1)}.image-suite :is(.suite-button,.suite-menu>summary):hover,.image-suite__view-controls>button:hover{background:var(--image-suite-control-hover-background);color:var(--image-suite-control-hover-color)}.image-suite :is(.suite-button,.suite-menu>summary):active,.image-suite__view-controls>button:active{scale:var(--image-suite-pressed-scale)}.image-suite button:disabled{opacity:.45;cursor:default}.suite-menu{position:relative}.suite-menu>summary{list-style:none}.suite-menu>summary::-webkit-details-marker{display:none}.suite-menu__items{position:absolute;z-index:20;inset-inline-end:0;inset-block-start:calc(100% + var(--image-suite-tiny-gap));display:grid;gap:var(--image-suite-tiny-gap);min-inline-size:8rem;padding:var(--image-suite-small-gap);background:var(--image-suite-background);color:var(--image-suite-color);border:var(--image-suite-border-width) var(--image-suite-border-style) var(--image-suite-line-color);border-radius:var(--image-suite-control-radius);box-shadow:var(--image-suite-menu-shadow)}.suite-menu__items>button{text-align:start;justify-content:start;border:0;padding:var(--image-suite-small-gap);border-radius:var(--image-suite-control-radius);background:var(--image-suite-background);color:var(--image-suite-color)}.suite-menu__items>button:hover{background:var(--image-suite-control-background);color:var(--image-suite-control-color)}.image-suite__viewport{position:relative;overflow:auto;min-inline-size:0;min-block-size:0;background-image:var(--image-suite-canvas-texture);scrollbar-width:thin;scrollbar-color:var(--image-suite-scrollbar-thumb) var(--image-suite-scrollbar-track)}.image-suite[data-suite-ready=true] .image-suite__viewport{overflow:hidden;touch-action:none}.image-suite__world{position:relative;min-block-size:100%;transform-origin:0 0}.image-suite[data-suite-ready=true] .image-suite__world{position:absolute;inset:0;transform:translate(var(--suite-pan-x, 0px),var(--suite-pan-y, 0px)) scale(var(--suite-zoom, 1))}.image-suite__nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:var(--image-suite-gap);padding:var(--image-suite-gap)}.image-suite[data-suite-ready=true] .image-suite__nodes{display:block;padding:0}.image-suite__wires{display:none;position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible;pointer-events:none}.image-suite[data-suite-ready=true] .image-suite__wires{display:block}.suite-wire{fill:none;stroke:var(--image-suite-wire-color);stroke-width:1.5;pointer-events:stroke;cursor:pointer}.suite-wire--preview{stroke:var(--image-suite-focus-color);stroke-dasharray:5 4;pointer-events:none}.suite-node__port[data-compatible=true]:before{border-color:var(--image-suite-focus-color);background:var(--image-suite-node-background)}.suite-wire[data-selected=true]{stroke:var(--image-suite-focus-color);stroke-width:2.5}.image-suite .suite-wire:focus{outline:none}.suite-wire:focus-visible{stroke:var(--image-suite-focus-color);stroke-width:3}.image-suite__wire-delete{position:absolute;z-index:2;inset-inline-start:var(--suite-edge-x, 0px);inset-block-start:var(--suite-edge-y, 0px);translate:-50% -50%;inline-size:var(--image-suite-wire-action-size);block-size:var(--image-suite-wire-action-size);min-inline-size:var(--image-suite-wire-action-size);min-block-size:var(--image-suite-wire-action-size);padding:0}.image-suite__wire-delete span{display:grid;place-items:center}.image-suite__wire-delete svg{inline-size:var(--image-suite-wire-action-icon-size);block-size:var(--image-suite-wire-action-icon-size);fill:none}.suite-node{position:relative;min-inline-size:0;align-self:start;border:var(--image-suite-node-border-width) var(--image-suite-border-style) var(--image-suite-node-line);border-radius:var(--image-suite-node-radius);corner-shape:var(--image-suite-corner-shape);background:var(--image-suite-node-background);background-image:var(--image-suite-texture);color:var(--image-suite-node-color);font-size:var(--image-suite-node-font-size);line-height:var(--image-suite-node-line-height);box-shadow:var(--image-suite-node-shadow)}.image-suite[data-suite-ready=true] .suite-node{position:absolute;inline-size:var(--image-suite-node-width);transform:translate(var(--node-x),var(--node-y))}.image-suite[data-suite-ready=true] .suite-node[data-node-kind=output]{inline-size:var(--image-suite-output-width)}.suite-node[data-selected=true]{outline:1px solid var(--image-suite-node-selected-line);outline-offset:1px}.suite-node:has(.suite-menu[open]){z-index:10}.suite-node__header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--image-suite-tiny-gap);block-size:var(--image-suite-node-header-size);padding-inline:var(--image-suite-small-gap)}.suite-node__drag{position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%);display:grid;place-items:center;inline-size:var(--image-suite-grab-target-width);block-size:var(--image-suite-grab-target-height);padding:0;border:0;border-radius:var(--image-suite-grab-radius);background:none;color:var(--image-suite-grab-color);cursor:grab!important;touch-action:none}.suite-node__drag:before{content:"";inline-size:var(--image-suite-grab-width);block-size:var(--image-suite-grab-height);border-radius:var(--image-suite-grab-radius);background:currentColor;opacity:0}.suite-node:hover>.suite-node__drag:before,.suite-node__drag:focus-visible:before,.suite-node__drag:active:before{opacity:1}.suite-node__drag:active{cursor:grabbing!important}.suite-node__title{padding-inline:var(--image-suite-tiny-gap);font-weight:var(--image-suite-label-weight)}.suite-node__header .suite-menu>summary{border:0;background:none;color:var(--image-suite-muted-color);min-inline-size:1.5rem;padding:0;font-size:var(--image-suite-body-size)}.suite-node__port{position:absolute;z-index:3;inset-block-start:calc(var(--image-suite-node-header-size) / 2);inline-size:var(--image-suite-port-size);block-size:var(--image-suite-port-size);padding:0;border:0;border-radius:50%;background:none;transform:translate(-50%,-50%)}.suite-node__port:before{content:"";position:absolute;inset:50% auto auto 50%;inline-size:var(--image-suite-port-dot-size);block-size:var(--image-suite-port-dot-size);transform:translate(-50%,-50%);border:2px solid var(--image-suite-port-color);border-radius:50%;background:var(--image-suite-node-background)}.suite-node__port[data-connected=true]:after{content:"";position:absolute;inset:50% auto auto 50%;inline-size:var(--image-suite-port-connected-dot-size);block-size:var(--image-suite-port-connected-dot-size);transform:translate(-50%,-50%);border-radius:50%;background:var(--image-suite-port-color);pointer-events:none}.suite-node__port--input{inset-inline-start:0}.suite-node__port--output{inset-inline-start:100%}.suite-node__port[data-connecting=true]:before,.suite-node__port:hover:before{border-color:var(--image-suite-focus-color)}.suite-node__port[data-connecting=true]:after,.suite-node__port:hover:after{background:var(--image-suite-focus-color)}.suite-node__body{display:grid;gap:var(--image-suite-small-gap);padding:var(--image-suite-control-padding)}.suite-node__media{display:grid;place-items:center;overflow:hidden;min-block-size:7rem;background:var(--image-suite-field-background);color:var(--image-suite-field-color);border-radius:var(--image-suite-inner-radius)}.suite-node__media img{display:block;inline-size:100%;block-size:140px;object-fit:contain}.suite-node__media--output img{block-size:236px}.suite-node__media--crop{aspect-ratio:var(--suite-crop-ratio, 4/5)}.suite-node__media--crop img{block-size:100%;object-fit:cover;object-position:var(--suite-crop-x, 50%) var(--suite-crop-y, 50%)}.suite-node__empty{text-align:center;padding:var(--image-suite-gap);font-size:var(--image-suite-supporting-size)}.suite-node__upload{position:relative;display:grid;place-items:center;padding:var(--image-suite-tiny-gap);color:var(--image-suite-muted-color);cursor:pointer}.suite-node__upload input{position:absolute;inset:0;inline-size:100%;opacity:0;cursor:pointer}.suite-node__upload:has(input:focus-visible){outline:var(--image-suite-focus-width) var(--image-suite-focus-style) var(--image-suite-focus-color);outline-offset:var(--image-suite-focus-offset)}.suite-node__field{display:grid;gap:var(--image-suite-tiny-gap);min-inline-size:0;color:var(--image-suite-muted-color)}.suite-node__field :where(textarea,select,input[type=number]){min-inline-size:0;inline-size:100%;padding:var(--image-suite-small-gap);border:var(--image-suite-border-width) var(--image-suite-border-style) var(--image-suite-node-line);border-radius:var(--image-suite-control-radius);background:var(--image-suite-field-background);color:var(--image-suite-field-color);box-shadow:var(--image-suite-field-shadow);font-size:var(--image-suite-node-font-size)}.suite-node__field textarea{padding:var(--image-suite-textarea-padding);border-radius:var(--image-suite-inner-radius);background:var(--image-suite-node-background);color:var(--image-suite-node-color);resize:none;min-block-size:7rem;max-block-size:14rem;line-height:var(--image-suite-node-line-height);scrollbar-width:thin;scrollbar-color:var(--image-suite-scrollbar-thumb) var(--image-suite-scrollbar-track)}.suite-number,.suite-select{min-block-size:var(--image-suite-control-size);border:var(--image-suite-border-width) var(--image-suite-border-style) var(--image-suite-node-line);border-radius:var(--image-suite-control-radius);corner-shape:var(--image-suite-corner-shape);background:var(--image-suite-field-background);color:var(--image-suite-field-color);box-shadow:var(--image-suite-field-shadow)}.suite-number{display:grid;grid-template-columns:var(--image-suite-compact-control-size) minmax(0,1fr) var(--image-suite-compact-control-size);align-items:center}.suite-number input[type=number]{appearance:textfield;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center;font-variant-numeric:tabular-nums}.suite-number input::-webkit-inner-spin-button,.suite-number input::-webkit-outer-spin-button{appearance:none;margin:0}.suite-number button,.suite-textarea__resize{display:grid;place-items:center;inline-size:var(--image-suite-compact-control-size);block-size:var(--image-suite-compact-control-size);padding:0;border:0;border-radius:var(--image-suite-control-radius);background:none;color:var(--image-suite-field-color)}.suite-number button:hover:enabled,.suite-textarea__resize:hover,.suite-select:hover{background:var(--image-suite-control-hover-background);color:var(--image-suite-control-hover-color)}.suite-select{position:relative;min-inline-size:0}.suite-select{display:flex;align-items:center;justify-content:space-between;gap:var(--image-suite-small-gap);padding-inline:var(--image-suite-small-gap);list-style:none}.suite-node__inputs summary::-webkit-details-marker{display:none}.suite-node__inputs summary::marker{content:""}.suite-node__inputs summary:before{display:inline-block;inline-size:.375rem;block-size:.375rem;flex:none;border-inline-end:1px solid currentColor;border-block-end:1px solid currentColor;transform:rotate(45deg) translateY(-2px)}.suite-node__inputs summary:before{content:"";margin-inline-end:var(--image-suite-small-gap);transform:rotate(-45deg);vertical-align:.1em}.suite-node__inputs[open]>summary:before{transform:rotate(45deg) translateY(-2px)}.suite-node__role .suite-select{min-block-size:var(--image-suite-compact-control-size);padding-inline:var(--image-suite-tiny-gap);background:none;color:var(--image-suite-node-color)}.suite-textarea{position:relative;min-inline-size:0}.suite-textarea textarea{display:block;padding-block-end:var(--image-suite-compact-control-size)}.suite-textarea__resize{position:absolute;inset-inline-end:0;inset-block-end:0;cursor:ns-resize!important;touch-action:none}.suite-textarea__resize:before{content:"";inline-size:.5rem;block-size:.3rem;border-block:1px solid currentColor;rotate:-45deg}.image-suite :is(textarea,.image-suite__dialog){scrollbar-width:thin;scrollbar-color:var(--image-suite-scrollbar-thumb) var(--image-suite-scrollbar-track)}.image-suite :is(textarea,.image-suite__dialog)::-webkit-scrollbar{inline-size:var(--image-suite-scrollbar-size);block-size:var(--image-suite-scrollbar-size)}.image-suite :is(textarea,.image-suite__dialog)::-webkit-scrollbar-thumb{border-radius:var(--image-suite-scrollbar-radius);background:var(--image-suite-scrollbar-thumb)}.image-suite :is(textarea,.image-suite__dialog)::-webkit-scrollbar-track{background:var(--image-suite-scrollbar-track)}.suite-node__role{display:flex;align-items:center;justify-content:space-between;font-size:var(--image-suite-supporting-size);white-space:nowrap}.suite-node__inputs,.suite-node__upload,.suite-node__body>.suite-button,.suite-node__actions,.suite-node__fields>.suite-node__field{font-size:var(--image-suite-supporting-size)}.suite-node__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--image-suite-small-gap)}.suite-node__note{color:var(--image-suite-node-muted);font-size:var(--image-suite-supporting-size);line-height:var(--image-suite-node-line-height)}.suite-node__actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--image-suite-tiny-gap)}.suite-node__inputs{position:relative}.suite-node__inputs summary{padding:var(--image-suite-small-gap) var(--image-suite-control-padding);color:var(--image-suite-muted-color);list-style:none}.suite-node__inputs summary span{float:inline-end}.suite-node__inputs ul{display:grid;gap:var(--image-suite-tiny-gap);list-style:none;margin:0;padding:0 var(--image-suite-control-padding) var(--image-suite-small-gap)}.suite-node__inputs li{display:flex;justify-content:space-between;align-items:center;gap:var(--image-suite-small-gap)}.suite-node__inputs button{border:0;background:none;color:inherit;padding:var(--image-suite-tiny-gap) var(--image-suite-small-gap)}.image-suite__footer{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--image-suite-small-gap);padding:var(--image-suite-small-gap) var(--image-suite-chrome-inset) var(--image-suite-chrome-inset);color:var(--image-suite-canvas-muted)}.image-suite__status{flex:1;min-inline-size:8rem}.image-suite__status p{overflow-wrap:anywhere}.image-suite__view-controls>button{background:none;color:var(--image-suite-canvas-color)}.suite-menu--help .suite-menu__items{inset-block-start:auto;inset-block-end:calc(100% + var(--image-suite-small-gap));inline-size:16rem}.image-suite__dialog{inline-size:min(44rem,calc(100% - 2rem));max-block-size:90dvb;padding:var(--image-suite-gap);border:var(--image-suite-border-width) var(--image-suite-border-style) var(--image-suite-line-color);border-radius:var(--image-suite-radius);background:var(--image-suite-background);color:var(--image-suite-color)}.image-suite__dialog::backdrop{background:var(--image-suite-dialog-backdrop);backdrop-filter:var(--image-suite-dialog-backdrop-filter)}.image-suite__dialog>button{display:flex;margin-inline-start:auto;margin-block-end:var(--image-suite-gap)}.image-suite__dialog img{display:block;max-inline-size:100%;max-block-size:65dvb;object-fit:contain;margin-inline:auto}[data-suite-dialog-content]{display:grid;gap:var(--image-suite-gap)}[data-suite-dialog-content] h2{margin:0;font-size:var(--image-suite-title-size);font-weight:var(--image-suite-title-weight)}[data-suite-dialog-content] textarea{inline-size:100%;min-block-size:14rem;resize:none;padding:var(--image-suite-control-padding);border:var(--image-suite-border-width) var(--image-suite-border-style) var(--image-suite-line-color);border-radius:var(--image-suite-control-radius);background:var(--image-suite-field-background);color:var(--image-suite-field-color);font-size:var(--image-suite-body-size)}[data-suite-dialog-content]>.suite-button{justify-self:start}.image-suite__dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}@container image-suite (max-width: 25rem){.image-suite__toolbar,.image-suite__toolbar-actions{flex-wrap:wrap;min-inline-size:0}.image-suite__footer{align-items:start}.image-suite__view-controls{margin-inline-start:auto;flex-wrap:wrap;min-inline-size:0;max-inline-size:100%}.image-suite__status{min-inline-size:0;max-inline-size:100%}}@media(max-width:64rem){.desktop:has([data-image-suite]){grid-template-columns:minmax(0,1fr)}.desktop:has([data-image-suite]) .launcher{display:none}}@media(max-width:48rem){.stage__panel--image-suite{--image-suite-chrome-inset: var(--image-suite-chrome-inset-narrow)}.stage__panel.stage__panel--image-suite{grid-template-rows:auto minmax(0,1fr) auto}.stage__panel--image-suite>.stage__back{position:static;padding-inline:var(--image-suite-gap)}}@media(prefers-reduced-motion:reduce){.image-suite{--image-suite-motion-duration: var(--image-suite-motion-instant)}}.suite-menu__items,.image-suite__dialog,[data-suite-dialog-content] textarea{gap:var(--image-suite-surface-gap)}.image-suite{row-gap:var(--image-suite-surface-gap)}.image-suite__toolbar:after,.image-suite__footer:before{display:none}.image-suite__footer{color:var(--image-suite-canvas-color)}.suite-node{--surface-edge-border-width: var(--image-suite-node-border-width);--surface-edge-border-style: var(--image-suite-border-style);--surface-edge-border-color: var(--image-suite-node-line);--surface-edge-shadow: var(--image-suite-node-shadow);display:flex;flex-direction:column;gap:var(--image-suite-surface-gap);background:none;border:0;box-shadow:none}.suite-node__header,.suite-node__body,.suite-node__inputs{background:var(--image-suite-node-background);background-image:var(--image-suite-texture);border-radius:var(--image-suite-node-inner-radius);corner-shape:var(--image-suite-corner-shape)}.suite-node__header{border-start-start-radius:var(--image-suite-node-radius);border-start-end-radius:var(--image-suite-node-radius)}.suite-node>:is(.suite-node__body,.suite-node__inputs):last-child{border-end-start-radius:var(--image-suite-node-radius);border-end-end-radius:var(--image-suite-node-radius)}}@layer layout{.image-suite{--select-hover-background: var(--image-suite-control-hover-background);--select-hover-color: var(--image-suite-control-hover-color);--select-selected-background: var(--image-suite-selected-background);--select-selected-color: var(--image-suite-selected-color);--select-menu-padding: var(--image-suite-tiny-gap);--select-option-padding: var(--image-suite-small-gap);--select-option-gap: var(--image-suite-small-gap);--select-option-height: var(--image-suite-control-size);--select-border-width: var(--image-suite-border-width);--select-border-style: var(--image-suite-border-style);--select-border-color: var(--image-suite-line-color);--select-radius: var(--image-suite-nested-radius);--select-shadow: var(--image-suite-menu-shadow);--select-scrollbar: var(--image-suite-scrollbar-thumb);--select-focus-width: var(--image-suite-focus-width);--select-focus-style: var(--image-suite-focus-style);--select-focus-color: var(--image-suite-focus-color)}}