*{box-sizing:border-box}body{margin:0;background:#f4f5f8;color:#1d2635;font:14px system-ui,-apple-system,sans-serif}header{max-width:1400px;margin:auto;padding:36px 32px 22px}header span{font-size:11px;letter-spacing:3px;color:#6b62db}h1{font-size:30px;letter-spacing:-1px;margin:12px 0}p{color:#758094;line-height:1.7}main{display:grid;grid-template-columns:280px 1fr;gap:24px;max-width:1400px;margin:auto;padding:0 32px 40px}aside,section{background:white;border:1px solid #e5e8ef;border-radius:18px;padding:24px}h2{font-size:17px;margin:0 0 20px}label{display:block;margin:14px 0;color:#697386;font-size:12px}select,input[type=number]{width:100%;border:1px solid #e2e5ef;border-radius:8px;padding:10px;background:#fafbfe;color:#283247;margin-top:7px}button,.upload{cursor:pointer;border:0;border-radius:9px;background:#7161e8;color:white;padding:12px;text-align:center;font-weight:600}aside button{width:100%;margin:6px 0}.secondary{background:#eef0f6;color:#58647b}button:disabled{opacity:.5;cursor:wait}.row{display:flex;gap:8px}.note{font-size:11px}.top{display:flex;justify-content:space-between;align-items:start}.top span{color:#8b91a0;font-size:12px}#stage{position:relative;background:#171c28;border-radius:10px;overflow:hidden;max-width:100%;margin:auto;min-height:200px}#empty{padding:100px 20px;text-align:center;color:#b1b9ca;font-size:20px}small{font-size:12px}#stage.grid{display:grid;gap:0;min-height:0}#stage.grid .cell{position:relative;overflow:hidden;min-width:0}#stage.grid img,#stage.grid video{width:100%;height:100%;object-fit:cover;display:block}#stage.crop{width:max-content;min-height:0;max-width:100%}#stage.crop img,#stage.crop video{display:block;max-width:100%;max-height:65vh;width:auto;height:auto}#overlay{position:absolute;inset:0;touch-action:none;cursor:crosshair}.box{position:absolute;border:2px solid #96ffa7;background:#71ec8d20;pointer-events:none;color:white;font-size:12px}.box b{background:#21874d;padding:2px 5px}#transport{display:flex;gap:12px;align-items:center;margin-top:12px}#transport[hidden]{display:none}#seek{flex:1}#assets{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.asset{background:#f3f4fa;padding:10px;border-radius:10px;max-width:200px;overflow-wrap:anywhere}.asset button{padding:5px;margin:6px 2px 0;background:#e1e4f3;color:#454f6b}#regions>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;border-bottom:1px solid #eee}#regions input{width:76px}#regions button{padding:6px}#status{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:18px;line-height:1.7}#results a{display:inline-block;margin:8px;padding:12px;background:#e4f6eb;border-radius:8px;color:#267342;text-decoration:none}@media(max-width:800px){main{grid-template-columns:1fr;padding:0 12px}header{padding:24px}aside{padding:18px}h1{font-size:24px}}