:root{color-scheme:light;--paper:#f6f5ef;--ink:#252820;--muted:#66695e;--line:#cecec1;--accent:#8a3a20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid #155bb6;outline-offset:4px}button,input,textarea,select{border:1px solid #999d8b;border-radius:3px;background:#fff;padding:10px 13px}input[type=file]{max-width:100%;width:100%;background:transparent}textarea{width:100%;resize:vertical;min-height:110px}input:not([type=file]),select{max-width:100%}label{display:block;font-size:13px;font-weight:550}label textarea,label input,label select{display:block;margin-top:8px;width:100%}button,a.button{min-height:44px}button.primary,.button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}a.button{display:inline-flex;align-items:center;gap:20px;text-decoration:none;border:1px solid;padding:10px 16px;border-radius:3px}.wrap{max-width:1380px;margin:auto;padding:0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--ink)}.wordmark{font-weight:650;letter-spacing:-.7px;text-decoration:none;font-size:21px}.topbar nav{display:flex;gap:24px;font-size:13px}.topbar nav a{display:flex;min-height:44px;align-items:center;text-decoration:none}.topbar nav a:hover{text-decoration:underline}.intro{display:grid;grid-template-columns:1.7fr 1fr;gap:80px;padding:65px 0 52px;align-items:end}.intro h1{font:400 clamp(48px,6.3vw,90px)/1.02 Georgia,serif;letter-spacing:-.065em;margin:0}.intro h1 em{font-weight:400}.intro p{max-width:40ch;margin:0 0 22px;color:var(--muted);font-size:16px}.kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 20px;color:var(--muted)}.section{padding:48px 0;border-top:1px solid var(--ink)}.section-head{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:26px}.section h2{font:400 38px/1.1 Georgia,serif;letter-spacing:-1.2px;margin:0 0 12px}.section-head p{max-width:52ch;color:var(--muted);margin:0}.spread-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.study{min-width:0}.study a{display:block;text-decoration:none}.study img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;border:1px solid var(--line);transition:filter 160ms}.study a:hover img{filter:brightness(.96)}.study h3{font:400 27px/1.1 Georgia,serif;letter-spacing:-.5px;margin:18px 0 10px}.study small{color:var(--muted);font-size:11px}.study p{font-size:13px;line-height:1.65;color:var(--muted);margin:8px 0}.study details{font-size:13px;border-top:1px solid var(--line);margin-top:18px}.study summary{cursor:pointer;padding:12px 0;min-height:44px}.study ul{padding-left:18px}.study li{margin:8px 0}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.text-link{font-size:13px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:50px}.fields{display:grid;gap:20px}.help{font-size:12px;color:var(--muted);margin:6px 0}.board-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.board-controls label{display:flex;align-items:center;gap:10px}.board-controls select{width:auto;margin:0}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.reference{min-width:0;border-top:1px solid var(--line);padding-top:12px}.reference img{display:block;width:100%;height:160px;object-fit:contain;background:#e7e8df;cursor:zoom-in}.reference .name{font-size:11px;overflow-wrap:anywhere;margin:8px 0}.reference .keep{width:100%;padding:6px;min-height:38px;font-size:12px}.reference .keep[aria-pressed=true]{background:var(--ink);color:white}.reference label{font-size:11px;margin:12px 0}.reference input,.reference textarea{font-size:12px;padding:8px;min-height:36px}.reference textarea{min-height:65px}.reference[hidden]{display:none}.status{font-size:13px;min-height:24px;color:var(--muted)}.source-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:32px 0 0}.source-list a{font-size:14px}.source-list p{font-size:12px;color:var(--muted)}.note{padding:22px;background:#e9ebdf;font-size:13px;margin:24px 0}.empty-board{padding:35px;border:1px dashed #a0a18e;text-align:center;color:var(--muted)}.output{background:#efeee6;padding:25px;min-width:0}.output h3{margin:0 0 12px;font:27px Georgia,serif}.output textarea{background:#fbfaf6;font-size:13px;line-height:1.65;min-height:300px}.output .actions{margin-top:15px}.case-layout{display:grid;grid-template-columns:250px 1fr;gap:45px}.case-menu{display:flex;flex-direction:column;gap:0}.case-menu button{background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;border-radius:0;padding:12px 0;font-size:13px}.case-menu button[aria-pressed=true]{font-weight:650;color:var(--accent)}.case-menu button[aria-pressed=true]::before{content:'↗ ';}.case-body h3{font:400 42px/1.15 Georgia,serif;letter-spacing:-1.1px;margin:0 0 26px}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-pair blockquote{margin:0;padding:24px 0;border-top:1px solid var(--ink);font:22px/1.5 Georgia,serif}.case-pair small{display:block;margin-bottom:12px;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.case-pair .after{color:#234c35}.case-facts{font-size:13px;padding:20px;background:#e9eadd}.case-why{font-size:15px;max-width:70ch}.case-keep{font-size:13px;color:var(--muted)}.voice .intro{padding-bottom:36px}.voice .intro h1{letter-spacing:-.06em}.voice .case-layout{margin-top:15px}.voice .section:first-of-type{border-top:0;padding-top:10px}.voice .intro-art{font:italic 130px/1 Georgia,serif;letter-spacing:-8px;display:flex;justify-content:space-between;align-items:center;color:#873422}.voice .intro-art span:nth-child(2){font:100px Arial,sans-serif;color:#65724d}.voice .intro-art span:last-child{font:100px Georgia,serif;color:#252820}.voice .intro-art-caption{font-size:12px;margin:15px 0 0}.review-results{margin:18px 0;font-size:13px}.review-results li{margin:10px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;border-top:1px solid var(--ink);font-size:12px}.footer p{max-width:78ch;color:var(--muted)}.footer nav{display:flex;gap:20px}.skip{position:absolute;left:12px;top:-80px;padding:12px;background:white;z-index:5}.skip:focus{top:12px}dialog{border:1px solid var(--line);background:var(--paper);padding:16px;max-width:95vw;max-height:95vh}dialog::backdrop{background:#111b}dialog img{display:block;max-width:85vw;max-height:78vh;object-fit:contain}dialog button{display:block;margin:12px 0 0 auto}.print-only{display:none}[hidden]{display:none!important}@media(max-width:1000px){.intro{gap:35px}.board{grid-template-columns:repeat(3,minmax(0,1fr))}.wrap{padding:0 30px}.source-list{grid-template-columns:1fr 1fr}.workspace{gap:25px}}@media(max-width:720px){.wrap{padding:0 20px}.topbar{align-items:flex-start;gap:10px;flex-direction:column;padding:15px 0}.topbar nav{gap:22px;flex-wrap:wrap}.intro{grid-template-columns:1fr;padding:38px 0;gap:26px}.intro h1{font-size:56px}.intro p{font-size:15px}.section{padding:32px 0}.section h2{font-size:32px}.section-head{display:block}.section-head p{margin-top:16px}.spread-grid,.workspace,.case-layout,.case-pair{grid-template-columns:1fr;gap:25px}.study img{aspect-ratio:1.4}.study h3{font-size:29px}.case-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.case-menu button{font-size:12px}.case-body h3{font-size:34px}.board{grid-template-columns:1fr 1fr;gap:14px}.reference img{height:125px}.source-list{gap:20px}.footer{display:block}.footer nav{margin-top:20px}.voice .intro-art{font-size:100px;max-width:380px}.voice .intro-art span:nth-child(2),.voice .intro-art span:last-child{font-size:80px}input,textarea,select{font-size:16px}.output{padding:20px}.board-controls{gap:10px}.board-controls button{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}@media print{.topbar,.board-controls,.fields,.skip,.footer nav,button,.actions,.reference .keep,input[type=file]{display:none!important}.wrap{padding:0}.intro{padding-top:0}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.reference{break-inside:avoid}.reference:has(.keep[aria-pressed=false]){display:none}.section{break-inside:avoid}.print-only{display:block}}


.design .desk-logo{width:25px;height:25px;flex-shrink:0}.design .desk-brand{gap:12px}

/* A working reference desk. Scoped so the writing lab keeps its own interface. */
body.design{--desk-bg:#222321;--desk-chrome:#2b2c29;--desk-raised:#333530;--desk-line:#454741;--desk-type:#f4f4ef;--desk-dim:#b7bab0;--desk-blue:#bdd1ff;--paper:#222321;--ink:#f4f4ef;--muted:#b7bab0;--line:#454741;color-scheme:dark;background:var(--desk-bg);color:var(--desk-type);font:13px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.design *{box-sizing:border-box}.design .wrap{max-width:none;padding:0;margin:0}.design .wrap>.topbar,.design .wrap>.footer{display:none}.design .design-desk{min-height:100svh;display:flex;flex-direction:column}.design a{text-underline-offset:3px}.design button,.design input,.design textarea,.design select{font-family:inherit}.design button,.design a{touch-action:manipulation}.design button{min-height:36px;border:1px solid var(--desk-line);border-radius:6px;padding:7px 12px;color:var(--desk-type);background:var(--desk-raised);font-size:12px;font-weight:500}.design button:hover:not(:disabled){background:#41443c}.design button:active:not(:disabled){transform:none;background:#4a4d45}.design button:disabled{opacity:.45}.design :focus-visible{outline:2px solid #9fc0ff;outline-offset:4px}.design button.primary{background:var(--desk-blue);border-color:var(--desk-blue);color:#14253f}.design button.primary:hover{background:#d3e0ff}.design .desk-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.design .desk-header{height:65px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3b3d37;background:var(--desk-chrome);gap:16px}.design .desk-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:15px;font-weight:550;letter-spacing:-.3px}.design .desk-brand h1{font:inherit;margin:0}.design .desk-brand .grid{width:21px;height:21px;fill:#d5dbcc;stroke:#d5dbcc;stroke-width:1}.design .desk-header-actions{display:flex;align-items:center;gap:23px}.design .desk-text-link{display:flex;gap:7px;align-items:center;text-decoration:none;color:var(--desk-dim);font-size:12px;min-height:36px}.design .desk-text-link:hover{color:white}.design .desk-text-link .desk-icon{width:13px;height:13px}.design .desk-brief-button{display:flex;align-items:center;gap:18px;background:transparent;border-color:#62665a;min-width:125px;justify-content:space-between}.design .desk-toolbar{min-height:73px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.design .desk-tabs{display:flex;gap:4px;padding:3px;background:#1b1c1a;border:1px solid #3b3d37;border-radius:7px}.design .desk-tabs button{display:flex;align-items:center;gap:9px;background:transparent;border-color:transparent;color:var(--desk-dim);padding:7px 12px;min-height:34px}.design .desk-tabs button[aria-selected=true]{color:var(--desk-type);background:#3b3e35;box-shadow:0 1px 3px #0003}.design .desk-tabs button span{font-size:10px;font-weight:500;border:1px solid #676c5e;border-radius:4px;min-width:17px;text-align:center;line-height:16px;color:#d0d6c4}.design .desk-import-actions{display:flex;align-items:center;gap:20px}.design .desk-import{position:relative;display:inline-flex;align-items:center;gap:9px;cursor:pointer;border-radius:6px;background:var(--desk-blue);color:#172945;padding:9px 13px;min-height:38px;white-space:nowrap;font-size:12px;font-weight:600}.design .desk-import:hover{background:#d3e0ff}.design .desk-import input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;padding:0;cursor:pointer}.design .desk-import:focus-within{outline:2px solid #d1e0ff;outline-offset:4px}.design .desk-sources{position:relative;font-size:12px;color:var(--desk-dim)}.design .desk-sources summary{display:flex;align-items:center;gap:11px;cursor:pointer;list-style:none;min-height:38px}.design .desk-sources summary::-webkit-details-marker{display:none}.design .desk-sources[open] summary{color:var(--desk-type)}.design .desk-sources nav{position:absolute;z-index:4;right:0;top:45px;min-width:208px;padding:7px;background:#343630;border:1px solid #5c6053;border-radius:8px;box-shadow:0 12px 32px #0006}.design .desk-sources nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 9px;border-radius:4px;color:#f2f4ec;text-decoration:none}.design .desk-sources nav a:hover{background:#464a3e}.design .desk-sources small{display:block;max-width:180px;padding:10px 9px 7px;font-size:10px;line-height:1.5;color:#bfc4b5}.design .desk-studies{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;padding:12px 28px 32px;align-items:start;flex:1;min-height:0}.design .study-stage{min-width:0;padding:20px 24px 0;background:#1c1d1b;border:1px solid #3a3d35;border-radius:3px}.design .active-study{display:block;max-width:1060px;margin:auto;box-shadow:0 8px 22px #0005;background:#fff;line-height:0;overflow:hidden}.design .active-study img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top}.design .active-study:hover{outline:1px solid #838b73;outline-offset:3px}.design .study-stage-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;font-size:11px;color:var(--desk-dim)}.design .study-stage-caption>div{display:flex;align-items:center;gap:8px;min-width:0}.design .study-stage-caption #active-study-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design .study-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#bdcfff}.design .study-stage-caption a{display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;min-height:38px;color:#edf0e7}.design .study-stage-caption .desk-icon{width:13px;height:13px}.design .study-reel{display:grid;gap:17px}.design button.study-thumb{display:block;background:transparent!important;border:0;padding:0;text-align:left;border-radius:2px;font-size:11px;font-weight:400;opacity:.65;transition:opacity 120ms}.design button.study-thumb:hover,.design button.study-thumb[aria-pressed=true]{opacity:1}.design .study-thumb-image{display:block;line-height:0;border:1px solid #666b5b;border-radius:2px;padding:5px;background:#242620}.design .study-thumb[aria-pressed=true] .study-thumb-image{border-color:#afcaff;background:#34415c}.design .study-thumb img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;display:block}.design .study-thumb-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 2px 0}.design .thumb-selection{width:6px;height:6px;border-radius:50%;background:#afcaff;visibility:hidden;margin-right:3px}.design .study-thumb[aria-pressed=true] .thumb-selection{visibility:visible}.design .study-reel-note{font-size:10px;color:#aeb3a2;margin:3px 0 0;line-height:1.6}.design .desk-reference-view{padding:0 28px;flex:1;display:flex;flex-direction:column}.design .desk-board-toolbar{display:flex;gap:16px;align-items:center;padding:5px 0 20px}.design .desk-batch-controls{display:flex;align-items:center;gap:10px}.design .desk-batch-controls label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400;color:var(--desk-dim)}.design .desk-batch-controls select{display:block;width:65px;max-width:100%;padding:7px 8px;margin:0;background:#2e302b;color:#f3f4ed;border:1px solid #555a4b;border-radius:5px;font-size:12px;min-height:36px}.design #shuffle,.design #export-board{display:flex;gap:8px;align-items:center;justify-content:center}.design #shuffle .desk-icon{width:15px;height:15px}.design .desk-count{font-size:11px;margin:0;color:var(--desk-dim);flex:1}.design .desk-reference-canvas{min-height:480px;flex:1}.design .desk-reference-canvas.is-dragging{outline:2px dashed #b5ccff;outline-offset:8px;border-radius:4px}.design .desk-empty{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #505449;border-radius:4px;background:#1e201b;padding:24px;text-align:center}.design .desk-empty p{font-size:16px;font-weight:450;margin:22px 0 3px;letter-spacing:-.25px}.design button.desk-empty-import{padding:0;border:0;background:transparent;font-size:12px;cursor:pointer;color:#bdd1ff;text-decoration:underline;text-underline-offset:4px;min-height:38px;display:flex;align-items:center}.design .desk-empty small{font-size:10px;color:#a9b19b;margin-top:24px}.design .empty-image-stack{width:86px;height:72px;position:relative;margin-bottom:6px}.design .empty-image-stack span{position:absolute;width:56px;height:65px;border:1px solid #7b846e;background:#2b3124;border-radius:3px;left:17px;top:0;display:grid;place-items:center}.design .empty-image-stack span:first-child{transform:rotate(-18deg) translate(-13px,3px);background:#353d2b}.design .empty-image-stack span:nth-child(2){transform:rotate(12deg) translate(13px,0);background:#23291e}.design .empty-image-stack span:last-child{transform:rotate(-2deg);color:#cbd9b8}.design .board{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;align-items:start}.design .reference{border:0;padding:0;min-width:0;position:relative}.design .reference img{background:#181a16;border:1px solid #4b5142;border-radius:3px;height:235px;width:100%;object-fit:contain;display:block}.design .reference .name{font-size:10px;color:#b9c0ae;margin:9px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design .reference .keep{min-height:32px;padding:5px 9px;border-color:#575f4b;background:transparent;font-size:11px;color:#cdd2c4}.design .reference .keep[aria-pressed=true]{background:#bdd1ff;color:#172945;border-color:#bdd1ff}.design .reference label{font-size:11px;color:#cbd0c4;margin:13px 0}.design .reference input,.design .reference textarea{background:#1d1f1a;border:1px solid #575d4f;color:#eff1e9;font-size:12px;min-height:36px;border-radius:4px}.design .reference textarea{min-height:68px}.design .reference input::placeholder,.design .reference textarea::placeholder{color:#a5ae98}.design .desk-reference-view .status{font-size:11px;line-height:1.55;min-height:22px;margin:16px 0 12px;color:#b9bfb0}.design .desk-bottom{padding:12px 28px;border-top:1px solid #3e4238;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aeb5a2;font-size:10px;min-height:43px}.design .desk-bottom>span,.design .desk-bottom>div{display:flex;align-items:center;gap:20px}.design .desk-bottom>span{gap:7px}.design .desk-bottom i{width:5px;height:5px;background:#a8b994;border-radius:50%}.design .desk-bottom a{text-decoration:none;color:#dce4d1}.design dialog{border:1px solid #64675c;border-radius:10px;background:#2c2d29;color:#f1f1eb;padding:0;box-shadow:0 24px 80px #0008}.design dialog::backdrop{background:#0d0e0cbf;backdrop-filter:blur(3px)}.design .desk-brief-dialog{width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 48px);overflow:auto}.design .desk-dialog-heading{margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;border-bottom:1px solid #4d5146}.design .desk-dialog-heading h2{font:500 16px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;margin:0;letter-spacing:-.3px}.design .desk-dialog-heading button{min-height:32px;min-width:32px;font-size:22px;line-height:1;padding:4px;border:0;background:transparent}.design .desk-brief-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:0}.design .desk-project-fields{display:flex;flex-direction:column;gap:22px;padding:25px 24px;border-right:1px solid #4d5146}.design .desk-project-fields label,.design .desk-brief-output label{font-size:12px;font-weight:500}.design .desk-project-fields input,.design .desk-project-fields textarea,.design .desk-brief-output textarea{background:#20221d;border:1px solid #5c6253;border-radius:5px;color:#eff1e9;font-size:13px;line-height:1.55;padding:10px 12px;width:100%}.design .desk-project-fields input::placeholder,.design .desk-project-fields textarea::placeholder,.design .desk-brief-output textarea::placeholder{color:#aeb5a2}.design .desk-project-fields textarea{min-height:105px}.design .desk-project-fields p{font-size:11px;color:#b8beb0;margin:0;line-height:1.6;max-width:30ch}.design .desk-brief-output{padding:20px 24px 16px}.design .desk-output-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.design .desk-brief-output textarea{min-height:344px;resize:vertical}.design .desk-output-actions{display:flex;gap:10px;margin-top:14px}.design .desk-brief-output .status{font-size:11px;margin:12px 0 0;color:#bcc3b3}.design .desk-reference-dialog{padding:36px 16px 16px;max-width:calc(100vw - 30px);max-height:calc(100svh - 30px);background:#23261f}.design .desk-reference-dialog img{max-width:calc(100vw - 66px);max-height:calc(100svh - 99px);border-radius:2px}.design #close-reference{position:absolute;top:2px;right:5px;display:block;margin:0;min-height:30px;min-width:32px;font-size:22px;line-height:1;background:transparent;border:0;padding:3px}.design .skip{color:#172514}.design noscript p{margin:20px 28px}
@media(min-width:1600px){.design .desk-studies{gap:42px;padding:18px 42px 40px;grid-template-columns:minmax(0,1fr) 270px}.design .study-stage{padding:32px 38px 0}.design .study-reel{gap:22px}.design .desk-header,.design .desk-toolbar,.design .desk-bottom{padding-left:42px;padding-right:42px}.design .board{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.design .desk-studies{grid-template-columns:minmax(0,1fr) 170px;gap:20px;padding:8px 20px 24px}.design .study-stage{padding:14px 15px 0}.design .desk-header,.design .desk-toolbar,.design .desk-bottom{padding-left:20px;padding-right:20px}.design .desk-reference-view{padding:0 20px}.design .study-reel{gap:13px}.design .study-stage-caption{min-height:51px;font-size:10px}.design .study-thumb-label{font-size:10px}.design .board{grid-template-columns:repeat(3,minmax(0,1fr))}.design .reference img{height:200px}}
@media(max-width:720px){.design .desk-header{height:58px;padding:0 16px}.design .desk-brand{font-size:14px;gap:9px}.design .desk-brand .grid{width:18px;height:18px}.design .desk-header-actions{gap:12px}.design .desk-header-actions>.desk-text-link{display:none}.design .desk-brief-button{min-width:106px;min-height:34px;padding:6px 9px;font-size:11px;gap:10px}.design .desk-toolbar{padding:15px 16px;gap:13px;align-items:stretch;flex-wrap:wrap}.design .desk-tabs{flex:1;min-width:240px;justify-content:stretch;order:2}.design .desk-tabs button{flex:1;justify-content:center;min-height:35px}.design .desk-import-actions{flex:1;justify-content:space-between;order:1;gap:14px}.design .desk-import{font-size:12px;min-height:38px}.design .desk-studies{grid-template-columns:1fr;padding:5px 16px 25px;gap:22px;align-content:start}.design .study-stage{padding:12px 12px 0;min-width:0}.design .active-study img{aspect-ratio:1.05;object-fit:cover;object-position:top left}.design .study-stage-caption{gap:10px;min-height:53px;font-size:10px}.design .study-stage-caption>div{gap:6px}.design .study-stage-caption a{gap:3px}.design .study-reel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.design .study-thumb-image{padding:3px}.design .study-thumb img{aspect-ratio:1.15}.design .study-thumb-label{font-size:10px;gap:3px;padding-top:8px}.design .study-reel-note{grid-column:1/-1;font-size:10px;margin-top:4px}.design .desk-bottom{padding:12px 16px;gap:10px;font-size:9px;flex-wrap:wrap}.design .desk-bottom>div{gap:15px}.design .desk-reference-view{padding:0 16px}.design .desk-board-toolbar{flex-wrap:wrap;gap:12px;padding:0 0 16px}.design .desk-count{flex-basis:100%;order:3;font-size:10px}.design #export-board{margin-left:auto;font-size:11px;padding:7px 9px;gap:5px}.design .desk-batch-controls{gap:7px}.design .desk-batch-controls label{font-size:11px;gap:6px}.design .desk-batch-controls select{width:57px;font-size:12px}.design #shuffle{padding:7px 9px;font-size:11px}.design .board{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.design .reference img{height:180px}.design .reference .keep{font-size:10px}.design .reference input,.design .reference textarea{font-size:16px}.design .desk-empty,.design .desk-reference-canvas{min-height:410px}.design .desk-empty p{font-size:15px}.design .desk-empty small{font-size:9px}.design .desk-dialog-heading{padding:13px 17px}.design .desk-brief-layout{grid-template-columns:1fr}.design .desk-project-fields{padding:22px 18px;gap:18px;border-right:0;border-bottom:1px solid #4d5146}.design .desk-project-fields p{max-width:none}.design .desk-brief-output{padding:20px 18px}.design .desk-project-fields input,.design .desk-project-fields textarea,.design .desk-brief-output textarea{font-size:16px}.design .desk-brief-output textarea{min-height:270px}.design .desk-brief-dialog{max-height:calc(100svh - 28px);width:calc(100vw - 24px)}}
@media(max-width:370px){.design .desk-brand{font-size:13px}.design .desk-brand .grid{width:16px;height:16px}.design .desk-header{padding:0 12px}.design .desk-toolbar{padding:12px}.design .desk-studies,.design .desk-reference-view{padding-left:12px;padding-right:12px}.design .study-stage{padding:8px 8px 0}.design .study-stage-caption #active-study-name{max-width:142px}.design .study-reel{gap:8px}.design .thumb-selection{width:4px;height:4px;margin-right:0}.design .desk-batch-controls label{font-size:10px}.design #shuffle span{display:none}.design .reference img{height:155px}}
@media(prefers-reduced-motion:reduce){.design *, .design *::before, .design *::after{transition:none!important;scroll-behavior:auto!important}}
@media print{body.design{background:white;color:#111}.design .desk-header,.design .desk-toolbar,.design .desk-bottom,.design .study-reel,.design .study-stage-caption a{display:none}.design .desk-studies{display:block;padding:0}.design .study-stage{padding:0;background:white;border:0}.design .active-study{box-shadow:none}.design .study-stage-caption{color:#222}}

/* Let the work carry the color; controls use quiet neutral surfaces. */
body.design{background:#222325;color:#eeeff1}
.design .desk-header{background:#28292c;border-bottom:0;box-shadow:0 1px 0 #ffffff08}
.design .desk-tabs{border:0;background:#1b1c1e;box-shadow:inset 0 1px 3px #0003}
.design .desk-tabs button[aria-selected=true]{background:#3c3e42;box-shadow:0 1px 3px #0004;border:0}
.design .study-stage{border:0;background:#1c1d1f;border-radius:6px;box-shadow:0 7px 22px #0002}
.design .study-thumb-image{border:0;background:#35363a;padding:5px;border-radius:2px}
.design .study-thumb[aria-pressed=true] .study-thumb-image{border:0;outline:0;background:#ededee;box-shadow:0 3px 8px #0004}
.design .desk-brief-button{border:0;background:#3e4045;box-shadow:inset 0 1px 0 #fff1,0 1px 3px #0003}
.design .desk-bottom{border-top:0;color:#a5a7ad;background:#28292c}
.design .study-reel-note{color:#a5a7ad}
.design .desk-dialog-heading{background:#28292c;border-bottom-color:#ffffff0c}
.design .desk-project-fields{border-color:#ffffff0c}

.design #adapt-source{font:inherit;color:#eee;background:#303237;padding:11px 12px;border:0;border-radius:4px;min-height:42px;width:100%;box-shadow:inset 0 1px 3px #0003}.design #adapt-source option{color:#eee;background:#303237}
