@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root{color:#19171f;font-synthesis:none;--purple:#7232c7;--purple-light:#ae7eee;--ink:#101015;--line:#e4e2e9;--muted:#74707d;--motion:cubic-bezier(.22, 1, .36, 1);background:#f5f5f8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button{transition:background-color .2s,color .2s,border-color .2s,transform .2s}input,select{color:#24202c;outline-offset:3px;background:#fff;border:1px solid #d9d6e0;border-radius:5px;width:100%;min-height:45px;padding:10px 12px}input:focus,select:focus{outline:2px solid var(--purple-light);border-color:var(--purple)}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--purple)}input[type=file]{padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--purple-light);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.02em}p{line-height:1.6}small{display:block}h1{font-size:36px;line-height:1.15}h2{font-size:23px;line-height:1.3}h3{font-size:17px;line-height:1.4}a{color:var(--purple)}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.eyebrow{letter-spacing:.14em;color:var(--purple);margin-bottom:12px;font-size:11px;font-weight:650}.brand{white-space:nowrap;align-items:center;gap:12px;display:flex}.brand img{filter:brightness(0)invert();width:130px;height:auto}.brand>span{letter-spacing:.2em;color:#b9b4c6;border-left:1px solid #ffffff35;padding-left:12px;font-size:10px}.button{white-space:nowrap;background:#fff;border:1px solid #d9d6e0;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:10px 15px;font-size:13px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:#eeebf4;border-color:#c6b9dc}.button.primary{background:var(--purple);color:#fff;border-color:var(--purple)}.button.primary:hover:not(:disabled){background:#853fdd;border-color:#853fdd}.button.quiet{background:0 0;border-color:#0000}.button.full{width:100%}.icon-button{background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-button:hover{background:#8d799c20}.text-button{color:var(--purple);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;line-height:1.5;display:inline-flex}.text-button:hover{text-decoration:underline}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{flex-direction:column;gap:8px;margin-bottom:20px;font-size:13px;font-weight:550;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.check{cursor:pointer;align-items:center;gap:10px;padding-block:7px;font-size:13px;display:flex}.check input{flex:0 0 17px}.error{color:#b4233c;font-size:13px}.toast{color:#fff;z-index:100;max-width:90vw;animation:toast-in .25s var(--motion);background:#1c1726;border:1px solid #c8a2f3;border-radius:7px;align-items:center;gap:10px;padding:15px 20px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.loading-screen{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100svh;display:flex}.loading-screen p{color:#c5bed2;font-size:13px}.auth-page{grid-template-columns:1.06fr 1fr;min-height:100svh;display:grid}.auth-art{color:#fff;background:radial-gradient(at 15% 90%,#6328a8 0%,#0000 55%),linear-gradient(145deg,#111016,#21172d);flex-direction:column;justify-content:space-between;padding:46px 48px;display:flex;position:relative;overflow:hidden}.auth-art:after{content:"";pointer-events:none;border:1px solid #ffffff0c;width:600px;height:600px;position:absolute;top:90px;right:-280px;transform:rotate(28deg)}.auth-art-content{z-index:1;padding-block:100px}.auth-art-content .eyebrow{color:#c59aef;letter-spacing:.17em;font-size:11px}.auth-art h1{letter-spacing:.005em;margin-block:20px;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(68px,7.5vw,108px);font-weight:400;line-height:.99}.auth-art-content p{color:#c7c0d5;max-width:33ch;margin-top:27px;font-size:15px}.auth-art-bottom{letter-spacing:.1em;color:#b4a6c5;justify-content:space-between;gap:15px;font-size:9px;display:flex}.auth-form{background:#fafafd;justify-content:center;align-items:center;padding:60px 50px;display:flex}.auth-form>.brand{display:none}.auth-form-inner{width:100%;max-width:370px}.security-label{color:var(--purple);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.auth-form h2{margin-bottom:12px;font-size:34px}.auth-form p.muted{margin-bottom:30px;font-size:13px}.auth-form form{gap:0;display:grid}.auth-form .text-button{margin-top:20px}.auth-foot{color:#88818f;align-items:center;gap:7px;margin-top:45px;font-size:11px;display:flex}.setup-note{color:#807187;border-left:2px solid #ad8bcf;margin-top:30px;padding:7px 12px;font-size:12px}.mfa-enroll{gap:15px;margin-bottom:20px;display:grid}.mfa-enroll>img{width:180px;height:180px}.backup-codes{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;font-size:12px;display:grid}.app-shell{grid-template-columns:238px 1fr;min-height:100svh;display:grid}.sidebar{color:#d2ceda;z-index:30;background:#101015;flex-direction:column;width:238px;padding:30px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin-bottom:38px;padding-inline:10px}.sidebar .brand img{width:123px}.sidebar .brand>span{font-size:9px}.workspace-caption{letter-spacing:.13em;color:#777080;margin-bottom:13px;padding-inline:12px;font-size:9px}.sidebar nav{gap:5px;margin-bottom:34px;display:grid}.sidebar nav button{text-align:left;color:#aaa4b6;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;width:100%;padding:12px;font-size:12px;line-height:1.5;display:flex}.sidebar nav button:hover:not(:disabled){color:#fff;background:#ffffff09}.sidebar nav button.selected{color:#d9b7ff;background:#7232c728}.sidebar .library-nav{border-left:1px solid #ffffff13;gap:2px;margin:3px 0 13px 29px;display:grid}.sidebar .library-nav button{justify-content:space-between;padding:9px 12px;font-size:11px}.sidebar .library-nav button.active{color:#fff}.nav-label{letter-spacing:.08em;opacity:.7;margin-left:auto;font-size:8px}.sidebar-bottom{border-top:1px solid #ffffff12;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.avatar{color:#dcb7ff;background:#41265f;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.sidebar-bottom strong{color:#eee8f5;font-size:11px;font-weight:550}.sidebar-bottom small{color:#908799;text-transform:capitalize;margin-top:5px;font-size:9px}.sidebar-bottom>.icon-button{color:#9a90a5;margin-left:auto}.workspace{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:74px;padding-inline:38px;display:flex;position:sticky;top:0}.breadcrumb{color:#8f879b;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumb strong{color:#3b3447;font-weight:550}.environment{color:#81798a;align-items:center;gap:7px;font-size:10px;display:flex}.environment>span{background:#8054ab;border-radius:50%;width:6px;height:6px}.workspace-content{max-width:1600px;margin:auto;padding:38px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px;display:flex}.page-heading .eyebrow{margin-bottom:10px}.page-heading h1{font-size:31px;font-weight:650}.page-heading p{color:#827a8a;margin-top:10px;font-size:12px}.page-heading .actions{justify-content:flex-end}.content-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:62px;margin-bottom:25px;padding-block:15px;display:flex}.toolbar-right{align-items:center;gap:17px;display:flex}.toolbar-right .text-button{color:#81758d;font-size:11px}.folder-trail button{color:#786b85;background:0 0;border:0;padding:4px 0;font-size:11px}.folder-trail button:last-child{color:#322b3d;font-weight:600}.folder-context{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:25px;display:flex}.folder-context h2{font-size:22px}.folder-context p{color:var(--muted);margin-top:9px;font-size:12px}.folder-context img{object-fit:contain;max-width:130px;max-height:50px;margin-bottom:13px;display:block}.price-summary{text-align:right;gap:9px;max-width:45%;display:grid}.price-summary>span{letter-spacing:.05em;text-transform:uppercase;color:#86778f;font-size:10px}.price-summary strong{font-size:12px;font-weight:550}.price-summary i{color:#aaa;padding-inline:5px;font-style:normal}.price-summary small{color:#928399;font-size:10px}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-bottom:34px;display:grid}.folder-card{border:1px solid var(--line);background:#fff;border-radius:8px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.folder-card:hover{border-color:#c7b1de;box-shadow:0 6px 20px #38134d08}.folder-card.dragging{outline:2px dashed var(--purple);outline-offset:4px}.folder-cover{aspect-ratio:1.8;color:#9075b0;background:#17131e;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.folder-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--motion)}.folder-cover:hover>img{transform:scale(1.035)}.folder-placeholder{background:linear-gradient(140deg,#211928,#100d16);justify-content:center;align-items:center;height:100%;display:flex}.folder-badge{color:#d3c8e1;letter-spacing:.12em;background:#15111ac9;border:1px solid #ffffff2a;padding:5px 7px;font-size:8px;position:absolute;top:14px;left:14px}.folder-open{color:#eee3fc;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex;position:absolute;bottom:13px;right:13px}.folder-card-body{padding:19px}.folder-card-title{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:0;font-size:14px;line-height:1.4;display:flex}.folder-card-title>img{object-fit:contain;max-width:95px;height:30px}.folder-card-body p{color:#978b9e;margin-top:9px;font-size:10px}.folder-card-foot{color:#85748f;border-top:1px solid #f0edf3;justify-content:space-between;margin-top:20px;padding-top:13px;font-size:10px;display:flex}.empty-state{text-align:center;background:#fff8;border:1px dashed #cfc5da;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:19px;min-height:350px;padding:50px 25px;display:flex}.empty-state>svg{color:#b099c6}.empty-state h2{font-size:22px}.empty-state p{color:#8a7f94;max-width:54ch;font-size:12px}.empty-state .button{margin-top:8px}.upload-drop{cursor:pointer;text-align:center;background:#fff9;border:1px dashed #c0afcf;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:220px;padding:25px;transition:background .2s;display:flex}.upload-drop:hover{background:#f0e8fa}.upload-drop>svg{color:#9574b6}.upload-drop h3{font-size:16px}.upload-drop p,.upload-drop small{color:#8e7c9b;font-size:11px}.assets-heading{justify-content:space-between;align-items:center;gap:15px;margin:26px 0 20px;display:flex}.tabs{gap:5px;display:flex}.tabs button{color:#86778e;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.tabs button.active{color:#6427ae;background:#e8def3;font-weight:600}.tabs span{opacity:.7;font-size:10px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px;display:grid}.asset-card{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.asset-preview{aspect-ratio:1;color:#a18cb6;background:#e9e5ef;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.asset-preview>img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.asset-preview:hover>img{transform:scale(1.035)}.asset-type{color:#5c416e;background:#ffffffde;border-radius:3px;padding:5px;display:flex;position:absolute;bottom:8px;left:8px}.asset-info{gap:8px;min-width:0;padding:12px;font-size:11px;display:grid}.asset-info strong{white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.asset-info span{color:#856999;font-size:10px}.asset-info small{color:#ac8425;font-size:9px}.connection-note{color:#93839f;align-items:center;gap:9px;margin-top:27px;font-size:11px;line-height:1.6;display:flex}.connection-note>svg{flex-shrink:0}.connection-note .button{margin-left:auto}.panel{border:1px solid var(--line);background:#fff;border-radius:7px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}th{color:#9a8ba6;border-bottom:1px solid var(--line);padding:17px 22px;font-size:10px;font-weight:500}td{border-bottom:1px solid #efebf2;padding:22px}tr:last-child td{border:0}td strong{font-weight:550}td small{color:#9c8aa7;margin-top:7px;font-size:10px}.capitalize{text-transform:capitalize}.status{color:#6c3b95;letter-spacing:.025em;background:#f0e6f8;border-radius:4px;padding:5px 8px;font-size:10px;display:inline-flex}.status.inactive{color:#847b88;background:#eeebef}.pending-invites{margin-top:35px}.pending-invites h2{margin-bottom:15px;font-size:18px}.pending-invites>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:12px;display:flex}.pending-invites small{color:#8a7894}.future-columns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.future-columns span{color:#887095;background:#ebe4f2;border-radius:5px;padding:9px 12px;font-size:11px}.activity-list>div{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:20px 23px;display:flex}.activity-list>div:last-child{border:0}.activity-dot{background:#aa7ad7;border-radius:50%;width:8px;height:8px}.activity-list strong{text-transform:capitalize;font-size:12px;font-weight:550}.activity-list p{color:#93839e;margin-top:7px;font-size:11px}.activity-list time{color:#a08cab;margin-left:auto;font-size:10px}.dialog{color:#261d31;width:520px;max-width:calc(100vw - 30px);max-height:90svh;animation:dialog-in .26s var(--motion);border:1px solid #e1d5ec;border-radius:10px;padding:0;box-shadow:0 30px 100px #1a082a35}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#100b1d88}.dialog-head{border-bottom:1px solid #e9e1f0;justify-content:space-between;align-items:center;padding:24px 25px;display:flex}.dialog-head h2{font-size:21px}.dialog-body{padding:25px}.dialog-actions{border-top:1px solid #e9e1f0;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:22px;display:flex}.pricing{border-top:1px solid #e9e1f0;border-bottom:1px solid #e9e1f0;margin-bottom:20px;padding-block:22px}.pricing>.field{margin-bottom:12px}.pricing>.form-grid{margin-top:20px}.pricing .form-grid .field{margin-bottom:0}.detail-preview{background:#ebe5f2;border-radius:5px;justify-content:center;align-items:center;min-height:150px;max-height:330px;margin-bottom:18px;display:flex;overflow:hidden}.detail-preview img{object-fit:contain;max-width:100%;max-height:330px}.dialog-body>h3{overflow-wrap:anywhere}.dialog-body>.small{margin-block:8px 20px}.dialog-body>.actions{margin-top:20px}.dialog-body fieldset{border:1px solid #e4d9ed;border-radius:5px;margin:20px 0;padding:14px}.dialog-body legend{color:#8a709c;padding-inline:5px;font-size:12px}.access-details{margin-top:20px}.access-details summary{cursor:pointer;margin-bottom:12px;font-size:12px}.access-details .check{font-size:12px}.invitation-result{gap:18px;display:grid}.invitation-result>svg{color:#8350b2}.invitation-result p{color:#897695;font-size:13px}.invitation-result input{font-size:11px}.info-note{color:#9274a4;background:#f5effa;border-left:2px solid #b68ad8;margin-block:20px;padding:12px;font-size:12px}.upload-queue{z-index:35;width:330px;max-width:calc(100vw - 30px);animation:toast-in .25s var(--motion);background:#fff;border:1px solid #ded1e7;border-radius:8px;position:fixed;bottom:23px;right:23px;box-shadow:0 15px 55px #3410471c}.upload-queue>div:first-child{border-bottom:1px solid #e7deed;align-items:center;gap:10px;padding:12px 16px;display:flex}.upload-queue>div:first-child>strong{font-size:13px}.upload-queue>div:first-child>span{color:#9680a5;margin-left:auto;font-size:10px}.upload-job{border-bottom:1px solid #f0e9f5;gap:7px;padding:12px 16px;font-size:11px;display:grid}.upload-job>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-job>small{color:#9a80ac;font-size:10px}.upload-job progress{width:100%;height:3px;accent-color:var(--purple);border:0}.mobile-menu{display:none}.dialog.closing{pointer-events:none;animation:.18s ease-in forwards dialog-out}.dialog.closing::backdrop{animation:.18s ease-in forwards backdrop-out}.workspace-content,.folder-context,.asset-grid,.upload-drop{animation:content-in .23s var(--motion)}@keyframes content-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}@keyframes dialog-out{to{opacity:0;translate:0 12px}}@keyframes backdrop-out{to{opacity:0}}@keyframes toast-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes dialog-in{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0}}@media (width>=1550px){.workspace-content{padding:48px 55px}.folder-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1050px){.app-shell{grid-template-columns:210px 1fr}.sidebar{width:210px;padding-inline:12px}.sidebar .brand img{width:110px}.sidebar .brand>span{padding-left:8px;font-size:8px}.workspace-content{padding:28px}.topbar{padding-inline:28px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .actions{justify-content:flex-start}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-context{flex-direction:column;align-items:flex-start}.price-summary{text-align:left;max-width:100%}.auth-art,.auth-form{padding:35px}.auth-art-bottom{flex-direction:column}.auth-art h1{font-size:75px}}@media (width<=720px){.app-shell{display:block}.sidebar{width:238px;transition:transform .3s var(--motion);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.workspace{width:100%}.topbar{justify-content:flex-start;gap:12px;height:62px;padding-inline:18px}.mobile-menu{display:flex}.environment{margin-left:auto;font-size:9px}.breadcrumb{gap:7px;font-size:10px}.topbar .breadcrumb>span,.topbar .breadcrumb>svg{display:none}.workspace-content{padding:26px 18px}.page-heading h1{font-size:27px}.page-heading .actions{gap:8px}.button{padding-inline:12px;font-size:12px}.content-toolbar{flex-direction:column;align-items:flex-start}.toolbar-right{justify-content:space-between;width:100%}.folder-grid{gap:13px}.folder-card-body{padding:14px}.folder-card-title{font-size:12px}.folder-card-body p{font-size:9px}.folder-cover{aspect-ratio:1.3}.folder-card-foot{font-size:9px}.assets-heading{flex-direction:column;align-items:flex-start}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-page{background:#fafafd;min-height:100svh;display:block}.auth-art{min-height:290px;padding:28px}.auth-art-content{padding:35px 0 0}.auth-art h1{margin:12px 0;font-size:57px}.auth-art-content p,.auth-art-bottom{display:none}.auth-art-content .eyebrow{font-size:9px}.auth-form{align-items:flex-start;padding:38px 25px}.auth-form h2{font-size:28px}.auth-foot{margin-top:30px}.form-grid{grid-template-columns:1fr;gap:0}.pricing .form-grid{grid-template-columns:1fr 1fr;gap:12px}.activity-list>div{flex-wrap:wrap}.activity-list time{width:100%;margin-left:23px}.connection-note{align-items:flex-start}.connection-note .button{display:none}.empty-state{min-height:310px}.pending-invites>div{flex-wrap:wrap;gap:10px}.dialog-body,.dialog-head{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar-brand-row{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.sidebar-brand-row .brand{margin-bottom:0}.sidebar-close{display:none}@media (width<=720px){.sidebar-close{display:flex}.sidebar-brand-row .brand img{width:100px}}