:root{color-scheme:light;--navy:#10232d;--ink:#162e3e;--muted:#617583;--blue:#0877cf;--cyan:#49e5e0;--line:#dce7ee;--surface:#f3f7fa;--radius:22px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;color:var(--ink);background:var(--surface);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button,a,input{outline-offset:4px}:focus-visible{outline:3px solid #0081d9}.sidebar :focus-visible,.brand-panel :focus-visible,.progress-panel :focus-visible{outline-color:var(--cyan)}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h1:focus{outline:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:block;width:226px}.brand img{display:block;width:100%;height:auto}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:11px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(110deg,#0769c0,#087dcf);box-shadow:0 5px 16px #0877cf1c}.button-primary:hover:not(:disabled){background:linear-gradient(110deg,#065ca9,#0872bd);box-shadow:0 7px 20px #0877cf30}.button-primary:disabled{color:#597386;background:#e6eef4;box-shadow:none}.button-outline{color:#235c7e;background:#fff;border-color:#ccdee9}.button-outline:hover{background:#edf8ff;border-color:#7dbce4}.button-light{color:#102f42;background:linear-gradient(100deg,#62caff,#72eee4)}.button-light:hover{background:#b0f4f0}.button:disabled{opacity:.75}.text-button{padding:8px 10px;border:0;background:transparent;color:#3c687f;text-decoration:underline;text-underline-offset:3px;font-size:12px}label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;margin-bottom:9px}label small{color:var(--muted);font-size:12px;font-weight:400}input:not([type=file]){display:block;width:100%;min-width:0;height:49px;padding:0 14px;border:1px solid #d5e1e9;border-radius:10px;color:var(--ink);background:#fff;transition:border-color .18s}input::placeholder{color:#718593;opacity:1}input:focus{border-color:var(--blue)}input:disabled{background:#f6f9fb;opacity:1;color:#718491}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.14em;color:#6c8595;margin-bottom:10px}.form-error,.form-success{font-size:13px;line-height:1.6;margin-top:13px}.form-error{color:#a62d3c}.form-success{color:#157366}
/* Sign in */
.login-view{display:grid;grid-template-columns:49% 51%;min-height:100svh;background:#fff}.brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:44px 9%;background:radial-gradient(ellipse at 57% 39%,#184657 0%,transparent 54%),var(--navy);color:#fff}.brand-panel>.brand{position:relative;z-index:1}.brand-centre{width:100%;margin:auto 0;padding:22px 0 36px}.cloud-scene{position:relative;width:328px;height:298px;margin:0 auto 18px;display:grid;place-items:center}.cloud-scene::before{content:"";position:absolute;width:172px;height:172px;border-radius:50%;background:#16c1e21a;box-shadow:0 0 88px 35px #0ed1ed13}.cloud-scene>img{width:148px;height:148px;position:relative;border-radius:34px;box-shadow:0 22px 55px #030f1945,0 0 0 1px #65d8f11f;transform:rotate(-7deg)}.orbit{position:absolute;border:1px solid #5bcced24;border-radius:50%}.orbit-outer{width:298px;height:298px}.orbit-inner{width:228px;height:228px;border-style:dashed;border-color:#5bcced1c}.orbit-node{position:absolute;width:48px;height:48px;border:1px solid #71e2f133;border-radius:15px;display:grid;place-items:center;color:#76dfed;background:#183746;box-shadow:0 10px 24px #07171f33}.node-files{top:38px;right:18px;transform:rotate(9deg)}.node-apps{bottom:28px;left:26px;transform:rotate(-9deg)}.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);top:52px;left:52px;box-shadow:0 0 15px #4be8e35c}.brand-centre h1{font-size:clamp(42px,4.35vw,68px);line-height:1.07;letter-spacing:-.055em}.brand-centre h1 span{color:#62ddea}.brand-centre p{margin-top:22px;color:#b4cad5;font-size:16px}.brand-footer{width:100%;display:flex;align-items:center;gap:18px;color:#8ba7b5;font-size:12px}.brand-line{width:42px;height:2px;background:linear-gradient(90deg,#209fff,#49e5e0)}.signin-panel{display:grid;place-items:center;padding:56px;background:radial-gradient(ellipse at 100% 0,#e5f5ff70,transparent 50%),#fff}.signin-card{width:min(100%,370px)}.ozac-signin-logo{display:block;width:150px;height:40px;margin-bottom:32px;object-fit:contain}.signin-card h2{font-size:36px;letter-spacing:-.045em;line-height:1.2}.signin-subtitle{margin-top:12px;color:var(--muted)}#signin-form{margin-top:36px}#signin-form>label:not(:first-child){margin-top:24px}.password-field{position:relative}.password-field input{padding-right:45px}.password-field .icon{position:absolute;right:15px;top:15px;color:#8296a4;width:18px;height:18px}.signin-button{width:100%;min-height:52px;justify-content:space-between;margin-top:28px;padding-inline:20px;font-size:16px}.signin-note{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.signin-note .icon{width:14px;height:14px}.session-retry{display:block;margin:12px auto 0}
/* Workspace shell */
.workspace{display:flex;min-height:100svh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;display:flex;flex-direction:column;padding:32px 18px 22px;color:#bad0dc;background:var(--navy);border-right:1px solid #22404e;z-index:5}.sidebar .brand{width:195px;margin:0 auto 49px}.nav-label{font-size:9px;letter-spacing:.15em;color:#7d9aa9;margin:0 12px 16px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;width:100%;gap:11px;padding:14px 12px;border:1px solid transparent;border-radius:11px;color:#b9cfdb;background:transparent;font-size:13px;text-align:left;white-space:nowrap}.nav-item:hover{color:#fff;background:#19333f}.nav-item.active{color:#a2ecfa;background:linear-gradient(100deg,#184760,#183844);border-color:#2c5b6a}.nav-item.active .icon{color:#57dbe7}.nav-count{margin-left:auto;min-width:21px;padding:2px 5px;border-radius:5px;background:#29424f;font-size:11px;text-align:center}.sidebar-footer{margin-top:auto;padding:20px 11px 0}.sidebar-cloud{display:flex;align-items:center;gap:10px;padding:18px 0 25px;border-bottom:1px solid #29414d;margin-bottom:16px}.sidebar-cloud span{font-size:11px;line-height:1.7;color:#8faebd}.sidebar-cloud strong{font-weight:500;color:#b6d5df}#signout-button{display:flex;align-items:center;gap:10px;border:0;padding:10px 0;background:transparent;color:#a2bbc9;font-size:12px}#signout-button:hover{color:#fff}#signout-button .icon{width:16px;height:16px}.workspace-body{display:flex;flex-direction:column;flex:1;min-width:0;margin-left:238px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:20px 40px;border-bottom:1px solid #dfe8ee;background:#ffffffb3}.workspace-identity{display:flex;gap:18px;align-items:center}.workspace-identity img{display:block;width:105px;height:28px;object-fit:contain}.workspace-identity>span{border-left:1px solid #d8e3eb;padding-left:18px;font-size:11px;color:var(--muted)}.account-label{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600;letter-spacing:.03em}.account-dot{width:7px;height:7px;background:#1fb8a7;border-radius:50%;box-shadow:0 0 0 4px #1fb8a70c}.workspace-main{width:100%;max-width:1280px;margin:0 auto;padding:38px 40px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.page-heading h1{font-size:clamp(30px,2.6vw,38px);letter-spacing:-.045em;line-height:1.2}.page-heading p{color:var(--muted);font-size:14px;margin-top:10px;line-height:1.6}.page-heading>.button{flex-shrink:0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 18px #193a5403}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.panel-heading h2{font-size:20px;letter-spacing:-.025em}.panel-heading .eyebrow{font-size:9px;margin-bottom:7px}.panel-heading p{font-size:12px;color:var(--muted);margin-top:7px}.section-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#ebf6fe;color:#167dbe;flex-shrink:0}.workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:20px 40px 25px;color:#697f8e;font-size:11px}.connection-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;border:1px solid #e9d4a7;background:#fff7e6;border-radius:12px;margin-bottom:22px;color:#795722;font-size:13px;line-height:1.5}.connection-banner .text-button{flex-shrink:0;color:#795722}
/* New project and progress */
.project-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}.upload-panel{padding:26px}.project-field{margin-bottom:20px}.dropzone{border:1px dashed #9cc6df;border-radius:16px;background:linear-gradient(160deg,#f8fcff,#edf7fc);padding:28px 18px;text-align:center;transition:background .2s,border-color .2s}.dropzone.is-dragging{border-color:#0877cf;background:#dcedfa;box-shadow:0 0 0 3px #168aca1a}.dropzone.is-busy{opacity:.65}.upload-icon,.selected-file-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;color:#1287ce;border:1px solid #d0e9f8;background:#e2f3ff;border-radius:15px}.upload-icon .icon,.selected-file-icon .icon{width:25px;height:25px}.dropzone h3{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.dropzone p{font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px}#browse-button{margin-top:20px;min-height:40px}#selected-upload{min-height:176px}.local-badge{display:inline-flex;align-items:center;gap:5px;color:#087282;background:#ddf3f4;border-radius:7px;padding:4px 8px;font-size:11px;margin-top:15px}.local-badge .icon{width:13px;height:13px}.go-area{margin-top:23px}#go-button{width:100%;min-height:52px;justify-content:space-between;padding-inline:20px;font-size:16px}#go-hint{display:block;text-align:center;font-size:11px;color:var(--muted);margin-top:11px;line-height:1.5;min-height:18px}.profile-note{display:flex;align-items:flex-start;gap:8px;padding-top:19px;margin-top:19px;border-top:1px solid #e7edf2;color:#647c8c;font-size:11px;line-height:1.65}.profile-note .icon{width:15px;height:15px;margin-top:2px}.project-output{display:grid;gap:18px}.progress-panel{position:relative;overflow:hidden;padding:28px;color:#fff;background:radial-gradient(ellipse at 100% 0,#194d65,transparent 63%),var(--navy);border:1px solid #254656;border-radius:var(--radius);min-height:429px}.output-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.output-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:16px;background:linear-gradient(135deg,#204863,#1b5261);border:1px solid #3c758c;color:#69e1f0;box-shadow:0 6px 25px #0c1e2b22}.output-icon .icon{width:27px;height:27px}.progress-panel>.eyebrow{font-size:9px;color:#8ab9cb;margin-bottom:9px}.progress-panel h2{font-size:clamp(24px,2.2vw,31px);letter-spacing:-.04em;line-height:1.2;overflow-wrap:anywhere}.output-description{font-size:12px;line-height:1.8;color:#b0cbd8;margin-top:12px;max-width:450px}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;line-height:1.5;padding:5px 9px;border-radius:20px;background:#edf3f7;color:#536d7d;flex-shrink:0}.status-pill.active{background:#e5f3ff;color:#146d9f}.status-pill.ready{background:#e0f5ef;color:#197965}.status-pill.attention{background:#fff1d5;color:#876220}.progress-panel .status-pill{border:1px solid #467185;background:#ffffff07;color:#b6d7e6;font-size:10px}.progress-panel .status-pill.active{border-color:#3b859b;color:#89e1ec;background:#2cc9d514}.progress-panel .status-pill.ready{border-color:#3d8e85;color:#97ecda;background:#28c39d14}.progress-panel .status-pill.attention{border-color:#8a7644;color:#f3d192;background:#ddb8540d}.output-idle{margin-top:27px}.idle-deliverable{display:flex;gap:14px;align-items:center;padding:18px 0;border-top:1px solid #86bfdd22}.idle-deliverable>.icon{color:#6dc9df;width:22px;height:22px}.idle-deliverable strong{font-weight:500;font-size:13px;display:block;color:#daedf6}.idle-deliverable span{display:block;font-size:11px;color:#99b9c9;margin-top:6px}.progress-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:29px}.progress-topline>span{font-size:12px;color:#cae2ee}.progress-topline>strong{font-size:39px;font-weight:400;letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums}.progress-topline>strong>span{font-size:17px;color:#8ec9d9;margin-left:3px}progress{display:block;appearance:none;width:100%;height:7px;overflow:hidden;border:0;border-radius:8px;background:#2a4b5c}#progress-bar{margin-top:13px}progress::-webkit-progress-bar{background:#2a4b5c;border-radius:8px}progress::-webkit-progress-value{background:linear-gradient(90deg,#2c9dff,#4be8e3);border-radius:8px;transition:width .3s}progress::-moz-progress-bar{background:#4be8e3;border-radius:8px}.progress-meta{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.6;color:#96b6c7;margin-top:11px}.progress-meta>span:last-child{white-space:nowrap}.stage-rail{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:29px 0 0;gap:9px}.stage-rail li{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;color:#9bb5c3;font-size:10px}.stage-rail li:after{content:"";position:absolute;top:12px;left:calc(50% + 16px);width:calc(100% - 22px);height:1px;background:#31515f}.stage-rail li:last-child:after{display:none}.stage-rail li>span{width:25px;height:25px;border:1px solid #54707e;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#b0c8d4}.stage-rail li.current{color:#7de8eb}.stage-rail li.current>span{border-color:#63dfe5;background:#1d5764;color:#96f1ed;box-shadow:0 0 0 4px #53d6e00a}.stage-rail li.complete{color:#8fd5dc}.stage-rail li.complete>span{border-color:#508d98;background:#27515c;color:#a1e8e8}.stage-rail li.complete:after{background:#477b86}.job-actions{margin-top:22px}.job-actions .button{width:100%}.output-error{color:#ffced0;font-size:12px;line-height:1.7;margin-top:16px}.download-panel{padding:21px 23px}.download-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.download-heading h3{font-size:16px;letter-spacing:-.025em}.review-tag{font-size:10px;color:#8a692f;background:#fff4de;padding:4px 8px;border-radius:6px}.download-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e7eef3}.download-item:last-child{border:0;padding-bottom:3px}.download-item>.icon{color:#158cb7;width:20px;height:20px}.download-item>div{min-width:0;flex:1}.download-item strong{font-size:13px;font-weight:600;display:block}.download-item small{font-size:10px;color:var(--muted);display:block;margin-top:5px;overflow-wrap:anywhere}.download-item:hover strong{color:var(--blue)}.download-size{font-size:10px;color:var(--muted);white-space:nowrap}.review-panel{display:flex;align-items:flex-start;gap:13px;padding:20px 23px;background:#fffbf1;border:1px solid #ebddb9;border-radius:15px;color:#78602e;margin-top:23px}.review-panel>.icon{width:19px;height:19px;margin-top:1px}.review-panel h2{font-size:13px;line-height:1.6;font-weight:600}.review-panel p,.review-panel li{font-size:12px;line-height:1.8}.review-panel p{margin-top:5px}.review-panel ul{padding-left:18px;margin:8px 0 0}.review-panel ul:empty{display:none}.workspace-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:var(--muted);line-height:1.6;margin-top:22px}.workspace-note .icon{width:13px;height:13px}
/* Activity and saved projects */
.activity-panel{margin-top:24px;padding:25px 27px}.activity-panel .panel-heading{margin-bottom:15px}.activity-panel h2{font-size:18px}.activity-state{font-size:10px;display:flex;align-items:center;gap:7px;color:#69818f;white-space:nowrap}.activity-state.is-live{color:#158b87}.activity-state.is-live:before{content:"";width:6px;height:6px;background:#22bdab;border-radius:50%;box-shadow:0 0 0 4px #1fb8a70b;animation:breathe 2s ease-in-out infinite}.activity-feed{list-style:none;padding:0;margin:0;max-height:420px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c3d8e5 transparent}.activity-row{display:flex;gap:13px;padding:17px 0;border-top:1px solid #eaf0f4}.activity-mark{display:grid;place-items:center;width:28px;height:28px;background:#edf6fa;color:#58869e;border:1px solid #e0eef5;border-radius:8px;flex-shrink:0}.activity-mark .icon{width:15px;height:15px}.activity-copy{min-width:0;flex:1}.activity-topline{display:flex;align-items:center;gap:15px;justify-content:space-between;line-height:1.4}.activity-topline strong{font-size:11px;font-weight:600;color:#477085}.activity-topline time{font-size:10px;color:#78909e;white-space:nowrap}.activity-copy p{font-size:12px;color:#3b596c;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.empty-activity{font-size:12px;color:var(--muted);padding:16px 0 4px}.project-list{display:grid;gap:16px}.project-card{padding:22px 24px}.project-card-top{display:flex;align-items:center;gap:14px}.project-card-info{flex:1;min-width:0}.project-card-info h2{font-size:17px;letter-spacing:-.025em;overflow-wrap:anywhere}.project-card-info p{font-size:11px;color:var(--muted);margin-top:7px}.project-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:19px;margin-top:18px;border-top:1px solid #e6edf2}.project-meta{color:#617d8d;font-size:11px}.project-card-actions{display:flex;gap:8px;flex-wrap:wrap}.project-card-actions .button{min-height:37px;font-size:11px;padding:8px 11px}.project-card-actions .icon{width:15px;height:15px}.history-progress{height:4px;margin-top:20px}.history-progress::-webkit-progress-bar{background:#e5eff5}.empty-state{text-align:center;padding:56px 24px}.empty-state-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;margin:0 auto 23px;color:#36a4c3;background:#e6f5fc}.empty-state-icon .icon{width:30px;height:30px}.empty-state h2{font-size:23px;letter-spacing:-.03em}.empty-state p{color:var(--muted);font-size:13px;margin-top:12px}.empty-state .button{margin-top:25px}.loading-note{font-size:13px;color:var(--muted);padding:20px 0}
/* Settings */
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);gap:42px;max-width:940px}.settings-panel{padding:28px}.settings-panel label:not(:first-child){margin-top:23px}.field-help{font-size:11px;color:var(--muted);line-height:1.7;margin-top:8px}#save-password{margin-top:28px;min-width:170px}.settings-info{padding:24px 0}.settings-info h2{font-size:19px;letter-spacing:-.025em;margin-top:20px}.settings-info>p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:12px}.settings-info>p.field-help{font-size:11px}.settings-detail{display:flex;justify-content:space-between;gap:18px;font-size:12px;padding:19px 0;border-bottom:1px solid #dce7ee}.settings-detail:first-of-type{margin-top:18px}.settings-detail>span{color:var(--muted)}.settings-detail>strong{font-weight:500}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);background:#132e3d;border:1px solid #487285;color:#e7f5fc;box-shadow:0 8px 32px #091b3430;padding:15px 22px;border-radius:13px;font-size:13px;line-height:1.5;z-index:20}.noscript-notice{position:fixed;bottom:16px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}@keyframes breathe{50%{box-shadow:0 0 0 5px #1fb8a717}}
@media(min-width:1600px){.brand-panel{padding-inline:14%}.brand-centre{padding-block:40px 60px}.cloud-scene{margin-bottom:40px}.workspace-main{padding-top:45px}}
@media(max-width:1180px){.sidebar{width:216px;padding-inline:12px}.sidebar .brand{width:185px}.workspace-body{margin-left:216px}.workspace-main{padding:30px 26px 22px}.topbar,.workspace-footer{padding-inline:26px}.project-grid{gap:18px}.upload-panel,.progress-panel{padding:24px}.output-heading{flex-wrap:wrap}.page-heading p{font-size:13px}.cloud-scene{width:275px;height:264px}.orbit-outer{width:264px;height:264px}.orbit-inner{width:205px;height:205px}.node-files{right:8px;top:26px}.node-apps{left:14px;bottom:24px}.signin-panel{padding:40px}.project-card-bottom{align-items:flex-start;flex-direction:column}.project-card-actions{align-self:flex-end}.progress-panel .status-pill{font-size:9px}}
@media(max-width:960px){.sidebar{position:static;width:100%;flex-direction:row;align-items:center;gap:20px;padding:18px 24px;border-right:0}.sidebar .brand{width:178px;margin:0;flex-shrink:0}.nav-label,.sidebar-cloud{display:none}.sidebar nav{display:flex;flex:1;justify-content:flex-end;gap:4px}.nav-item{width:auto;font-size:12px;padding:10px}.nav-count{display:none}.sidebar-footer{margin:0;padding:0}#signout-button{font-size:0;padding:10px 3px}#signout-button .icon{width:19px;height:19px}.workspace{display:block}.workspace-body{margin-left:0;min-height:calc(100svh - 80px)}.topbar{min-height:57px;padding-block:12px}.brand-panel{padding-inline:30px}.brand-centre h1{font-size:43px}.brand-panel .brand{width:205px}.cloud-scene{width:260px;margin-left:-10px}.signin-panel{padding:36px 28px}.signin-card h2{font-size:31px}.settings-grid{gap:30px}.progress-panel .status-pill{font-size:10px}.project-card-bottom{flex-direction:row;align-items:center}.project-card-actions{align-self:auto}}
@media(max-width:680px){.login-view{display:block}.brand-panel{padding:26px 28px 30px}.brand-panel .brand{width:196px}.brand-centre{padding:32px 0 0}.brand-centre h1{font-size:36px}.brand-centre h1 br{display:none}.brand-centre h1 span{display:block;margin-top:3px}.brand-centre p,.brand-footer,.cloud-scene{display:none}.signin-panel{padding:35px 28px 40px}.signin-card{width:min(100%,400px)}.ozac-signin-logo{margin-bottom:23px;width:131px;height:35px}.signin-card h2{font-size:28px}.signin-subtitle{margin-top:8px;font-size:14px}#signin-form{margin-top:26px}#signin-form>label:not(:first-child){margin-top:20px}.signin-button{margin-top:24px}.sidebar{flex-wrap:wrap;gap:17px 12px;padding:20px}.sidebar .brand{width:180px}.sidebar nav{order:3;flex-basis:100%;justify-content:stretch;gap:6px}.nav-item{flex:1;justify-content:center;font-size:11px;padding:11px 7px;gap:7px}.nav-item .icon{width:17px;height:17px}.sidebar-footer{margin-left:auto}#signout-button{font-size:11px}#signout-button .icon{width:14px;height:14px}.topbar{padding-inline:21px}.workspace-identity>span{font-size:10px;border:0;padding:0}.workspace-identity{gap:11px}.workspace-identity img{width:86px;height:23px}.account-label{font-size:10px}.workspace-main{padding:27px 20px 20px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:25px}.page-heading h1{font-size:31px}.page-heading p{font-size:13px;max-width:320px}.page-heading>.button{min-height:38px;font-size:11px;padding:8px 11px}.page-heading .eyebrow{font-size:9px}.project-grid{grid-template-columns:minmax(0,1fr);gap:20px}.upload-panel,.progress-panel{padding:24px;border-radius:21px}.progress-panel{min-height:400px}.output-heading{margin-bottom:23px}.progress-panel h2{font-size:29px}.workspace-note{align-items:flex-start;text-align:left;font-size:10px}.workspace-note .icon{margin-top:2px}.workspace-footer{padding:15px 22px 24px;font-size:10px}.activity-panel{padding:22px 20px}.activity-panel .panel-heading{gap:10px}.activity-panel h2{font-size:17px}.activity-state{font-size:9px}.activity-topline{align-items:flex-start;gap:8px}.activity-topline time{font-size:9px}.review-panel{padding:18px}.review-panel li{font-size:11px}.project-card{padding:20px}.project-card-top{flex-wrap:wrap;gap:12px}.project-card-top>.status-pill{margin-left:51px}.project-card-info h2{font-size:16px}.project-card-info{min-width:calc(100% - 54px)}.project-card-bottom{flex-direction:column;align-items:stretch;gap:14px}.project-card-actions{align-self:auto}.project-card-actions .button{font-size:10px;padding:8px 10px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:14px}.settings-panel{padding:24px}.settings-info{padding:20px 5px}.connection-banner{align-items:flex-start;font-size:12px}.connection-banner .text-button{padding-right:0}.stage-rail li{font-size:10px}.download-panel{padding:20px}.toast{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}