.beauty-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0}.beauty-toolbar label{display:flex;align-items:center;gap:5px}.beauty-toolbar input[type=range]{width:90px}.beauty-toolbar input[type=file]{max-width:240px}.beauty-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px;min-height:240px;position:relative;isolation:isolate}.beauty-camera{min-width:0;margin:0!important;padding:0!important;overflow:hidden}.beauty-camera canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;touch-action:none;background:#111}.beauty-camera-head{height:36px;display:flex;align-items:center;background:var(--etti-control-surface)}.beauty-camera-head button{width:100%;text-align:left;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beauty-stage[data-layout=horizontal]{display:flex;overflow-x:auto;align-items:flex-start}.beauty-stage[data-layout=horizontal] .beauty-camera{flex:0 0 min(100%,480px)}.beauty-stage[data-layout=vertical]{grid-template-columns:1fr}.beauty-stage[data-layout=freeform],.beauty-stage[data-layout=pip]{display:block;min-height:480px;height:65vh;overflow:auto}.beauty-stage:is([data-layout=freeform],[data-layout=pip]) .beauty-camera{position:absolute;width:280px;min-width:160px;min-height:126px;resize:both;max-width:100%;z-index:2}.beauty-stage:is([data-layout=freeform],[data-layout=pip]) .beauty-camera-head{cursor:move;touch-action:none}.beauty-stage[data-layout=pip] .beauty-camera{width:180px;left:calc(12px + var(--beauty-index)*20px);top:calc(240px + var(--beauty-index)*12px)}.beauty-stage[data-layout=pip] .beauty-camera.beauty-main{inset:0!important;width:100%;height:100%;resize:none;z-index:1}.beauty-stage[data-layout=pip] .beauty-camera.beauty-main canvas{height:calc(100% - 36px)}.beauty-effects{margin-top:12px}.beauty-toolbar [data-download]{color:var(--fruit-focused-border,#62df8a)}