:root{font-family:Inter,Segoe UI,sans-serif;color:#27352d;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #dde2d9;background:white;color:inherit;border-radius:9px;padding:10px 14px}button:hover{background:#eef2ea}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8aa87a;outline-offset:3px}aside{width:245px;position:fixed;inset:0 auto 0 0;background:#eef1e9;padding:35px 23px;display:flex;flex-direction:column;border-right:1px solid #e1e5dd;overflow:auto}.brand{display:flex;gap:10px;font-size:28px;color:#41583d;text-decoration:none;font-weight:700;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px}.primary{background:#526b4b;color:white;margin:38px 0 25px;border:0}.primary:hover{background:#3b5436}nav{display:grid;gap:6px}nav button{text-align:left;border:0;background:none;font-size:14px;padding:13px}nav button.active{background:#dce5d4;color:#36512e;font-weight:600}.side-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.8px;color:#7c8976;margin:29px 0 12px}.side-title button{padding:3px 7px;background:none;border:0}#folders{display:grid;gap:3px}#folders button{text-align:left;background:none;border:0;font-size:13px}.storage{margin-top:auto;padding-top:40px;font-size:12px}.storage span{font-weight:600}.storage p{line-height:1.7;color:#83907e}.meter{height:5px;background:#d8e1d2;border-radius:4px;margin:15px 0}.meter i{display:block;width:30%;height:100%;background:#69855c}main{margin-left:245px;width:calc(100% - 245px);padding:0 45px}header{height:94px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e4e8df}.header-label{font-size:10px;letter-spacing:2px;color:#8a9387}.search{display:flex;align-items:center;gap:12px;margin-left:auto;background:#eef1ea;padding:10px 15px;border-radius:9px;width:350px;color:#8b9983}.search input{border:0;background:none;outline:none;min-width:0;width:100%;font-size:13px}.avatar{display:grid;place-items:center;background:#e5d9c2;border-radius:50%;width:34px;height:34px;color:#776446}.intro{display:flex;align-items:center;justify-content:space-between;padding:37px 0 28px;gap:15px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8a9584}h1{font-weight:600;font-size:34px;letter-spacing:-1.4px;margin:12px 0}#subtitle{font-size:13px;color:#889180}.intro button{font-size:12px}.banner{display:flex;justify-content:space-between;background:#e7eddf;border-radius:16px;padding:27px 34px;overflow:hidden;position:relative}.banner span{font-size:9px;letter-spacing:1.8px;color:#70816a}.banner h2{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.12;margin:15px 0}.banner p{font-size:12px;color:#7a8c71}.banner button{border:0;background:white;font-size:11px}.illustration{position:relative;width:36%;background:linear-gradient(155deg,#bacbb0,#e7daba);border:9px solid #fff;border-bottom:26px solid white;transform:rotate(7deg);border-radius:3px;margin:-8px 50px -40px 0;text-align:right;font-size:44px;color:#e7b775;padding:10px 25px;box-shadow:0 8px 18px #3e503b15}.mountain{position:absolute;bottom:0;left:0;right:0;height:70%;background:#688b70;clip-path:polygon(0 80%,35% 15%,60% 65%,83% 28%,100% 75%,100% 100%,0 100%)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 0 18px}.toolbar h2{font-size:15px;display:inline;margin-right:10px}.toolbar span{color:#9ba494;font-size:11px}.tools{display:flex;gap:6px}.tools button{padding:7px 10px}.tools button[aria-pressed=true]{background:#e3eadc}.tools select{background:transparent;border:0;font-size:12px;color:#7e8a78}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.card{position:relative;background:white;border:1px solid #e5e9df;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 9px 20px #33422c0a}.thumb{width:100%;height:145px;border:0;border-radius:0;display:grid;place-items:center;overflow:hidden;background:#edf0e7;padding:0}.thumb img{width:100%;height:100%;object-fit:cover}.file-icon{font-size:45px;color:#9aaf86}.info{padding:13px}.info strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info small{color:#9ca592;font-size:10px;display:block;margin-top:7px}.actions{display:flex;border-top:1px solid #f0f2ed}.actions button{border:0;padding:8px;flex:1;border-radius:0;font-size:12px}.actions button.starred{color:#a47a34}.empty{text-align:center;padding:65px 20px;color:#8c9984;border:1px dashed #d5decd;border-radius:14px}.rows{display:grid;gap:8px}.rows .card{display:grid;grid-template-columns:65px 1fr 125px;align-items:center}.rows .thumb{height:60px}.rows .info{min-width:0}.rows .actions{border:0}.rows .file-icon{font-size:25px}footer{display:flex;justify-content:space-between;margin:40px 0 22px;font-size:9px;letter-spacing:1px;color:#a0a998}footer span{letter-spacing:0}dialog{border:0;border-radius:16px;padding:22px;max-width:95vw;width:1000px;background:#fafbf8}dialog::backdrop{background:#15241de8}#close{float:right}#preview-body{clear:both;display:grid;place-items:center;height:65vh;padding:12px}#preview-body img{max-width:100%;max-height:100%;object-fit:contain}#preview-body p{overflow-wrap:anywhere}.preview-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#354e31;color:white;padding:12px 22px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}body.dragging main{outline:4px dashed #7d996f;outline-offset:-12px}@media(min-width:1500px){main{padding-left:70px;padding-right:70px}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.thumb{height:185px}}@media(max-width:850px){aside{width:180px;padding:25px 14px}.brand{font-size:23px}main{margin-left:180px;width:calc(100% - 180px);padding:0 22px}.header-label{display:none}.search{width:100%}.illustration{margin-right:0;width:40%}.banner{padding:22px}.banner h2{font-size:29px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}footer span{display:none}}@media(max-width:560px){body{display:block}aside{position:static;width:100%;padding:18px;border-right:0}.brand small{display:none}.primary{margin:15px 0 10px}nav{display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;font-size:12px;padding:10px}.side-title,#folders,.storage{display:none}main{margin:0;width:100%;padding:0 18px}header{height:64px}.intro{padding:25px 0}.intro h1{font-size:27px}.intro button{padding:8px;font-size:11px}.banner{padding:20px}.banner span{font-size:7px}.banner h2{font-size:27px}.banner p{max-width:170px;line-height:1.5}.illustration{width:35%;margin:5px -15px -20px 10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumb{height:125px}.tools select{max-width:95px}.toolbar h2{font-size:13px}.toolbar span{display:none}.preview-tools strong{max-width:120px;overflow-wrap:anywhere}.preview-tools button{font-size:11px;padding:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Private workspace: compact navigation, neutral surfaces and functional hierarchy. */
:root{color:#253246;background:#f4f6f9}
aside{width:232px;background:#172131;border-color:#172131;padding:28px 18px;color:#a8b5c8}
.brand{color:#f4f7fc;font-size:24px;letter-spacing:-.7px;padding:0 9px}.brand small{color:#7f91ab;font-size:9px;letter-spacing:1.4px}
.primary{background:#3478ef;margin:30px 0 24px;font-weight:600;font-size:13px;border-radius:6px}.primary:hover{background:#2365d3}
nav{gap:4px}nav button{color:#a8b5c8;border-radius:6px;font-size:13px;padding:12px}nav button:hover,#folders button:hover{background:#243247}nav button.active{background:#293c59;color:#e1ecff;font-weight:600}
.side-title{color:#6f829d;letter-spacing:1.4px;margin-top:30px}#folders button{color:#acbad0;border-radius:6px}
.storage{border-top:1px solid #2b384b;padding-top:18px;margin-top:auto;color:#c0ccdd}.storage p{color:#8597b0;font-size:11px;line-height:1.6}.storage small{color:#8597b0}
main{margin-left:232px;width:calc(100% - 232px);padding:0 32px;min-height:100vh}header{height:72px;border-bottom-color:#e0e5ee}.header-label{font-size:12px;letter-spacing:0;color:#728097}.search{background:#fff;border:1px solid #dce3ed;border-radius:6px;width:360px;padding:9px 12px;color:#697b94}.account-label{font-size:11px;color:#78879b;border-left:1px solid #dce3ed;padding-left:18px;white-space:nowrap}
.intro{padding:30px 0 22px;border-bottom:1px solid #e0e5ee}.eyebrow{font-size:10px;color:#74829a;letter-spacing:1.2px}h1{font-size:28px;letter-spacing:-.8px;margin:9px 0}#subtitle{color:#7a879b;font-size:12px}.intro button{border-radius:6px;font-weight:500}
button{border-color:#dce3ed;border-radius:6px}button:hover{background:#eaf0f9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#6095f5}
.toolbar{margin:22px 0 16px}.toolbar h2{font-size:13px;font-weight:600}.toolbar span{color:#8290a3}.tools{gap:5px}.tools select{color:#6a7890;font-size:12px;margin-right:8px}.tools button[aria-pressed=true]{background:#e8effb;color:#2863c9;border-color:#bed1f1}
.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.card{border-color:#dfe5ee;border-radius:7px;box-shadow:none}.card:hover{transform:none;border-color:#a7bbd8;box-shadow:0 3px 10px #1c304909}.thumb{background:#eaf0f7}.file-icon{color:#7490b8;font-size:40px}.info{padding:13px 12px}.info strong{font-size:12px;font-weight:600}.info small{color:#8290a4;font-size:11px}.actions{border-top-color:#eaf0f7}.actions button{color:#7c8ba2}.actions button:hover{color:#245dcc;background:#eff4fc}.actions button.starred{color:#bf8c28}
.rows{gap:0;border:1px solid #dfe5ee;border-radius:7px;overflow:hidden;background:#fff}.rows .card{border:0;border-bottom:1px solid #e8edf4;border-radius:0;grid-template-columns:62px minmax(0,1fr) 150px;box-shadow:none}.rows .card:last-child{border-bottom:0}.rows .card:hover{background:#f7f9fc}.rows .thumb{background:transparent;padding:8px}.rows .thumb img{border-radius:4px}.empty{color:#7c8da5;border-color:#ced9e8;border-radius:7px;grid-column:1/-1}.tools select{min-width:0}footer{color:#8997ab;border-top:1px solid #e0e5ee;padding-top:16px;font-size:9px;margin-top:35px}
dialog{background:#f8fafc;border-radius:9px}dialog::backdrop{background:#101a2be8}#toast{background:#243b61;border-radius:6px}body.dragging main{outline-color:#3478ef}
@media(min-width:1500px){main{padding:0 48px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.thumb{height:160px}}
@media(max-width:850px){aside{width:190px;padding:25px 12px}main{margin-left:190px;width:calc(100% - 190px);padding:0 22px}.header-label,.account-label{display:none}.search{width:100%}.cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media(max-width:560px){aside{position:static;width:100%;padding:18px 16px}.brand{padding:0;font-size:22px}.primary{margin:15px 0 12px}.side-title,#folders{display:block}.side-title{display:flex;margin:16px 0 6px}#folders{display:flex;overflow-x:auto;gap:4px}#folders button{white-space:nowrap;font-size:12px;padding:8px}.storage{display:none}nav button{font-size:11px;padding:9px}main{margin:0;width:100%;padding:0 16px}header{height:61px}.intro{padding:21px 0 17px}.intro h1{font-size:25px}.intro button{font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumb{height:120px}.toolbar{margin:19px 0 14px}.rows .card{grid-template-columns:48px minmax(0,1fr) 112px}.rows .actions button{padding:8px 4px}.tools select{margin-right:0}.info small{font-size:10px}}
/* Shadowsgroup studio: monochrome workspace and production workflow. */
:root{background:#101114;color:#eceef2;color-scheme:dark}
aside{background:#141519;color:#92949e;border-right:1px solid #28292f}.brand{font-size:20px;letter-spacing:2px;align-items:center;color:#fff;gap:12px}.brand small{font-size:9px;letter-spacing:2.4px;color:#777b88}.brand-mark{width:38px;height:38px;border-radius:0}
.primary{background:#f3f4f6;color:#15161a;border:1px solid #fff}.primary:hover{background:#d5d8df}nav button{color:#9c9ea9}nav button.active{background:#26272e;color:#fff}nav button:hover,#folders button:hover{background:#22232a}#folders button{color:#a6a8b3}.side-title{color:#737681;font-size:9px;letter-spacing:1.6px}.storage{border-color:#2c2d35;color:#d1d2d8}.storage p,.storage small{color:#7d808c}
main{background:#101114}header{border-color:#292a31;height:76px}.header-label{color:#a4a7b2;font-size:10px;letter-spacing:1.4px}.header-divider{color:#454853;padding:0 10px}.search{background:#191a20;border-color:#2e303a;color:#8c909e}.search input{color:#e9eaf0}.account-label{border-color:#34353f;color:#999caa}
.intro{padding:36px 0 28px;border-color:#292a31}.eyebrow{color:#7c7f8c;letter-spacing:2px}h1{font-size:32px;font-weight:600;letter-spacing:-1px}#subtitle{color:#8a8d9b}.intro button{background:#1b1c23;color:#eceef4;border-color:#363843;padding:11px 16px}button{background:#1c1d23;color:#d2d5df;border-color:#343640}button:hover{background:#2a2c35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#babfce}
.workflow{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.workflow button{font-size:11px;background:transparent;border-color:transparent;color:#888c9b;padding:9px 13px}.workflow button[aria-pressed=true]{background:#2a2c35;color:#fff;border-color:#3c3f4b}.workflow button:hover{background:#22242c;color:#dfe2ed}.toolbar{margin-top:25px}.toolbar h2{color:#d4d7e1}.toolbar span{color:#737887}.tools select{color:#a1a5b3}.tools button[aria-pressed=true]{color:#fff;background:#343742;border-color:#515562}
.card{background:#191a20;border-color:#2c2e38;border-radius:8px}.card:hover{border-color:#5a5e6d;box-shadow:none}.thumb{background:#20222a}.thumb img{filter:saturate(.65)}.file-icon{color:#9399ac}.info strong{color:#e3e5ec}.info small{color:#808595}.actions{border-color:#2c2e37}.actions button{background:transparent;color:#999fad}.actions button:hover{background:#30333e;color:#fff}.actions button.starred{color:#daca9c}.stage-select{display:block;width:100%;margin-top:12px;padding:6px 8px;background:#22252e;color:#bec5d4;border:1px solid #373b48;border-radius:4px;font-size:10px}.rows{background:#191a20;border-color:#30333e}.rows .card{border-color:#2b2e37}.rows .card:hover{background:#23252d}.rows .stage-select{width:150px;max-width:100%}.empty{color:#8d92a2;border-color:#373b47}footer{color:#707583;border-color:#292c35;font-size:9px;letter-spacing:1.5px}dialog{background:#14161c;color:#e2e5ee}dialog::backdrop{background:#000e}#preview-body video{max-width:100%;max-height:100%}#preview-body{position:relative}#toast{background:#eceef3;color:#181b22}body.dragging main{outline-color:#adb4c8}
@media(max-width:560px){.intro{padding:25px 0 20px}.intro h1{font-size:27px}.brand{font-size:19px}.workflow{gap:1px;margin-top:18px}.workflow button{padding:8px;font-size:10px}.rows .card{grid-template-columns:42px minmax(0,1fr) 105px}.stage-select{font-size:10px}.info{padding:10px}.info strong{font-size:11px}}
.team-tools{display:grid;gap:6px;margin:25px 0 20px}.team-tools button{text-align:left;font-size:11px;background:transparent}.team-tools small{font-size:10px;color:#858b99;margin:4px}.details-body{clear:both;padding:15px 5px}.details-body h2{font-size:20px;overflow-wrap:anywhere}.details-body h3{font-size:14px;margin-top:25px}.details-body>p{font-size:12px;color:#959dae;line-height:1.7}.review-media{display:block;width:100%;max-height:45vh;object-fit:contain;background:#090a0e;border-radius:6px}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.detail-field{display:grid;gap:6px;font-size:11px;color:#aeb6c7}.detail-field input,.detail-field select,.comment-form input,.comment-form textarea{width:100%;padding:10px;background:#22252e;border:1px solid #373c49;color:#eee;border-radius:5px;font:inherit}.versions{display:flex;gap:8px;flex-wrap:wrap}.versions button{font-size:11px;max-width:100%;overflow-wrap:anywhere}.comments article{padding:12px;border:1px solid #323742;border-radius:6px;margin-bottom:8px}.comments article>div{display:flex;justify-content:space-between;gap:12px}.comments strong,.comments p{font-size:12px}.comments p{white-space:pre-wrap;overflow-wrap:anywhere}.comments button{font-size:10px;padding:5px 8px}.comment-form{display:grid;gap:8px;margin-top:15px}.comment-form textarea{min-height:80px;resize:vertical}.comment-form button{justify-self:start;font-size:12px}.review-label{font-size:10px!important}.review-label.approved{color:#96c4a7}.review-label.changes{color:#d6b08f}.queue-row{display:flex;gap:12px;align-items:center;border:1px solid #303643;padding:10px;margin:7px 0;border-radius:6px;font-size:11px}.queue-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1}.queue-row progress{width:100px;accent-color:#aab6ce}.queue-row button{font-size:10px;padding:5px 8px}#upload-queue h3{font-size:12px;color:#9aa4b7}.rows .actions button{padding-left:5px;padding-right:5px}@media(max-width:560px){.team-tools{grid-template-columns:1fr 1fr;margin:10px 0}.team-tools small{grid-column:1/-1}.detail-fields{grid-template-columns:1fr}.queue-row{flex-wrap:wrap}.queue-row>span{flex-basis:100%}.rows .card{grid-template-columns:40px minmax(0,1fr) 120px}}