.duo-tool{--duo-glass:#161618b8;color:#fff;background:#000;flex-direction:column;flex:1;height:100%;min-height:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative}.duo-stage{flex:1;min-height:360px;position:relative;overflow:hidden}.duo-viewport{min-height:0;position:absolute;inset:0}.duo-viewport canvas{width:100%;height:100%;display:block}.duo-iframe{transform-origin:0 0;pointer-events:none;opacity:0;z-index:2;will-change:transform;backface-visibility:hidden;background:#fff;border:0;width:774px;height:1125px;margin:0;position:absolute;top:0;left:0}.duo-iframe.is-interact{pointer-events:auto}.duo-dock{z-index:5;pointer-events:auto;flex-shrink:0;gap:.65rem;padding:0 .75rem .9rem;display:grid}.duo-status,.duo-error{text-align:center;letter-spacing:-.02em;color:#ffffffb8;max-width:28rem;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.duo-custom{background:var(--duo-glass);backdrop-filter:blur(24px)saturate(180%);border:1px solid #ffffff1f;border-radius:22px;gap:.65rem;width:min(640px,100%);margin:0 auto;padding:.85rem .95rem;display:grid;position:relative}.duo-custom form{gap:.5rem;display:flex}.duo-custom input[type=url]{color:#fff;background:#ffffff14;border:0;border-radius:999px;flex:1;min-width:0;padding:.65rem .95rem;font:400 .95rem/1.2 system-ui,sans-serif}.duo-custom input::placeholder{color:#ffffff6b}.duo-custom button,.duo-drop{color:#fff;letter-spacing:-.02em;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:.65rem 1rem;font:500 .9rem/1 system-ui,sans-serif}.duo-drop{text-align:center;background:#ffffff0a;border:1px dashed #ffffff38;display:block}.duo-drop.is-over{background:#f472b62e}.duo-page-bar{color:#ffffffb8;background:#ffffff0f;border-radius:999px;justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem .15rem .15rem .85rem;font:500 .82rem/1 system-ui,sans-serif;display:flex}.duo-page-bar button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:.55rem .95rem;font:500 .82rem/1 system-ui,sans-serif}.duo-page-bar button.is-on{color:#111;background:#fff}.duo-hint{color:#ffffff7a;text-align:center;margin:0;font-size:.78rem}.duo-crop{gap:.55rem;display:grid}.duo-crop-stage{touch-action:none;cursor:grab;aspect-ratio:1600/1125;background:#111;border-radius:18px;width:100%;height:auto;max-height:168px;position:relative;overflow:hidden}.duo-crop-stage:active{cursor:grabbing}.duo-crop-media{pointer-events:none;user-select:none;display:block}.duo-crop-frame{pointer-events:none;border:1px solid #ffffff59;border-radius:14px;position:absolute;inset:8px;box-shadow:0 0 0 999px #00000047}.duo-crop-bar{align-items:center;gap:.45rem;display:flex}.duo-crop-bar label{color:#ffffff9e;flex:1;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.duo-crop-bar input[type=range]{flex:1;min-width:0}.duo-crop-bar button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:.45rem .75rem;font:500 .78rem/1 system-ui,sans-serif}.duo-chrome{z-index:4;background:var(--duo-glass);backdrop-filter:blur(24px)saturate(180%);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.75rem;width:min(640px,100%);margin:0 auto;padding:.45rem .55rem .45rem .45rem;display:flex;position:relative;box-shadow:0 18px 40px #00000059}.duo-modes{background:#ffffff0f;border-radius:999px;flex-shrink:0;gap:.15rem;padding:.15rem;display:flex}.duo-modes button{color:#ffffff9e;letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45rem .7rem;font:500 .8rem/1 system-ui,sans-serif}.duo-modes button.is-on,.duo-modes button:active{color:#fff;background:#ffffff24}.duo-icon{color:#111;cursor:pointer;background:#fff;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:2.35rem;height:2.35rem;display:grid}.duo-icon:active{transform:scale(.97)}.duo-icon.is-rec{color:#fff;background:#ff3b30}.duo-fold{-webkit-appearance:none;appearance:none;cursor:grab;background:0 0;flex:1;min-width:4.5rem;height:1.35rem}.duo-fold:active{cursor:grabbing}.duo-fold::-webkit-slider-runnable-track{background:#ffffff38;border-radius:999px;height:4px}.duo-fold::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:999px;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 4px #00000059}.duo-fold::-moz-range-track{background:#ffffff38;border-radius:999px;height:4px}.duo-fold::-moz-range-thumb{background:#fff;border:0;border-radius:999px;width:18px;height:18px}@media (width<=720px){.duo-tool{min-height:24rem}.duo-chrome{border-radius:22px;flex-wrap:wrap}.duo-modes{justify-content:space-between;width:100%}}@media (prefers-reduced-transparency:reduce){.duo-chrome,.duo-custom{backdrop-filter:none;background:#1c1c1e}}@media (prefers-reduced-motion:reduce){.duo-icon:active{transform:none}}