.image-tool-tutorial{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding-block:0}.image-tool-tutorial .operation-tutorial__header,.image-tool-tutorial .operation-tutorial__overview,.image-tool-tutorial .operation-tutorial__studio{grid-column:1/-1}.image-tool-tutorial .operation-tutorial__header{margin:0}.image-tool-tutorial .operation-tutorial__steps{align-self:center;margin:0}.image-tool-tutorial .operation-tutorial__actions{margin:0}.image-tool-tutorial .operation-tutorial__source>.operation-tutorial__mock-primary{color:var(--user-surface,#fff)}.image-tool-tutorial .operation-tutorial__studio{grid-template-columns:minmax(136px,.3fr) minmax(0,1fr);height:300px}.image-tool-tutorial .operation-tutorial__source{gap:7px}.image-tool-tutorial .operation-tutorial__source-photo{height:72px}.image-tool-tutorial .image-tool-tutorial__settings{display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--tutorial-muted);font-size:10px;line-height:1.4}.image-tool-tutorial .image-tool-tutorial__options{display:flex;gap:3px}.image-tool-tutorial .image-tool-tutorial__options>span{display:flex;flex:1 1;justify-content:center;align-items:center;min-height:27px;min-width:0;padding:4px 3px;border:1px solid var(--field-line,#d5d0da);border-radius:6px;background:var(--user-surface,#fff);color:var(--tutorial-muted);text-align:center}.image-tool-tutorial .image-tool-tutorial__options>.is-selected{border-color:var(--tutorial-accent);background:var(--tutorial-soft);color:var(--nav-selected,#6338ba);font-weight:600}.image-tool-tutorial .image-tool-tutorial__brush-setting{display:flex;align-items:center;gap:4px;padding:5px 0}.image-tool-tutorial .image-tool-tutorial__brush-setting .studio-icon{width:13px;height:13px;color:var(--tutorial-accent)}.image-tool-tutorial .image-tool-tutorial__brush-setting i{flex:1 1;height:3px;border-radius:3px;background:var(--tutorial-soft)}.image-tool-tutorial .image-tool-tutorial__brush-setting strong{font-size:10px;font-weight:500}.image-tool-tutorial .image-tool-tutorial__platforms{display:grid;grid-gap:3px;gap:3px}.image-tool-tutorial .image-tool-tutorial__platforms>span{display:flex;justify-content:space-between;align-items:center;gap:3px;min-height:21px;padding:3px 4px;border:1px solid var(--field-line,#d5d0da);border-radius:5px;font-size:9px;background:var(--user-surface,#fff)}.image-tool-tutorial .image-tool-tutorial__platforms>.is-selected{border-color:var(--tutorial-accent);background:var(--tutorial-soft);color:var(--nav-selected,#6338ba)}.image-tool-tutorial .image-tool-tutorial__platforms small{flex:none;font-size:9px}.image-tool-tutorial[data-kind=crop] .operation-tutorial__source-photo{height:48px}.image-tool-tutorial[data-kind=crop] .operation-tutorial__source{gap:5px}.image-tool-tutorial .image-tool-tutorial__advanced{display:grid;grid-gap:3px;gap:3px;min-height:23px}.image-tool-tutorial .image-tool-tutorial__advanced>strong{display:flex;align-items:center;justify-content:space-between;color:var(--tutorial-ink);font-size:10px;font-weight:500}.image-tool-tutorial .image-tool-tutorial__advanced .studio-icon{width:12px;height:12px}.image-tool-tutorial .image-tool-tutorial__editor{gap:7px}.image-tool-tutorial .image-tool-tutorial__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--tutorial-muted);font-size:10px}.image-tool-tutorial .image-tool-tutorial__toolbar>span{display:inline-flex;align-items:center;gap:3px;min-height:24px;padding:3px 5px;border-radius:5px}.image-tool-tutorial .image-tool-tutorial__toolbar>.is-selected{background:var(--tutorial-soft);color:var(--nav-selected,#6338ba)}.image-tool-tutorial .image-tool-tutorial__toolbar .studio-icon{width:12px;height:12px}.image-tool-tutorial .image-tool-tutorial__mask-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;flex:1 1;min-height:0}.image-tool-tutorial .image-tool-tutorial__mask-panel{display:flex;flex-direction:column;gap:5px;min-height:0;min-width:0}.image-tool-tutorial .image-tool-tutorial__mask-panel>strong{font-size:10px;color:var(--tutorial-muted);font-weight:500}.image-tool-tutorial .image-tool-tutorial__mask-photo{display:flex;justify-content:center;flex:1 1;min-height:0;overflow:hidden;border-radius:7px;background:var(--user-canvas,#fbfaff)}.image-tool-tutorial .image-tool-tutorial__portrait{position:relative;height:100%;max-width:100%;min-height:0}.image-tool-tutorial .image-tool-tutorial__mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.image-tool-tutorial .image-tool-tutorial__mask path{fill:none;stroke:var(--mask-overlay,#c83364);stroke-opacity:.65;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.image-tool-tutorial .image-tool-tutorial__anchor{position:absolute;width:0;height:0}.image-tool-tutorial .operation-tutorial__cursor[data-editing-crop=true],.image-tool-tutorial .operation-tutorial__cursor[data-painting=true]{transition:none}.image-tool-tutorial .image-tool-tutorial__editor-footer{display:flex;justify-content:space-between;align-items:center;gap:5px;color:var(--tutorial-muted);font-size:10px}.image-tool-tutorial .image-tool-tutorial__editor-footer>span:first-child{min-width:0}.image-tool-tutorial .image-tool-tutorial__relight-view{align-items:stretch}.image-tool-tutorial .image-tool-tutorial__relight-photo{display:flex;justify-content:center;flex:1 1;min-height:0}.image-tool-tutorial .image-tool-tutorial__relight-view>span{color:var(--tutorial-muted);font-size:11px;text-align:center}.image-tool-tutorial .image-tool-tutorial__crop-view{gap:7px}.image-tool-tutorial .image-tool-tutorial__crop-view .operation-tutorial__view-heading>span{color:var(--tutorial-muted);font-size:10px}.image-tool-tutorial .image-tool-tutorial__crop-stage{display:grid;place-items:center;flex:1 1;min-height:0;padding:4px;background:var(--user-canvas,#fbfaff);border-radius:7px}.image-tool-tutorial .image-tool-tutorial__crop-frame{position:relative;width:auto;max-width:100%;height:100%;max-height:186px;aspect-ratio:1;overflow:hidden;border:1px solid var(--tutorial-accent);background:var(--user-surface,#fff)}.image-tool-tutorial .image-tool-tutorial__crop-photo{position:absolute;width:100%;top:50%;left:0}.image-tool-tutorial .image-tool-tutorial__crop-frame>i{position:absolute;inset:0;pointer-events:none;border:1px solid var(--user-surface,#fff)}.image-tool-tutorial .image-tool-tutorial__crop-footer,.image-tool-tutorial .image-tool-tutorial__result-footer{display:flex;justify-content:space-between;gap:5px;color:var(--tutorial-muted);font-size:10px}.image-tool-tutorial .image-tool-tutorial__result-footer{align-items:center}.image-tool-tutorial .image-tool-tutorial__result-footer .operation-tutorial__mock-download{flex:none;min-height:28px;font-size:10px}.image-tool-tutorial .image-tool-tutorial__result-footer .operation-tutorial__mock-download:not(.is-downloaded){border-color:var(--tutorial-accent);background:var(--tutorial-accent);color:var(--user-surface,#fff)}.image-tool-tutorial .image-tool-tutorial__crop-result{position:relative;width:auto;height:100%;max-width:100%;aspect-ratio:1;margin-inline:auto;overflow:hidden}.image-tool-tutorial .image-tool-tutorial__crop-result>div{position:absolute;width:100%;top:50%}.image-tool-result-workspace:has(>.image-tool-tutorial){grid-template-rows:auto auto;align-content:start;overflow-y:auto}.image-tool-persistent-canvas:has(>.image-tool-tutorial){align-content:start;gap:14px;padding:12px;overflow-y:auto}.smart-erase-result:has(>.image-tool-tutorial){justify-content:flex-start;overflow-y:auto}.image-tool-tutorial .image-tool-tutorial__overview{gap:10px}.image-tool-tutorial .image-tool-tutorial__overview>div{display:flex;flex-direction:column}.image-tool-tutorial .image-tool-tutorial__overview-settings{gap:6px}.image-tool-tutorial .image-tool-tutorial__overview-settings>strong{font-size:12px}.image-tool-tutorial .image-tool-tutorial__overview-settings>.operation-tutorial__view{flex:1 1;min-height:0}.image-tool-tutorial .image-tool-tutorial__overview .image-tool-tutorial__crop-footer,.image-tool-tutorial .image-tool-tutorial__overview .image-tool-tutorial__editor-footer,.image-tool-tutorial .image-tool-tutorial__overview .image-tool-tutorial__toolbar{display:none}.image-tool-tutorial .image-tool-tutorial__overview .image-tool-tutorial__result-footer{flex-wrap:wrap}.image-tool-tutorial[data-motion=paused] .image-tool-tutorial__crop-photo{transition:none}@media (max-width:700px){.image-tool-tutorial .operation-tutorial__studio{grid-template-columns:130px minmax(0,1fr);height:300px}.image-tool-tutorial .operation-tutorial__canvas,.image-tool-tutorial .operation-tutorial__source{padding:9px}.image-tool-tutorial .image-tool-tutorial__editor-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.image-tool-tutorial *{animation:none!important;transition:none!important}}.image-tool-tutorial .image-tool-tutorial__compare{position:absolute;z-index:2;top:8px;left:8px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--field-line,#d5d0da);border-radius:6px;background:var(--user-surface,#fff);color:var(--tutorial-ink)}.image-tool-tutorial .image-tool-tutorial__compare .studio-icon{width:16px;height:16px}.image-tool-tutorial .image-tool-tutorial__compare[data-holding=true]{color:var(--tutorial-accent);background:var(--tutorial-soft);border-color:var(--tutorial-accent)}.image-tool-tutorial .operation-tutorial__cursor[data-holding=true] .operation-tutorial__cursor-tip{background:var(--tutorial-accent);box-shadow:0 0 0 7px var(--tutorial-soft)}.image-tool-tutorial .image-tool-tutorial__settings>span{display:inline-flex;align-items:center;gap:4px}.image-tool-tutorial .image-tool-tutorial__settings>span .studio-icon{width:10px;height:10px}.image-tool-tutorial .image-tool-tutorial__options .studio-icon{width:12px;height:12px;margin-right:3px;flex:none}.image-tool-tutorial .image-tool-tutorial__relight-result{isolation:isolate}.image-tool-tutorial .image-tool-tutorial__result-backdrop{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px);opacity:.4;transform:scale(1.1)}.image-tool-tutorial[data-kind=relight] .image-tool-tutorial__result-footer .operation-tutorial__mock-download{flex:1 1;margin-left:10px;background:linear-gradient(100deg,var(--tutorial-accent),#af51bf)}