:root{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;color:#152d52;background:#f2f7fd;font-size:15px;--blue:#1558c0;--muted:#687e9c;--line:#dbe6f4}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#ffffff}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2px;font-weight:750;text-decoration:none;color:inherit}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:white;font-size:20px;letter-spacing:0}.subbrand{color:var(--muted);font-weight:400;font-size:11px}main{max-width:1280px;margin:0 auto;padding:62px 36px;min-height:calc(100vh - 160px)}h1{font-size:42px;letter-spacing:-1.7px;line-height:1.12;font-weight:550;margin:12px 0 16px}h2{font-size:23px;letter-spacing:-.6px;font-weight:550;margin:0 0 18px}h3{font-size:16px;margin:0 0 16px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--blue);font-weight:700}.muted,p{color:var(--muted);line-height:1.6}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:24px}.intro p{margin:0;max-width:580px}.layout{display:grid;grid-template-columns:310px 1fr;gap:28px}.panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:26px}.side{align-self:start}.form-row{margin-bottom:20px}label{font-size:13px;font-weight:550;display:block;margin-bottom:9px}input,select{width:100%;background:#f8fbff;border:1px solid #d4e1f3;border-radius:8px;padding:13px;font:inherit;color:inherit;min-width:0}input:focus,select:focus{outline:2px solid #6ebcf7;outline-offset:2px}button,.button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:8px;border:1px solid var(--line);background:white;color:var(--blue);font:inherit;font-weight:550;text-decoration:none;font-size:13px}button:hover,.button:hover{background:#edf5ff}button.primary,.button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.primary:hover{background:#104aa5}button:disabled{opacity:.45;cursor:default}.wide{width:100%}.help{font-size:12px;color:var(--muted);line-height:1.65}.note{background:#e8f4ff;padding:15px;border-radius:9px;font-size:12px;line-height:1.6;color:#426b93;margin-top:22px}.list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.count{font-size:12px;color:var(--muted)}.project{padding:24px;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:13px}.project-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.project h3{font-size:20px;font-weight:550;margin:0 0 8px;overflow-wrap:anywhere}.meta{font-size:12px;color:var(--muted);line-height:1.7}.badge{font-size:11px;padding:6px 10px;border-radius:30px;white-space:nowrap;background:#edf5ff;color:#3470b8}.badge.ready{background:#def3ff;color:#17618f}.badge.closed{background:#edf0f5;color:#777}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #bdcfe7;border-radius:14px;padding:32px}.empty-symbol{font-size:36px;color:#58a5e9;margin-bottom:20px}.empty h3{font-size:18px;margin:0 0 8px}.empty p{font-size:13px;max-width:300px;margin:0}.detail{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf3fa}.file-name{overflow-wrap:anywhere;font-size:13px}.file .meta{white-space:nowrap}.credential{font-family:ui-monospace,monospace;background:#eff6ff;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;border-radius:8px}.danger{color:#a34b3f;background:transparent;font-size:12px;padding:8px 10px}.login{max-width:440px;margin:40px auto}.login h1{font-size:32px}.error{color:#aa4638;font-size:13px;line-height:1.6}.recipient{max-width:850px;margin:0 auto}.drop{border:1px dashed #99c6ee;border-radius:14px;padding:46px 24px;text-align:center;background:#f3faff;margin-top:26px}.drop.drag{background:#deefff;border-color:var(--blue)}.drop .symbol{font-size:40px;color:var(--blue);margin:0 0 15px}.drop h2{font-size:21px;margin:0 0 10px}.drop p{font-size:13px;margin:0 0 24px}.drop .actions{justify-content:center}.queue{margin-top:25px}.queue-item{padding:16px 0;border-bottom:1px solid var(--line)}.queue-line{display:flex;justify-content:space-between;gap:16px;font-size:13px;overflow-wrap:anywhere}.progress{height:5px;background:#e0ebf8;border-radius:5px;margin-top:12px;overflow:hidden}.progress>i{display:block;height:100%;width:0;background:#2895ef;transition:width .15s}.queue-actions{display:flex;gap:8px;align-items:center}.finish{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.finish p{font-size:12px;max-width:450px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#163d75;color:#fff;padding:14px 24px;border-radius:10px;box-shadow:0 10px 40px #0002;display:none;max-width:90vw;z-index:10}footer{padding:24px 5vw;color:#8397b1;font-size:11px;border-top:1px solid var(--line)}.status-dot{display:inline-block;width:6px;height:6px;background:#399deb;border-radius:50%;margin-right:7px}.hidden{display:none!important}@media(max-width:800px){header{height:70px;padding:0 20px}.subbrand{display:none}main{padding:34px 20px}.layout{grid-template-columns:1fr}.intro{display:block;margin-bottom:25px}h1{font-size:34px}.panel{padding:22px}.intro .count{margin-top:20px}.finish{align-items:start;flex-direction:column}.project-top{flex-direction:column}.brand{font-size:11px}}
:root{--cyan:#36aaf1}header{border-bottom-color:#dbe8f8}.mark{background:linear-gradient(145deg,#1454bf,#2ba8f2);box-shadow:0 4px 12px #2d77cf25}.intro h1{color:#123663}.intro{padding-bottom:28px;border-bottom:1px solid #dae7f6}.panel{box-shadow:0 5px 24px #1b4b8510}.section-number{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#4087ce;margin-bottom:18px}.role-label{font-size:12px;white-space:nowrap;background:#e3f0ff;color:#2363a6;padding:10px 15px;border-radius:30px}.layout.single{grid-template-columns:1fr}.identity{font-size:12px;color:#234675;margin:0 10px}.identity small{display:block;font-size:10px;color:#7b94b2;margin-top:4px}nav{display:flex;align-items:center;gap:8px}nav button{background:transparent;border-color:transparent}nav button.active{background:#e9f3ff;border-color:#d5e7ff;color:#1558c0}.owner-card{display:flex;gap:14px;align-items:center;padding:22px;border:1px solid #cbdff8;background:linear-gradient(110deg,#e4f1ff,#f3faff);border-radius:14px;margin-bottom:18px}.owner-card .badge{margin-left:auto}.avatar{width:43px;height:43px;flex:0 0 43px;border-radius:12px;background:#e5f1ff;color:#1768c4;display:grid;place-items:center;font-size:13px;font-weight:700;letter-spacing:.5px}.user-card{background:#fff;border:1px solid #d9e6f5;border-radius:14px;margin-bottom:16px;padding:24px;box-shadow:0 4px 16px #18427206}.user-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.user-title{flex:1;min-width:0}.user-title h3{margin:0 0 5px;font-size:18px;font-weight:600;overflow-wrap:anywhere}.user-heading>.toggle{max-width:220px;gap:18px;border:none;background:transparent;padding:0}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle{display:flex;align-items:center;gap:16px;justify-content:space-between;position:relative;margin:0;padding:14px;background:#f7faff;border:1px solid #e2ecf8;border-radius:9px;cursor:pointer;font-size:12px;line-height:1.45;font-weight:500}.toggle input{position:absolute;width:1px;height:1px;opacity:0;padding:0;border:0}.toggle i{position:relative;display:block;flex:0 0 35px;width:35px;height:20px;border-radius:20px;background:#c8d6e8;transition:background .15s}.toggle i:after{content:'';display:block;position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1233;transition:transform .15s}.toggle input:checked+i{background:#2083e8}.toggle input:checked+i:after{transform:translateX(15px)}.toggle input:focus-visible+i{outline:3px solid #98cfff;outline-offset:3px}.toggle input:disabled+i{opacity:.5;cursor:default}.user-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid #e6eef8}.save-state{font-size:11px;color:#4682bd;white-space:nowrap}.user-disabled{background:#f7f9fc}.user-disabled .permissions-grid{opacity:.55}.user-disabled .save-state{color:#929eb0}.members-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.member-chip{font-size:11px;color:#336894;background:#eaf4ff;border:1px solid #d5e9ff;padding:7px 11px;border-radius:30px}.login{border-top:3px solid #46a8ef}.login h1{color:#123663}button.primary{box-shadow:0 4px 10px #1c65bd18}.drop{border-width:2px;background:#f5fbff}.drop .symbol{color:#2e99ea}footer{background:#edf5fd}@media(max-width:800px){header{height:auto;min-height:70px;flex-wrap:wrap;padding:18px 20px;gap:18px}header nav{flex-wrap:wrap;gap:4px}nav button{padding:9px 11px}.identity{margin:0 6px}.intro{padding-bottom:20px}.role-label{display:inline-block;margin-top:14px}.user-heading{flex-wrap:wrap}.user-heading>.toggle{width:100%;max-width:none;margin-top:8px;padding:12px;background:#eef6ff}.owner-card{flex-wrap:wrap}.owner-card .badge{margin-left:57px}.permissions-grid{grid-template-columns:1fr}.user-footer{align-items:start;flex-direction:column;gap:9px}}

@media(min-width:480px) and (max-width:800px){.permissions-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.team-layout>aside{order:2}.team-layout>section{order:1}}

.account-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.account-stats>div{flex:1;min-width:115px;background:#e3efff;border:1px solid #c9dffb;border-radius:14px;padding:20px}.account-stats strong{display:block;font-size:30px;color:#1558c0}.account-stats span{font-size:12px}.provider-status{display:flex;flex-wrap:wrap;gap:16px;color:#687e9c;margin-bottom:20px}#account-invitations{margin-bottom:32px}.auth-options{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.auth-options button{margin:12px 0}.pending-heading{margin-top:28px}.brand-logo{width:180px;max-height:54px;object-fit:contain}

[hidden]{display:none!important}#invite-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}#invite-account .form-row{margin:0}#invite-account button{align-self:end;justify-self:start;margin-bottom:9px}@media(max-width:480px){#invite-account{grid-template-columns:1fr}}
@media(min-width:481px) and (max-width:800px){.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}

.folder-picker{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.folder-picker strong{overflow-wrap:anywhere}

textarea { width:100%; box-sizing:border-box; font:inherit; padding:14px; border:1px solid #c9e0ed; border-radius:8px; background:#fff; resize:vertical; margin-bottom:18px; }
.scope-folders { margin:16px 0; padding:16px; border:1px solid #c9e0ed; border-radius:12px; }
.scope-selected { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
#folder-links { margin-top:24px; border-top:1px solid #c9e0ed; padding-top:24px; }

/* Comfortable navigation and contextual guidance for the studio team. */
.team-ui header{height:auto;min-height:110px;flex-wrap:wrap;gap:20px;padding:24px 4vw}
.team-ui #header-actions{width:100%}.team-ui nav{display:flex;flex-wrap:wrap;gap:12px;width:100%}
.team-ui nav button[id^="nav-"]{flex:1 1 150px;min-height:60px;padding:16px 20px;font-size:16px;border:1px solid #cadcf1;border-radius:13px;background:#f6faff;color:#204e87;line-height:1.35}
.team-ui nav button.active{background:#1558c0;color:#fff;border-color:#1558c0;box-shadow:0 4px 12px #1558c025}
.team-ui nav .identity{margin-left:auto}.team-ui nav #logout{min-height:48px}
.team-ui button,.team-ui .button{min-height:48px;font-size:15px;padding:13px 18px;line-height:1.4}
.team-ui button:focus-visible,.team-ui .button:focus-visible,summary:focus-visible{outline:3px solid #58a9eb;outline-offset:3px}
.team-ui .danger{background:#fff8f6;border-color:#ecd6d0;font-size:13px}
.team-ui main{padding-top:36px}.team-ui .help,.team-ui .note{font-size:14px}
.team-guide{display:flex;flex-wrap:wrap;gap:22px;padding:24px 26px;margin:0 0 28px;border:1px solid #c5def4;border-radius:16px;background:#eaf5ff}
.team-guide>div{flex:1 1 280px}.guide-kicker{display:block;font-size:12px;letter-spacing:.3px;font-weight:650;color:#346ca1;margin-bottom:8px}
.team-guide h3{font-size:19px;color:#173d69;margin-bottom:8px}.team-guide p{font-size:15px;margin:0;color:#3e607f}
.team-guide details{flex:1 0 100%;border-top:1px solid #c5def4;padding-top:16px}.team-guide summary{cursor:pointer;color:#205c97;font-size:14px;padding:4px 0}.team-guide details p{margin-top:10px}
.context-help{padding:14px 16px;background:#eef7ff;border-left:3px solid #65b6ee;border-radius:0 8px 8px 0;color:#355c7d;font-size:14px;line-height:1.6}
.team-ui .folder-location{display:block;padding:14px 16px;border:1px solid #bdd9f2;border-radius:10px;background:#eff8ff;color:#154e82;font-size:18px;overflow-wrap:anywhere}
.team-ui .folder-picker .actions{gap:12px}.team-ui .file-name{font-size:15px}.team-ui .finish{background:#eff7ff;border-radius:12px;padding:18px}.team-ui .finish p{font-size:14px}
@media(max-width:650px){.team-ui header{padding:20px;gap:16px}.team-ui nav button[id^="nav-"]{flex:1 1 calc(50% - 12px);font-size:15px;min-height:60px;padding:14px 10px}.team-ui nav .identity{margin-left:0;flex:1}.team-guide{padding:20px;gap:18px}.team-ui .actions>.button.primary{width:100%}.team-ui .list-head{align-items:flex-start;gap:12px;flex-wrap:wrap}}
.team-ui nav{align-items:stretch}.team-ui nav .identity,.team-ui nav #logout{align-self:center}
.preview-banner{background:#fff1cd;border-bottom:1px solid #ddbd69;color:#594509;padding:16px 4vw;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.preview-banner a{color:#594509;font-weight:700;text-decoration:underline;padding:10px}a[aria-disabled="true"]{pointer-events:none;opacity:.5}

/* Studio navigation: compact, quiet, single blue palette. */
.team-ui{background:#f7f9fc;color:#19324b}
.team-ui header{min-height:0;padding:22px 4vw 0;gap:20px;background:#fff;border-bottom:1px solid #e3eaf2}
.team-ui .brand-logo{width:174px}
.team-ui nav{gap:6px;align-items:center;flex-wrap:wrap;padding-bottom:12px}
.team-ui nav button[id^="nav-"]{flex:0 0 auto;min-height:44px;padding:10px 16px;font-size:17px;font-weight:600;line-height:1.3;white-space:nowrap;border:0;border-radius:8px;background:transparent;color:#52677d;box-shadow:none;text-decoration:none;transition:background .15s,color .15s}
.team-ui nav button[id^="nav-"]:hover{background:#f0f6fc;color:#155fc0}
.team-ui nav button[id^="nav-"].active{background:#e7f2ff;color:#155fc0;box-shadow:none;border:0;text-decoration:none}
.team-ui nav .identity{margin-left:auto;padding-left:20px;font-size:12px;border-left:1px solid #e3eaf2;color:#476078}
.team-ui nav #logout{min-height:40px;font-size:13px;padding:8px 12px;color:#698098}
.team-ui main{padding-top:38px}
.team-ui h1{font-size:36px;font-weight:600;letter-spacing:-1.2px}
.team-ui .intro{padding-bottom:0;border:0;margin-bottom:28px}
.team-ui .eyebrow{color:#7290ac;font-size:10px;letter-spacing:1.5px}
.team-ui .role-label{background:#edf4fc;color:#477298;padding:7px 12px}
.team-ui .team-guide{padding:20px 24px;gap:18px 32px;border:0;border-radius:12px;background:#edf5fc;margin-bottom:30px}
.team-ui .guide-kicker{font-size:11px;font-weight:500;color:#64829e}
.team-ui .team-guide h3{font-size:17px;font-weight:600;margin-bottom:6px}
.team-ui .team-guide p{font-size:14px;line-height:1.6;color:#587087}
.team-ui .team-guide details{padding-top:12px;border-color:#dce8f4}
.team-ui .team-guide summary{font-size:13px;color:#4b739b}
.team-ui .panel,.team-ui .project,.team-ui .user-card{border-color:#e4eaf1;box-shadow:none;border-radius:12px}
.team-ui .project{padding:22px 24px;margin-bottom:12px}
.team-ui .project h3{font-size:19px;color:#1a3a59}
.team-ui button,.team-ui .button{min-height:42px;font-size:14px;padding:10px 14px;border-radius:7px}
.team-ui button.primary,.team-ui .button.primary{background:#1769c8;border-color:#1769c8;box-shadow:none}
.team-ui .context-help{background:#f4f8fd;border-left:2px solid #8ac8ef;font-size:13px}
.team-ui .badge{background:#eff6fd;color:#587c9f}
.team-ui .danger{font-size:12px;background:transparent;color:#9b6670;border-color:#ede4e7}
@media(max-width:800px){.team-ui header{padding:18px 20px 0}.team-ui nav{gap:4px}.team-ui nav button[id^="nav-"]{font-size:16px;padding:10px 12px;min-height:44px;flex:0 0 auto}.team-ui nav .identity{margin-left:0;padding-left:0;border:0;flex:1}.team-ui h1{font-size:30px}.team-ui .team-guide{padding:18px 20px}.team-ui main{padding-top:28px}}

/* Centred navigation independent of the account controls. */
.team-ui nav{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.team-ui .nav-sections{grid-column:2;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}
.team-ui .nav-account{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}
.team-ui nav button[id^="nav-"]{font-size:19px;min-height:48px;padding:12px 17px}
.team-ui nav .identity{margin:0;padding-left:14px}
@media(max-width:1250px){.team-ui nav{grid-template-columns:1fr}.team-ui .nav-sections{grid-column:1;grid-row:1}.team-ui .nav-account{grid-column:1;grid-row:2;justify-self:end}}
@media(max-width:650px){.team-ui nav button[id^="nav-"]{font-size:17px;padding:10px 12px}.team-ui .nav-sections{gap:4px}}

.share-dialog{width:min(600px,90vw);border:1px solid #dbe5f2;border-radius:18px;padding:28px;color:#203556}.share-dialog::backdrop{background:#152b4866}.share-dialog select,.share-dialog input{width:100%;margin:8px 0 16px}.share-dialog h2{margin:0}.file-name{overflow-wrap:anywhere}#shared{max-width:1000px;margin:40px auto;padding:0 20px}

/* Switch between the studio workspace and Transfer, including before login. */
.service-switch{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:14px 4vw;background:#f3f7fc;border-bottom:1px solid #dbe5f1}
.service-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #cbd9e9;border-radius:9px;color:#284a70;background:#fff;font-size:14px;font-weight:600;text-decoration:none}
.service-switch a[aria-current=page]{background:#174b83;border-color:#174b83;color:#fff}
.service-switch a:hover{border-color:#235f9c}.service-switch a:focus-visible{outline:3px solid #4397e7;outline-offset:3px}
@media(max-width:650px){.service-switch{padding:12px 20px}.service-switch a{flex:1}}