.tip-toeing-work-card{color:#f7f1e9;background:linear-gradient(145deg,#211b16,#1b1713);border:1px solid #41372e;border-radius:23px;min-width:0;padding:1.5rem;box-shadow:0 18px 45px #0005;container-type:inline-size}.tip-toeing-work-heading{padding:0 .25rem .9rem}.tip-toeing-work-heading h2{align-items:center;gap:.7rem;margin:0;font-size:1.5rem;display:flex}.tip-toeing-work-heading h2 span{color:#ffae18;background:#493520;border-radius:999px;place-items:center;min-width:2.5rem;padding:.25rem .55rem;font-size:1rem;display:grid}.tip-toeing-work-list{flex-direction:column;gap:.75rem;max-height:480px;padding-right:.25rem;display:flex;overflow-y:auto}.tip-toeing-work-list::-webkit-scrollbar{width:5px}.tip-toeing-work-list::-webkit-scrollbar-thumb{background:#5a493a;border-radius:999px}.tip-toeing-work-item{background:linear-gradient(92deg,#1e1711,#19130f);border:1px solid #3d3128;border-radius:16px;grid-template-columns:156px minmax(0,1fr) 138px 20px;align-items:center;gap:1rem;min-width:0;padding:.75rem;display:grid}.tip-toeing-work-item.is-selected{background:#2b2119;border-color:#a87336}.tip-toeing-work-media{aspect-ratio:16/9;background:linear-gradient(110deg,#51301a,#e68c27 48%,#251710 70%);border:0;border-radius:11px;padding:0;position:relative;overflow:hidden}.tip-toeing-work-media:after{pointer-events:none;content:"";opacity:.75;background:linear-gradient(90deg,#0000 19%,#ffdb80cc 20%,#0000 22% 76%,#ffb836a6 78%,#0000 80%);position:absolute;inset:0}.tip-toeing-work-video{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tip-toeing-work-play{z-index:2;color:#fff;background:#190f0ab5;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;padding-left:3px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tip-toeing-work-duration{z-index:3;color:#fff;background:#000b;border-radius:5px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;right:6px}.tip-toeing-work-processing-still{z-index:1;background:linear-gradient(140deg,#3d210f,#9e5018 48%,#21130d 49%,#110c09);place-items:end start;padding:10px;display:grid;position:absolute;inset:0}.tip-toeing-work-processing-still:before{content:"";opacity:.82;background:#ffc05b;width:13px;position:absolute;top:0;bottom:0;left:22%;box-shadow:162px 0 #6e290e}.tip-toeing-work-processing-still span{z-index:1;color:#ffcc7b;background:#170c07b8;border:1px solid #ffbe5373;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:700;position:relative}.tip-toeing-work-info{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.tip-toeing-work-info h3,.tip-toeing-preview-footer h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:650;overflow:hidden}.tip-toeing-work-info p,.tip-toeing-preview-footer p{color:#b4aaa2;text-overflow:ellipsis;white-space:nowrap;margin:.35rem 0 0;font-size:.84rem;overflow:hidden}.tip-toeing-work-actions{flex-direction:column;gap:.55rem;min-width:0;display:flex;overflow:hidden}.tip-toeing-work-status{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 10px;font-size:.78rem;font-weight:700;display:flex}.tip-toeing-work-status i{border-radius:50%;flex:none;width:10px;height:10px}.tip-toeing-work-status.is-processing{color:#ffb42a;background:#4e351d}.tip-toeing-work-status.is-processing i{border:2px solid #f4a70e;border-top-color:#0000;animation:.8s linear infinite tip-toeing-spin}.tip-toeing-work-status.is-ready{color:#92f08d;background:#293d25}.tip-toeing-work-status.is-ready i{background:#82ec7b}.tip-toeing-work-status.is-failed{color:#fecaca;background:#4c1515}.tip-toeing-work-progress{background:#5b5046;border-radius:999px;min-width:0;height:6px;overflow:hidden}.tip-toeing-work-progress span{border-radius:inherit;background:#ffad16;width:45%;height:100%;animation:1.5s ease-in-out infinite tip-toeing-progress;display:block}.tip-toeing-work-ready-actions{gap:7px;min-width:0;display:flex}.tip-toeing-work-preview-button{color:#ffbd22;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:2px solid #e9a900;border-radius:9px;flex:1;min-width:0;padding:6px 9px;font-size:.82rem;font-weight:700;overflow:hidden}.tip-toeing-work-download{color:#e8dbce;border:1px solid #796550;border-radius:9px;flex:none;place-items:center;width:34px;text-decoration:none;display:grid}.tip-toeing-work-more{color:#c5b8ac;background:0 0;border:0;align-self:start;padding:0;font-size:1.3rem;line-height:1}.tip-toeing-work-empty{color:#b5aaa1;text-align:center;border:1px dashed #5c4e42;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:300px;display:flex}.tip-toeing-work-empty strong{color:#f0e8e0;font-size:1.1rem}.tip-toeing-work-empty span{font-size:.875rem}.tip-toeing-preview-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030303c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tip-toeing-preview-dialog{color:#f7f1e9;background:#17110d;border:1px solid #685343;border-radius:21px;width:min(760px,100%);position:relative;overflow:hidden;box-shadow:0 24px 70px #0009}.tip-toeing-preview-close{z-index:2;color:#fff;background:#110c09cc;border:1px solid #ffffff40;border-radius:50%;width:35px;height:35px;font-size:26px;line-height:1;position:absolute;top:13px;right:14px}.tip-toeing-preview-player{background:#050403;place-items:center;max-height:70vh;display:grid}.tip-toeing-preview-player video{background:#000;width:auto;max-width:100%;max-height:70vh;display:block}.tip-toeing-preview-footer{justify-content:space-between;align-items:center;gap:20px;padding:18px 23px;display:flex}.tip-toeing-preview-footer>div{min-width:0}.tip-toeing-preview-download{color:#211503;white-space:nowrap;background:#ffad16;border-radius:9px;flex:none;padding:11px 15px;font-size:.875rem;font-weight:800;text-decoration:none}@keyframes tip-toeing-spin{to{transform:rotate(360deg)}}@keyframes tip-toeing-progress{0%,to{width:26%;transform:translate(-20%)}50%{width:65%;transform:translate(60%)}}@container (width<=720px){.tip-toeing-work-card{padding:1rem}.tip-toeing-work-list{gap:.55rem;padding-right:0}.tip-toeing-work-item{grid-template-columns:126px minmax(0,1fr) 20px;grid-template-areas:"media info more""media actions more";gap:.45rem .75rem;min-height:0;padding:.65rem}.tip-toeing-work-media{grid-area:media}.tip-toeing-work-info{grid-area:info;align-self:end}.tip-toeing-work-info h3{font-size:.94rem}.tip-toeing-work-info p{margin-top:.25rem;font-size:.75rem}.tip-toeing-work-actions{flex-direction:row;grid-area:actions;align-self:start;align-items:center}.tip-toeing-work-more{grid-area:more}.tip-toeing-work-progress{flex:1;min-width:0}.tip-toeing-work-ready-actions{flex:1}.tip-toeing-work-status{font-size:.72rem}}@container (width<=430px){.tip-toeing-work-card{padding:.8rem}.tip-toeing-work-item{grid-template-columns:106px minmax(0,1fr) 18px;gap:.4rem .55rem}.tip-toeing-work-heading{padding-bottom:.65rem}.tip-toeing-work-play{width:36px;height:36px;font-size:.75rem}.tip-toeing-work-info h3{font-size:.84rem}.tip-toeing-work-status{padding:5px 7px}.tip-toeing-preview-footer{flex-direction:column;align-items:stretch;padding:16px}.tip-toeing-preview-download{text-align:center}}