@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;list-style:none;outline:none;text-decoration:none}:root{--color-primary: rgb(255, 142, 60);--color-secondary: #D9376E;--color-text: #2A2A2A;--black: #0D0D0D;--white: #FFFFFE;--gray: rgb(251, 248, 249);--main-gradient: linear-gradient(119.02deg, #FF8E3C 2.46%, #D9376E 113.5%);--color-bg: var(--gray);--success: #44D937;--logo-size: 1.75rem;--btn-size: 1rem;--transition: .3s ease}body{background:var(--color-bg);width:100%;max-width:100vw;min-height:100vh;display:flex;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}::-webkit-scrollbar{width:.25rem;height:.25rem}::-webkit-scrollbar-thumb{background:var(--color-text);-webkit-transition:var(--transition);transition:var(--transition);border-radius:10px}::-webkit-scrollbar-thumb:hover{opacity:.5}.Logo{font-size:var(--logo-size);font-weight:700;letter-spacing:.04rem;grid-area:logo}.container{max-width:1200px}.btn{cursor:pointer;display:flex;align-items:center;border-radius:.725rem;padding:.75rem 1.5rem;border:none;transition:var(--transition);font-size:var(--btn-size);font-weight:700}.btn:hover{box-shadow:0 0 0 0 transparent}.btn[disabled]{opacity:.5;pointer-events:none}.btn-gradient{background:var(--main-gradient);color:var(--white);box-shadow:0 24px 40px -12px var(--color-primary)}.btn-secondary{background:var(--color-secondary);color:var(--white);box-shadow:0 24px 40px -12px var(--color-secondary)}.btn-text{color:var(--color-secondary);background:transparent;font-weight:500;padding:0}.layout{border-radius:1.25rem;width:100%;background:var(--white);box-shadow:0 18px 60px #19010b0f}.Section-grid{margin:2rem auto;width:min(1200px,100%);display:grid;grid-template-columns:minmax(340px,1fr) minmax(520px,1.1fr);grid-template-areas:"logo logo" "drop folders" "files folders";gap:1.75rem 1.5rem;align-items:start;padding:0 .75rem 2rem}.DropZone-container{grid-area:drop}.Drop-zone{display:flex;justify-content:center;align-items:center;min-height:360px;border:3px solid var(--color-primary);background:var(--white);box-shadow:0 24px 40px -18px #d9376e59;cursor:pointer;transition:var(--transition)}.Drop-zone.active{filter:contrast(.5)}.Drop-content{width:100%;height:100%;padding:2rem 2.5rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem}.Drop-divider{position:relative;padding:0 1rem}.Drop-divider span{padding:0 .5rem;z-index:1;position:relative}.Drop-divider:after,.Drop-divider:before{--h: 1px;--w: 50px;content:"";height:var(--h);width:var(--w);position:absolute;top:calc(50% - var(--h) / 2);background:black;z-index:0}.Drop-divider:before{left:-45%}.Drop-divider:after{right:-45%}.FilterableFiles-content{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;min-height:260px;height:auto;background:radial-gradient(circle at 10% 20%,rgba(255,218,235,.35),transparent 32%),radial-gradient(circle at 90% 10%,rgba(225,244,255,.4),transparent 32%);border-radius:24px}.FilterableFiles-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:stretch}.FilterableFiles-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 .25rem}.FilterableFiles-text{font-weight:700;font-size:1.05rem;line-height:1.4;color:#161616}.FilterableFiles-header .btn-text{color:#ff5c9a;font-weight:700}.FilterableFiles-card{background:#fff;border-radius:18px;padding:1.1rem 1.25rem;box-shadow:0 24px 50px #7a496114;border:1px solid rgba(255,195,222,.4)}.Filters{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:.65rem;padding:0;margin:0}.Filter-item{display:flex;align-items:center;justify-content:center;padding:.65rem .9rem;font-size:14px;border-radius:12px;border:1px solid rgba(32,28,41,.05);cursor:pointer;transition:var(--transition);gap:.45rem;background:#faf7fb;box-shadow:0 12px 40px #36284b0f}.Filter-item svg{width:18px;height:18px}.Filter-item:hover{border-color:#ff8ebd99;transform:translateY(-1px)}.Filter-item.active{color:#ff4c8b;box-shadow:0 12px 32px #ff5c9a29;background:linear-gradient(120deg,#fff3f9,#ffe8f3);border:1px solid #ffd7ec}.FilterableFiles-list{display:flex;flex-direction:column;gap:1rem}.Project-panel{background:#fff;border-radius:18px;padding:1.1rem 1.25rem;border:1px solid rgba(0,0,0,.04);box-shadow:0 24px 50px #563a5214;display:flex;flex-direction:column;gap:.9rem}.Project-panel.empty{justify-content:center;border-style:dashed;border-color:#00000014;color:#6f6275;text-align:left}.Project-empty-title{font-weight:700;margin:0 0 .35rem}.Project-empty-subtitle{margin:0;line-height:1.45}.Project-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.Project-panel-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#897b90;margin:0 0 .25rem}.Project-panel-title-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.1rem}.Project-panel-dot{width:10px;height:10px;border-radius:999px;background:var(--project-color, #ff4c8b);box-shadow:0 0 0 6px #ff5c9a26}.Project-panel-title{margin:0;font-size:1.1rem;font-weight:700}.Project-panel-build{margin:.1rem 0 .35rem;color:#7f7285;font-weight:600}.Project-panel-tags{display:flex;gap:.35rem;flex-wrap:wrap}.Project-panel-tag{background:rgba(0,0,0,.04);color:#4c3c52;padding:.25rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600}.Project-panel-footer{border-top:1px solid rgba(0,0,0,.05);padding-top:.75rem}.Project-panel-footer-title{margin:0;font-weight:700}.Project-panel-footer-subtitle{margin:.15rem 0 .35rem;color:#74667b}.Project-panel-buttons{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.Project-panel-buttons .btn-text{display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.Project-panel-helper{margin:0;color:#8b7d93}.Project-panel-actions .btn-secondary{background:#fff4f8;color:#ff4c8b;border-color:#ff5c9a59;font-weight:700}.File-icon{cursor:pointer}.Files{width:100%;display:flex;flex-direction:column;gap:1rem}.File-item{width:100%;border-radius:16px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:var(--transition);border:1px solid rgba(37,22,33,.06);background:#fff;box-shadow:0 18px 50px #4c344814}.File-item .btn-text{font-size:.85rem;font-weight:600}.File-item:hover{transform:translateY(-2px);box-shadow:0 22px 60px #4c34481f}.File-item.completed{border:1px solid rgba(36,201,130,.4)}.File-thumbnail{width:56px;height:56px;border-radius:14px;background:linear-gradient(160deg,#fff4f2,#ffe8f7);display:grid;place-items:center;font-weight:700;color:#ff4c8b;overflow:hidden}.File-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.File-data{display:flex;flex-direction:column;gap:.35rem}.File-info{width:100%;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-weight:500;font-size:14px;color:var(--color-text)}.File-text{font-size:15px;font-weight:600;color:#221c29;max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.File-progress{color:#8b7d93;font-size:13px}.File-folder{background:rgba(255,218,235,.5);color:#9a3b6a;padding:.1rem .6rem;border-radius:999px;font-size:12px}.File-detail{color:#ff4c8b;font-weight:600}.icon-success{color:#24c982}.progress-bar{width:100%;height:6px;background:#f5f1f5;border-radius:999px;position:relative;box-shadow:inset 0 0 12px #0000000f}.progress-bar .bar{--progress: 10%;position:absolute;top:0;left:0;height:100%;width:var(--progress);border-radius:inherit;background:linear-gradient(120deg,#ff4c8b,#ff8bb8);transition:var(--transition);color:transparent;box-shadow:0 6px 14px #ff5c9a47}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.File-item.completed .progress-bar .bar{--progress: 100%;background:linear-gradient(120deg,#33d18f,#3fe0a0)}.Modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255,255,254,.9);backdrop-filter:blur(10px);display:grid;place-content:center;z-index:1}.Modal{--size: 300px;width:var(--size);height:var(--size);background:#FFFFFE;box-shadow:0 10px 100px #2a2a2a1a;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px}.Modal-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.Modal-img{aspect-ratio:16/9;position:relative;display:flex;width:100%;background:var(--color-secondary);border-radius:10px;background:linear-gradient(45deg,#ff8e3c,#d9376e,#d937d3,#d937a1,#4937d9);background-size:1000% 1000%;animation:AnimationName 5s ease infinite;overflow:hidden}@keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.Modal-img.without-preview:after{content:"This file has no thumbnail";position:absolute;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex;align-items:center;text-align:center;color:var(--white)}.Modal-data{display:grid;width:100%;gap:.5rem}.Modal-data-item{font-size:14px;display:flex;justify-content:space-between;align-items:center}.Modal-data-item h1{font-size:1.25rem;font-weight:700;color:var(--color-text)}.Modal-footer{width:100%;display:flex;justify-content:space-between}.Folders{--size: auto;width:100%;height:auto;background:var(--white);border-radius:1rem;grid-area:folders;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.FilterableFiles{grid-area:files;align-self:start}.Folders-header{display:flex;justify-content:space-between;align-items:flex-start}.Folders-actions{display:flex;align-items:center;gap:.75rem;color:#2a2a2abf}.Folders-hint{font-size:.85rem;margin:0}.Folders-title{font-weight:700;font-size:1.1rem;color:var(--color-text)}.Folders-subtitle{font-size:.9rem;color:#2a2a2ab3;margin-top:.25rem}.Folders-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.Folder-card{background:transparent;display:flex;flex-direction:column;gap:.65rem;border:1px solid transparent;border-radius:1rem;padding:.35rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.Folder-card.active{border-color:#2a2a2a14;box-shadow:0 18px 60px #19010b0f;transform:translateY(-2px)}.Folder-card.drag-over{border-color:var(--folder-color)}.Folder-visual{position:relative;width:100%;aspect-ratio:4 / 3;display:flex;align-items:flex-end;justify-content:center}.Folder-photo{position:absolute;width:72%;height:70%;border-radius:14px;background:linear-gradient(135deg,#ffffff,rgba(217,215,214,.8));box-shadow:0 10px 40px #2a2a2a14;transform:rotate(-4deg);top:10px;left:12%}.Folder-photo.behind{transform:rotate(6deg);opacity:.75;top:2px;left:20%}.Folder-cover{position:relative;width:100%;height:75%;background:linear-gradient(160deg,rgba(255,255,255,.9),var(--folder-color));border-radius:18px;box-shadow:0 20px 80px #2a2a2a14;display:flex;align-items:center;justify-content:center;overflow:hidden}.Folder-tab{position:absolute;top:-8px;left:16px;width:90px;height:16px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.5));border-radius:12px 12px 4px 4px;box-shadow:0 8px 30px #2a2a2a14}.Folder-icon{width:56px;height:56px;background:#fff;border-radius:16px;display:grid;place-items:center;box-shadow:0 12px 40px #2a2a2a29}.Folder-meta{display:flex;flex-direction:column;gap:.4rem}.Folder-name{font-weight:600;color:var(--color-text);font-size:1rem}.Folder-build{color:#7d6f86;font-weight:600;font-size:.9rem}.Folder-tags{display:flex;gap:.5rem;flex-wrap:wrap}.Folder-tag{background:rgba(0,0,0,.04);color:#2a2a2abf;padding:.35rem .6rem;border-radius:999px;font-size:.8rem;font-weight:500}.Folder-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.Folder-count{color:#2a2a2aa6;font-size:.85rem}.Folder-form{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,241,242,.95));border-radius:1rem;padding:1rem;box-shadow:0 16px 40px #22263114;border:1px solid rgba(0,0,0,.04)}.Folder-form-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.Folder-form-heading{display:flex;flex-direction:column;gap:.25rem;color:#2a2a2acc}.Folder-form-eyebrow{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#2a2a2a8c}.Folder-form-title{font-size:1.25rem;margin:0;color:#2a2a2a}.Folder-form-subtitle{margin:0;color:#2a2a2aad;font-size:.95rem}.Folder-form-preview{display:flex;gap:.75rem;align-items:center;background:#fff;padding:.75rem .85rem;border-radius:.9rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 24px #2b2f4014;min-width:240px}.Folder-preview-icon{position:relative;width:72px;height:62px;background:linear-gradient(150deg,var(--folder-color),rgba(255,255,255,.95));border-radius:.9rem;display:grid;place-items:center;overflow:hidden}.Folder-preview-tab{position:absolute;top:0;left:0;width:36px;height:14px;background:rgba(255,255,255,.7);border-bottom-right-radius:.65rem}.Folder-preview-badge{position:relative;z-index:1;background:#fff;border-radius:999px;padding:.35rem;box-shadow:0 6px 16px #00000014;color:#2a2a2a}.Folder-preview-meta{display:flex;flex-direction:column;gap:.35rem}.Folder-preview-name{font-weight:700;margin:0}.Folder-preview-build{margin:0;color:#74657c;font-weight:600}.Folder-preview-tags{display:flex;gap:.35rem;flex-wrap:wrap}.Folder-preview-tag{padding:.25rem .55rem;border-radius:999px;background:rgba(42,42,42,.05);color:#2a2a2ab3;font-size:.8rem}.Folder-preview-tag.muted{color:#2a2a2a73}.Folder-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;align-items:start}.Folder-form-row.align-end{align-items:flex-end}.Folder-form-field{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem;color:#2a2a2ad9}.Folder-form-field small{color:#2a2a2a8c}.Folder-form-field input,.Folder-form-field select{border:1px solid rgba(42,42,42,.12);border-radius:.75rem;padding:.65rem .85rem;background:#fff;box-shadow:inset 0 1px #ffffff59,0 8px 18px #2a2a2a0f}.Folder-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.65rem}.Folder-icon-choice{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(42,42,42,.1);border-radius:.75rem;padding:.65rem;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background-color .15s ease}.Folder-icon-choice:hover{border-color:#2a2a2a33;background:rgba(42,42,42,.025)}.Folder-icon-choice.selected{border-color:#ea4c89;box-shadow:0 10px 24px #ea4c892e}.Folder-icon-mark{display:inline-flex;padding:.45rem;border-radius:14px;background:rgba(234,76,137,.08)}.Folder-color-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.Folder-color-custom{display:inline-flex;align-items:center;gap:.45rem;background:#fff;padding:.4rem .6rem;border-radius:.7rem;border:1px solid rgba(42,42,42,.1);color:#2a2a2ab3;box-shadow:0 6px 14px #2a2a2a0f}.Folder-color-custom input{width:42px;height:32px;padding:0;border:none;box-shadow:none}.Folder-color-swatches{display:flex;gap:.45rem;flex-wrap:wrap}.Folder-color-swatch{width:32px;height:32px;border-radius:10px;border:2px solid transparent;position:relative;box-shadow:0 8px 16px #2a2a2a1f}.Folder-color-swatch.selected{border-color:#ea4c89}.Folder-color-check{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.25)}.Folder-form-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.35rem;border-top:1px solid rgba(0,0,0,.05)}.Folder-form-hint{color:#2a2a2a99;font-size:.9rem}.Folder-form-buttons{display:flex;align-items:center;gap:.6rem}.Folder-modal{width:min(780px,90vw);max-height:90vh;overflow:auto;background:#fff;border-radius:1.1rem;padding:1.25rem;box-shadow:0 18px 60px #2226312e;border:1px solid rgba(0,0,0,.06)}.Folder-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;position:sticky;top:0;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,241,242,.92));padding-bottom:.5rem;z-index:1}.Folder-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:#2a2a2a}.Folder-modal-close{border:1px solid rgba(42,42,42,.12);background:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:#2a2a2abf;transition:transform .15s ease,box-shadow .15s ease}.Folder-modal-close:hover{transform:rotate(-8deg);box-shadow:0 8px 20px #2226311f}.File-folder{font-size:.8rem;color:#2a2a2abf;padding:.15rem .5rem;background:rgba(42,42,42,.06);border-radius:999px}.FilterableFiles-content.dropping{border:2px dashed rgba(42,42,42,.15)}@media (max-width: 960px){.Section-grid{grid-template-columns:1fr;grid-template-areas:"logo" "drop" "folders" "files"}.Drop-zone{min-height:280px}.FilterableFiles-shell{grid-template-columns:1fr}}