.image-editor-layout{container:image-editor / inline-size}.image-editor-layout__body{display:grid;align-items:start;min-width:0}.image-editor-layout__preview,.image-editor-layout__controls{min-width:0}.image-editor-layout__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.image-editor-layout__photo{display:flex;flex-direction:column;min-width:0;min-height:0}.image-effects-controls__content,.image-effects-controls__content-inner{min-width:0}.image-filter-preview{container-type:size;height:64px}.image-filter-preview__viewport{top:50%;left:50%;width:min(100cqw,calc(100cqh * var(--image-filter-preview-ratio)));aspect-ratio:var(--image-filter-preview-ratio);transform:translate(-50%,-50%)}.image-drag-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;pointer-events:none;animation:image-drag-hint-dismiss 2.5s ease-out both}.image-drag-hint__label{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:calc(100% - 16px);padding:14px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--ui-ink) 82%,transparent);color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;word-break:keep-all}.image-drag-hint__icon{width:28px;height:28px;flex-shrink:0;animation:image-drag-hint-gesture 1.2s cubic-bezier(.16,1,.3,1) 2}@keyframes image-drag-hint-gesture{0%,to{transform:translate(0)}30%{transform:translate(-8px,3px)}65%{transform:translate(8px,-3px)}}@keyframes image-drag-hint-dismiss{0%,85%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.image-drag-hint__icon{animation:none}}.unified-image-controls{container:image-controls / inline-size}.image-editor-panel{inset:110px 24px auto;max-height:calc(100% - 142px);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);color:var(--ui-ink);container:photo-workbench / inline-size}.image-editor-panel .image-editor-panel__header{border:0;padding:24px var(--editor-form-space) 20px}.image-editor-panel .image-editor-panel__header h2{font-size:20px;font-weight:600;letter-spacing:-.02em}.image-editor-panel .image-editor-panel__body{padding:0 var(--editor-form-space) 20px;flex:0 1 auto}.image-editor-panel .image-editor-panel__footer{justify-content:flex-end;gap:8px;padding:14px var(--editor-form-space) 16px;border-color:var(--ui-line);flex-shrink:0}.image-editor-panel .image-editor-panel__footer button:first-child{color:var(--ui-muted)}.image-editor-layout .image-editor-layout__body{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;transition:none}.image-editor-layout .image-editor-layout__preview{max-width:none;padding:0}.image-editor-layout .image-editor-layout__controls{overflow:visible}.image-workbench-stage-heading{display:flex;align-items:center;min-height:32px;font-size:12px;margin-bottom:12px}.image-workbench-stage-heading strong{font-weight:600}.image-workbench-stage{--image-workbench-action-inset: 12px;--image-workbench-action-clearance: calc( var(--ui-touch-target-size) + var(--image-workbench-action-inset) + 8px );position:relative;display:flex;align-items:center;justify-content:center;height:276px;background:var(--ui-field);border-radius:var(--ui-compact-control-radius);padding:12px}.image-workbench-stage>section{width:min(100%,calc(252px * var(--image-aperture-ratio)));max-height:252px;border-radius:var(--radius-xs);--tw-ring-color: transparent}.image-workbench-empty-action{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.image-workbench-empty-action:disabled{cursor:default}.image-workbench-stage [hidden]{display:none}.image-workbench-stage:has(.unified-image-actions--workbench)>section{max-width:calc(100% - 2 * var(--image-workbench-action-clearance))}.unified-image-actions--workbench{position:absolute;right:var(--image-workbench-action-inset);bottom:var(--image-workbench-action-inset);z-index:20;display:flex;flex-direction:column;align-items:center;padding:4px;border-radius:var(--ui-compact-control-radius);background:var(--ui-surface);box-shadow:var(--shadow-selection)}.image-workbench-stage>.unified-image-actions.unified-image-actions--workbench .unified-image-actions__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--ui-touch-target-size);min-width:var(--ui-touch-target-size);height:var(--ui-touch-target-size);min-height:var(--ui-touch-target-size);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ui-label);cursor:pointer}.unified-image-actions--workbench .unified-image-actions__icon>svg{width:18px;height:18px;stroke-width:1.75}.image-workbench-stage>.unified-image-actions.unified-image-actions--workbench .unified-image-actions__icon:hover:not(:disabled){background:var(--ui-soft);color:var(--ui-ink)}.unified-image-actions--workbench .unified-image-actions__icon:focus-visible{outline:var(--ui-indicator-width) solid rgb(var(--primary-500));outline-offset:-3px}.image-workbench-stage>.unified-image-actions.unified-image-actions--workbench .unified-image-actions__icon:disabled{opacity:.42;cursor:default}.image-workbench-stage>.unified-image-actions.unified-image-actions--workbench .unified-image-actions__remove{position:relative;margin-top:5px;color:var(--ui-error)}.unified-image-actions--workbench .unified-image-actions__remove:before{content:"";position:absolute;top:-3px;left:12px;right:12px;height:1px;background:var(--ui-line)}.image-workbench-stage>.unified-image-actions.unified-image-actions--workbench .unified-image-actions__remove:hover:not(:disabled){background:var(--ui-error-surface);color:var(--ui-error)}.image-workbench-tabs{display:flex;height:44px;gap:16px;border-bottom:1px solid var(--ui-line);margin-bottom:20px}.image-workbench-tabs button{min-width:52px;min-height:44px;color:var(--ui-muted);font-size:13px;font-weight:600;border-bottom:2px solid transparent}.image-workbench-tabs button[aria-selected=true]{color:rgb(var(--primary-600));border-color:rgb(var(--primary-500))}.image-effects-controls .image-effects-controls__content{width:auto}.image-effects-controls .image-effects-controls__content-inner{padding:0;min-width:0;width:100%}.image-effects-controls [hidden]{display:none}.image-effects-controls [data-testid=image-filter-options]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}.image-effects-controls [data-testid=image-filter-options] button[data-size=thumbnail]{width:100%;max-width:none;min-width:0;height:auto;padding:4px}.image-effects-controls [data-testid=image-filter-options] .image-filter-preview{height:112px}.unified-image-controls{display:flex;flex-direction:column;gap:12px}.unified-image-controls>*{margin:0}.image-workbench-actions{order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-editor-panel .image-workbench-actions button{white-space:nowrap}@container photo-workbench (max-width: 510px){.image-editor-layout .image-editor-layout__body{grid-template-columns:minmax(0,1fr);gap:16px}.image-workbench-stage{height:220px;padding:8px}.image-workbench-stage>section{width:min(100%,calc(204px * var(--image-aperture-ratio)));max-height:204px}.image-workbench-actions,.image-effects-controls [data-testid=image-filter-options]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px)and (max-width:1100px){.image-editor-panel{inset:122px 16px auto;max-height:calc(100% - 146px);--editor-form-space: 20px}}@media(max-width:767px){.image-editor-panel{top:36px;right:10px;bottom:10px;left:10px;max-height:none;--editor-form-space: 16px}.image-editor-panel .image-editor-panel__header{padding:16px var(--editor-form-space) 12px}.image-editor-panel .image-editor-panel__header h2{font-size:17px}.image-editor-panel .image-editor-panel__body{flex:1;padding-bottom:12px}.image-editor-panel .image-editor-panel__footer{padding:8px 16px max(10px,env(safe-area-inset-bottom));justify-content:space-between}.image-editor-layout .image-editor-layout__body{grid-template-columns:minmax(0,1fr);gap:14px}.image-workbench-stage-heading{min-height:24px;margin-bottom:8px}.image-workbench-stage{--image-workbench-action-inset: 8px;height:180px;padding:6px;border-radius:var(--radius-sm)}.image-workbench-stage>section{width:min(100%,calc(168px * var(--image-aperture-ratio)));max-height:168px}.image-workbench-tabs{margin-bottom:8px;gap:12px}.image-workbench-tabs button{min-width:44px;font-size:12px}.image-workbench-actions{gap:6px}.image-effects-controls [data-testid=image-filter-options]{gap:4px}.image-effects-controls [data-testid=image-filter-options] .image-filter-preview{height:88px}}.image-editor-panel [data-ui=button]:not([data-testid=image-filter-options] button):not(.number-input__display):not(.unified-image-actions__icon){min-height:44px;height:auto;padding:0 12px;font-size:12px;border-radius:var(--ui-compact-control-radius)}.image-editor-panel [data-testid=image-filter-options] button .truncate{overflow:visible;white-space:normal;text-overflow:clip;font-size:.75rem;line-height:1rem}.image-editor-panel .image-workbench-tabs button{font-weight:600}.image-editor-panel[data-scope=workspace]{--editor-form-space: 24px;--image-workspace-stage-height: clamp(220px, calc(100dvh - 480px) , 420px);top:0;right:0;bottom:0;left:0;width:min(880px,calc(100% - clamp(32px,8%,96px)));height:min(700px,calc(100% - clamp(80px,14dvh,144px)));max-height:none;margin:auto}.image-editor-panel[data-scope=workspace] .image-editor-panel__body{flex:1;scrollbar-gutter:stable}.image-editor-panel[data-scope=workspace] .image-editor-panel__footer{justify-content:space-between}.image-editor-panel[data-scope=workspace] .image-workbench-stage{height:var(--image-workspace-stage-height)}.image-editor-panel[data-scope=workspace] [data-testid=image-filter-options] .image-filter-preview{height:72px}.image-editor-panel[data-scope=workspace] .image-workbench-stage>section{width:min(100%,calc((var(--image-workspace-stage-height) - 24px) * var(--image-aperture-ratio)));max-height:calc(var(--image-workspace-stage-height) - 24px)}@container photo-workbench (min-width: 512px){.image-editor-panel[data-scope=workspace] .image-editor-layout__body{grid-template-columns:minmax(0,1fr) clamp(240px,38cqw,360px);align-items:start}}.image-editor-panel[data-scope=workspace] .image-editor-panel__body:has(.image-workbench-stage){display:flex;flex-direction:column;overflow:hidden;scrollbar-gutter:auto}.image-editor-panel[data-scope=workspace] .image-editor-panel__body>:has(.image-workbench-stage),.image-editor-panel[data-scope=workspace] [data-tab-panel]:not([hidden]):has(>.image-editor-layout),.image-editor-panel[data-scope=workspace] .image-editor-layout:has(.image-workbench-stage){display:flex;flex:1;flex-direction:column;min-height:0}.image-editor-panel[data-scope=workspace] .image-editor-layout__body:has(.image-workbench-stage){flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}.image-editor-panel[data-scope=workspace] .image-editor-layout__preview:has(.image-workbench-stage){position:static;display:flex;flex-direction:column;min-height:0}.image-editor-panel[data-scope=workspace] .image-editor-layout__preview>.image-editor-source:has(>.image-workbench-stage){display:flex;flex:1;flex-direction:column;min-height:0}.image-editor-panel[data-scope=workspace] .image-workbench-stage{container:photo-stage / size;flex:1;min-height:0;height:auto;margin:0}.image-editor-panel[data-scope=workspace] .image-workbench-stage>section{width:min(100%,calc(100cqh * var(--image-aperture-ratio)));max-height:100cqh}.image-editor-panel[data-scope=workspace] .image-editor-layout__body:has(.image-workbench-stage)>.image-editor-layout__controls{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}@container photo-workbench (max-width: 511px){.image-editor-panel[data-scope=workspace] .image-editor-layout__body:has(.image-workbench-stage){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(140px,1fr) minmax(72px,1fr);gap:12px}.image-editor-panel[data-scope=workspace] .image-workbench-stage-heading{display:none}}@container photo-workbench (min-width: 512px) and (max-width: 719px){.image-editor-panel[data-scope=workspace] .image-workbench-stage:has(.unified-image-actions--workbench)>section{max-width:calc(100% - var(--image-workbench-action-clearance));margin-right:var(--image-workbench-action-clearance)}}@container image-editor (max-width: 511px){.image-editor-layout .image-editor-layout__body{grid-template-columns:minmax(0,1fr);gap:16px}}:is(.image-editor-layout,.image-editor-panel[data-scope=workspace]) .image-editor-layout__body--preview-only{grid-template-columns:minmax(0,1fr)}.image-editor-layout__photos .image-workbench-stage:has(.unified-image-actions--workbench)>section{max-width:calc(100% - var(--image-workbench-action-clearance));margin-right:var(--image-workbench-action-clearance)}@container photo-workbench (min-width: 512px){.image-editor-panel[data-scope=workspace] .image-editor-layout__photos{flex:1}.image-editor-panel[data-scope=workspace] .image-editor-layout__photo>.image-editor-source{display:flex;flex:1;flex-direction:column;min-height:0}}.image-editor-panel-host,.image-editor-panel-host__form{display:flex;flex:1;flex-direction:column;position:relative;min-width:0;min-height:0;height:100%}.image-editor-panel-host{isolation:isolate}.image-editor-panel-host__form{z-index:0}.image-editor-panel-host__portal{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.image-editor-panel-layer:not([hidden]){position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.image-editor-panel-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ui-ink) 16%,transparent)}.image-editor-panel{position:absolute;inset:clamp(48px,9vh,88px) 16px 16px;display:flex;flex-direction:column;min-height:0;color:var(--ui-ink);background:var(--ui-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);outline:none;overflow:hidden;animation:image-editor-panel-enter .18s cubic-bezier(.16,1,.3,1)}.image-editor-panel__header{display:flex;align-items:center;flex-shrink:0;padding:16px;border-bottom:1px solid var(--ui-soft)}.image-editor-panel__body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px}.image-editor-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid var(--ui-soft)}.image-editor-panel__footer>:last-child{min-width:96px}.image-editor-summary{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:10px 12px;border:1px solid var(--ui-line);border-radius:var(--radius-md);color:var(--ui-ink);background:var(--ui-surface);font-size:13px}.image-editor-summary:hover{background:var(--ui-field)}.image-editor-summary:focus-visible{outline:2px solid rgb(var(--primary-500));outline-offset:-2px}.image-editor-summary__thumbnail{display:flex;align-items:center;justify-content:center;width:52px;height:56px;flex-shrink:0;overflow:hidden;border-radius:var(--radius-sm);background:var(--ui-soft);color:var(--ui-muted)}.image-editor-summary__action{display:flex;align-items:center;gap:5px;flex-shrink:0;font-weight:600}.image-editor-panel .image-editor-layout__body{border:0}.image-editor-panel .image-editor-layout__preview{padding-top:0}.image-editor-panel .image-editor-layout__controls{border:0}.editor-media-item-fields:has(.image-editor-summary){grid-template-columns:minmax(0,1fr)}@keyframes image-editor-panel-enter{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media(max-width:767px){.image-editor-panel{top:36px;right:8px;bottom:8px;left:8px;border-radius:var(--radius-lg)}.image-editor-panel__body{padding:12px}.image-editor-panel__footer{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.image-editor-panel{animation:none}}.image-adjustment-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-width:0}.image-adjustment-control .number-input--image-value{width:7.5rem;min-inline-size:0}.image-adjustment-control .number-input>.number-input__display{min-height:var(--ui-touch-target-size);background:var(--ui-field);color:var(--ui-ink);font-size:var(--ui-form-label-size);border-radius:var(--ui-compact-control-radius)}.image-adjustment-control__slider{grid-column:1 / -1;width:100%;min-width:0;height:var(--ui-touch-target-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;touch-action:none}.image-adjustment-control__slider:focus-visible{outline:var(--ui-indicator-width) solid rgb(var(--primary-500));outline-offset:var(--ui-focus-inset);border-radius:var(--radius-sm)}.image-adjustment-control__slider:disabled{opacity:.5;cursor:default}.image-adjustment-control__slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background:var(--ui-line)}.image-adjustment-control__slider::-moz-range-track{height:6px;border-radius:var(--radius-full);background:var(--ui-line)}.image-adjustment-control__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border:2px solid var(--ui-surface);border-radius:50%;background:rgb(var(--primary-500))}.image-adjustment-control__slider::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--ui-surface);border-radius:50%;background:rgb(var(--primary-500))}@media(pointer:coarse){.image-adjustment-control .number-input--image-value{width:11.5rem}}.import-image-thumbnails{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .25rem .5rem}.import-image-thumbnails__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.import-image-thumbnails__item{position:relative;flex:none;width:3.25rem;height:3.25rem}.import-image-thumbnails__preview{display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:var(--radius-sm);background:var(--ui-soft);cursor:pointer}.import-image-thumbnails__preview>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.import-image-thumbnails__remove{position:absolute;top:.25rem;right:.25rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;padding:0;border:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--ui-ink) 70%,transparent);color:var(--ui-surface);cursor:pointer}.import-image-thumbnails__remove:after{content:"";position:absolute;top:-.875rem;right:-.875rem;bottom:-.875rem;left:-.875rem}.import-image-thumbnails__remove:disabled{cursor:not-allowed;opacity:.5}.import-image-thumbnails__count{margin-left:auto;padding-right:.25rem;color:var(--ui-muted);font-size:var(--ui-data-meta-size);font-variant-numeric:tabular-nums}