:root{--gutter: 16px;--container-width: calc(100% - (var(--gutter) * 2));--header-top-height: 96px;--header-left-width: 280px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-tab-bar{display:none;gap:8px;width:100%}.mobile-tab-bar .mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;border:2px solid #000;background:#fff;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;cursor:pointer;transition:background-color .15s ease,color .15s ease}.mobile-tab-bar .mobile-tab.active{background:#000;color:#fff}.generation{display:flex;gap:32px;flex-wrap:nowrap;padding-bottom:8px}.generation>div{display:flex;flex-direction:column}.generation>div h4{font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#000;width:100%;margin-bottom:24px;margin-top:0}.generation .generation__model{flex:0 0 320px;min-width:320px;position:sticky;top:16px;padding:0 0 24px;align-self:flex-start;height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}.generation .generation__model h4{flex:0 0 auto}.generation .generation__model .upload{position:relative;display:flex;flex-wrap:wrap;width:100%;padding:1.5rem;align-content:flex-start;text-align:center;gap:14px;cursor:default;box-shadow:0 12px 40px #0000001f;border-radius:24px}.generation .generation__model .upload span{color:#000;font-size:16px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400;line-height:150%;color:#333;width:100%}.generation .generation__model .upload span.or{color:#666}.generation .generation__model .upload .ist-icon{color:#333}.generation .generation__model .upload.is-dragover{outline:2px dashed #888;background:#0000000d}.generation .generation__model .upload .upload-close{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;position:absolute;top:0;right:0;z-index:9;cursor:pointer;background:#000;color:#fff;border-radius:999px;padding:4px;width:20px;height:20px;font-size:14px}.generation .generation__model .upload.video-options{justify-content:flex-start;align-content:flex-start;text-align:left;gap:0;flex:1 1 0;display:flex;flex-direction:column;overflow:hidden;min-height:0}.generation .generation__model .upload.video-options .field{width:100%;flex-shrink:0}.generation .generation__model .upload.video-options .field textarea,.generation .generation__model .upload.video-options .field input,.generation .generation__model .upload.video-options .field select{width:100%;background:#f2f2f2;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;border-radius:8px}.generation .generation__model .upload.video-options .field textarea{height:75px;min-height:75px;max-height:150px;padding:8px}.generation .generation__model .upload.video-options .field select{padding:8px 4px}.generation .generation__model .upload.video-options .field label{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%}.generation .generation__model .upload.video-options .field.video-field{display:flex;width:100%;height:130px;position:relative}.generation .generation__model .upload.video-options .field.video-field .vid-overlay{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;align-items:end}.generation .generation__model .upload.video-options .field.video-field .vid-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000040,#00000059,#00000073);border-radius:18px}.generation .generation__model .upload.video-options .field.video-field .vid-overlay div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:92%;padding:10px 14px;border-radius:10px}.generation .generation__model .upload.video-options .field.video-field .vid-overlay div span{color:#000;font-size:24px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:135%;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.35)}.generation .generation__model .upload.video-options .field.video-field .vid-overlay a{display:flex;align-items:center;flex-wrap:nowrap;position:absolute;top:4px;right:4px;padding:4px 12px;border-radius:16px;backdrop-filter:blur(4.5px);background:transparent;z-index:2}.generation .generation__model .upload.video-options .field.video-field .vid-overlay a span{color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.35);max-width:none}.generation .generation__model .upload.video-options .field.video-field .vid-overlay a i{font-size:11px;margin-right:4px}.generation .generation__model .upload.video-options .field.video-field .vid-overlay a:hover{background:#333}.generation .generation__model .upload.video-options .field.video-field video{width:100%;height:100%;object-fit:cover;border-radius:18px}.generation .generation__model .upload.video-options .video-options__content{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px;margin-right:-4px;padding-bottom:14px;min-height:0;-ms-overflow-style:none;scrollbar-width:none;width:100%}.generation .generation__model .upload.video-options .video-options__content::-webkit-scrollbar{display:none}.generation .generation__model .upload.video-options .extras{display:flex;flex-wrap:wrap;width:100%;margin-top:auto;padding-top:16px;gap:8px;flex:0 0 auto;background:#fff;border-top:1px solid #CCCCCC}.generation .generation__model .upload.video-options .extras .btnist{width:100%}.generation .generation__model .upload.video-options .extras .btnist.disabled{background-color:#ccc!important;color:#000!important;pointer-events:none}.generation .generation__model .upload.video-options .extras .btnist.disabled .loader{width:24px;border:4px solid #000}.generation .generation__model .upload-field{position:relative;display:flex;flex-wrap:wrap;width:100%;height:112px;padding:1rem;align-content:center;text-align:center;gap:8px;cursor:pointer;border:1px dashed #999999;border-radius:18px}.generation .generation__model .upload-field span{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#333;width:100%}.generation .generation__model .upload-field .ist-icon{color:#333}.generation .generation__model .upload-field.is-dragover{outline:2px dashed #888;background:#0000000d}.generation .generation__model .upload-field .upload-close{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;position:absolute;top:0;right:0;z-index:9;cursor:pointer;background:#000;color:#fff;border-radius:999px;padding:4px;width:20px;height:20px;font-size:14px}.generation .generation__history{flex:1;min-width:0}.generation .generation__history .history-list{display:flex;flex-direction:column;gap:24px}.generation .generation__history .history-load-more{margin-top:24px;text-align:center}.generation .generation__history .history-load-more .btnist{min-width:150px}.history-item{display:flex;align-items:stretch;gap:0;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000001f;overflow:hidden;position:relative}.history-item--skeleton{height:320px;background:#f2f2f2;overflow:hidden;pointer-events:none}.history-item--skeleton .skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 80%,transparent 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.history-item__media{flex:1;min-width:0;min-height:300px;max-height:500px;background:#fff;display:flex;align-items:center;justify-content:center}.history-item__media .media-poster{width:100%;height:100%;position:relative;cursor:pointer}.history-item__media .media-poster img{width:100%;height:100%;object-fit:contain;display:block}.history-item__media .media-poster .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.history-item__media .media-poster .play-button i{font-size:24px;color:#000;margin-left:4px}.history-item__media .media-poster:hover .play-button{transform:translate(-50%,-50%) scale(1.1);background:#fff}.history-item__media .media-poster--placeholder{display:flex;align-items:center;justify-content:center;cursor:default}.history-item__media .media-poster--placeholder i{font-size:48px;color:gray}.history-item__media .history-video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.history-item__sidebar{flex:0 0 220px;display:flex;flex-direction:column;padding:16px;background:#fff;border-left:1px solid #E6E6E6}.history-item__info{flex:1;display:flex;flex-direction:column;gap:12px}.history-item__example:empty{display:none}.history-item__example .example-card{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:#f2f2f2;border:1px solid #CCCCCC;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.history-item__example .example-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;background:#fff}.history-item__example .example-card__img{width:36px;height:36px;border-radius:8px;object-fit:cover}.history-item__example .example-card__placeholder{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.history-item__example .example-card__name{font-size:12px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#000}.history-item__model{font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#000;cursor:pointer;transition:color .15s ease}.history-item__model:hover{color:#667eea}.history-item__prompt{color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#666;line-height:1.4}.history-item__prompt:not(:empty){max-height:80px;overflow-y:auto;padding-right:4px;cursor:pointer;transition:color .15s ease}.history-item__prompt:not(:empty):hover{color:#000}.history-item__prompt:not(:empty)::-webkit-scrollbar{width:4px}.history-item__prompt:not(:empty)::-webkit-scrollbar-track{background:transparent}.history-item__prompt:not(:empty)::-webkit-scrollbar-thumb{background:#999;border-radius:2px}.history-item__prompt:empty{display:none}.history-item__thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;background:#e6e6e6;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.history-item__thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.history-item__thumb img{width:100%;height:100%;object-fit:cover}.history-item__badges{display:flex;flex-wrap:wrap;gap:6px}.history-item__badges .badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;border:1px solid #CCCCCC;background:#fff;color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#4d4d4d;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.history-item__badges .badge:hover{background:#000;border-color:#000;color:#fff}.history-item__date{color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:gray;margin-top:auto}.history-item__actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid #E6E6E6;margin-top:12px}.history-item__actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:#f2f2f2;color:#4d4d4d;cursor:pointer;transition:background .15s ease,color .15s ease;text-decoration:none;font-size:12px;position:relative}.history-item__actions .action-btn:hover{background:#000;color:#fff}.history-item__actions .action-btn[style*="display: none"]{display:none!important}.history-item__actions .action-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:auto}.history-item__actions .action-btn:disabled:hover{background:#f2f2f2;color:#4d4d4d}.history-item__actions .action-btn:disabled:after{display:none}.history-item__actions .action-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;padding:4px 8px;background:#000;color:#fff;font-size:11px;font-weight:400;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:10}.history-item__actions .action-btn[data-tooltip]:hover:after{opacity:1;visibility:visible}.history-item__status{position:absolute;top:16px;left:16px;z-index:2;padding:6px 14px;border-radius:8px;background:#000000b3;backdrop-filter:blur(4px);color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#fff;opacity:0;visibility:hidden;transition:opacity .2s ease}.history-item__status.visible{opacity:1;visibility:visible}.history-item__status.error{background:#d20000}.history-item__status.processing{background:#000000d9}.history-item__status.processing:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.upload-preview{width:100%;height:100%;position:relative;display:flex;justify-content:center}.upload-preview img{max-width:100%;height:auto;max-height:200px;display:block;border-radius:8px}.video-options .toggle-switch{display:flex;align-items:center;gap:10px;margin-top:4px}.video-options .toggle-switch span{width:auto}.video-options .toggle-switch .toggle-input{position:absolute;opacity:0;width:0;height:0}.video-options .toggle-switch .toggle-input:checked+.toggle-label{background:#000}.video-options .toggle-switch .toggle-input:checked+.toggle-label .toggle-switch-handle{transform:translate(18px)}.video-options .toggle-switch .toggle-label{position:relative;display:inline-block;width:42px;height:24px;background:#999;border-radius:24px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.video-options .toggle-switch .toggle-label:hover{background:#8c8c8c}.video-options .toggle-switch .toggle-input:checked+.toggle-label:hover{background:#1f1f1f}.video-options .toggle-switch .toggle-inner{display:block;width:100%;height:100%}.video-options .toggle-switch .toggle-switch-handle{position:absolute;top:3px;left:3px;width:18px!important;height:18px!important;background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000026;transition:transform .2s ease}.video-options .toggle-switch .toggle-text{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#333;width:auto!important;flex-shrink:0;min-width:24px}@media screen and (max-width:1200px){.history-item{flex-direction:column}.history-item__media{min-height:250px;max-height:400px}.history-item__sidebar{flex:none;border-left:none;border-top:1px solid #E6E6E6}.history-item__actions{flex-direction:row;flex-wrap:wrap}.history-item__actions .action-btn{flex:1;min-width:calc(50% - 4px)}}@media screen and (max-width:768px){.mobile-tab-bar{display:flex}.generation{flex-wrap:wrap;gap:0}.generation .generation__model{flex:0 0 100%;min-width:100%;height:calc(100dvh - 134px);position:relative}.generation .generation__model .upload.video-options{flex:1 1 0;overflow:hidden;min-height:0}.generation .generation__model .upload.video-options .video-options__content{flex:1 1 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.generation .generation__model .upload.video-options .video-options__content::-webkit-scrollbar{display:none}.generation .generation__history{flex:0 0 100%;padding-top:1.5rem}.generation__model.mobile-hidden,.generation__history.mobile-hidden{display:none}.imgstd-popup--confirm .content{width:calc(100% - 32px)!important;max-width:400px!important;height:auto!important;max-height:75vh!important;border-radius:14px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}@media screen and (max-width:640px){.history-item__media{min-height:200px}.history-item__sidebar{padding:12px}.history-item__actions .action-btn{min-width:calc(25% - 6px)}}.js-favorite .fa-solid.fa-heart{color:#ef4444}.imgstd-popup--confirm .content{max-width:400px}.imgstd-popup--confirm .content__body{padding:20px 16px 16px;flex-direction:column}.imgstd-popup--confirm .content__body p{margin:0}