@font-face{font-family:Bungee;src:url('/static/fonts/Bungee-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Marker;src:url('/static/fonts/PermanentMarker-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#20294f;--paper:#fff5d5;--yellow:#ffe14f;--pink:#f598b5;--mint:#9be0cf;--accent:#a32561}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Verdana,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:3px}button,input,select,textarea{border:2px solid var(--ink);border-radius:0;background:var(--paper);padding:9px 12px;max-width:100%}input[type=range]{padding:0;accent-color:var(--accent);border:0;cursor:pointer;min-height:28px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #214ecc;outline-offset:4px}button:hover:not(:disabled){background:var(--mint)}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:Bungee,Impact,sans-serif;line-height:1.12;letter-spacing:-1px}h1{font-size:clamp(32px,4.2vw,58px)}h2{font-size:clamp(24px,2.6vw,34px)}h3{font-size:21px;line-height:1.3}em{font-family:Marker,Georgia,serif;font-weight:400;font-style:normal;letter-spacing:-1px}img{max-width:100%;display:block}main{max-width:1280px;margin:auto;padding:0 36px 64px}.site-header{background:var(--yellow);border-bottom:3px solid var(--ink)}.header-inner{max-width:1352px;margin:auto;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 36px 22px}.brand{font:clamp(28px,3.6vw,48px)/1 Bungee,Impact,sans-serif;text-decoration:none;color:var(--paper);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);letter-spacing:-1px}.brand span{display:block;font:bold 12px/1.5 Verdana,sans-serif;letter-spacing:2px;color:var(--ink);text-shadow:none;-webkit-text-stroke:0;margin-top:10px}.site-header nav{display:flex;flex-wrap:wrap;gap:22px;font-size:16px;font-weight:700}.site-header nav a{padding:10px 0;text-decoration:none}.header-stripe{height:9px;background:repeating-linear-gradient(115deg,var(--ink) 0 2px,transparent 2px 7px)}.intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:56px 0 38px}.intro h1{margin:0}.intro p{font-size:18px;font-weight:800;max-width:340px;margin:0}.intro p span{display:block;font-weight:500;font-size:16px;margin-top:8px}.workspace-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.workspace-heading h2{font-size:26px;margin:0}.stamp{font:bold 12px 'Courier New',monospace;letter-spacing:1px;border:2px solid var(--ink);padding:7px;background:var(--pink);transform:rotate(2deg)}.workbench{display:grid;grid-template-columns:335px minmax(0,1fr);gap:25px;align-items:start}.control-panel{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--pink)}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:3px solid var(--ink);background:var(--yellow);font:800 17px/1.3 Verdana,sans-serif}.history{display:flex;gap:5px}.history button{min-width:35px;min-height:35px;padding:0;font-size:25px}.panel-body{padding:20px}.panel-body h3{margin-bottom:6px}.small{font-size:13px;line-height:1.6}.center{text-align:center;margin:10px 0 0}.tabs{display:flex;gap:6px;margin:20px 0}.tabs button{flex:1;padding:9px;font-weight:bold}.tabs [aria-pressed=true],.compare-controls [aria-pressed=true]{background:var(--ink);color:var(--paper)}.adjustment{display:grid;grid-template-columns:1fr 70px;align-items:center;margin:16px 0;font-weight:bold}.adjustment input[type=number]{padding:5px;min-width:0}.adjustment input[type=range]{grid-column:1/-1;width:100%}.toolbar{display:flex;justify-content:space-between;gap:10px;border-top:2px dashed var(--ink);padding-top:13px;margin-top:22px}.toolbar button{background:none;border:0;text-decoration:underline;font-size:13px;padding:5px 0}.two-fields{display:flex;gap:12px;margin:12px 0}.two-fields label{flex:1;min-width:0;font-size:13px;font-weight:bold}.two-fields select,.two-fields input{display:block;width:100%;margin-top:6px;padding:8px 4px}.camera{margin:20px 0}.primary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 17px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);font-weight:bold;font-size:15px;width:100%;text-decoration:none}.primary:hover{color:var(--ink)}.button{display:inline-block;background:var(--yellow);border:2px solid var(--ink);padding:10px 16px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}.preview-panel{min-width:0}.sample-strip{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:15px}.photo-options{display:flex;gap:9px;overflow-x:auto;min-width:0;padding:5px}.photo-options button{border:0;background:none;padding:0;min-width:74px;max-width:100px;font-size:12px;font-weight:bold;text-align:left}.photo-options img{width:74px;height:47px;object-fit:cover;border:2px solid var(--paper)}.photo-options [aria-pressed=true] img{outline:3px solid var(--accent)}.photo-options span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.sample-strip>.button{flex-shrink:0;font-size:13px}.photo-mount{padding:0 15px 13px;border:3px solid var(--ink);background:#fffdfa;box-shadow:6px 6px 0 var(--ink)}.photo-mount>.titlebar{margin:0 -15px 15px;background:var(--mint)}canvas{display:block;width:100%;height:auto;background:var(--ink)}.compare-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.compare-controls button{font-size:13px;font-weight:bold;padding:7px 12px}.preview-note{margin-top:17px}.curve{display:block;width:100%;max-height:215px;background:var(--paper);border:2px solid var(--ink);margin-top:12px}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.matrix label{font-size:12px;font-weight:bold}.matrix input{width:100%;padding:6px;min-width:0}.status{min-height:28px;margin:22px 0 0;font-weight:bold}.notice{background:var(--mint);border:2px solid var(--ink);padding:14px;margin:15px 0}.notice button{border:0;background:none;text-decoration:underline;padding:4px}.saved-section{margin:24px 0 40px;padding:26px;border:2px dashed var(--ink);background:repeating-linear-gradient(0deg,transparent,transparent 31px,#20294f08 32px)}.section-heading h2{margin:0}.save-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.save-row label{font-weight:bold}.save-row input{flex:1;min-width:140px}.empty-note{margin:24px 0}.saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:22px 0}.recipe-card{background:var(--paper);border:2px solid var(--ink);padding:15px;overflow-wrap:anywhere}.recipe-card button{font-size:13px;padding:6px;margin:3px}.originals{padding:35px 28px;background:var(--mint);border:3px solid var(--ink);background-image:radial-gradient(#20294f35 .7px,transparent .7px);background-size:6px 6px}.eyebrow{font:bold 12px/1.5 'Courier New',monospace;letter-spacing:1.3px;margin:0 0 10px}.shelf-arrows{display:flex;gap:9px}.shelf-arrows button{background:var(--yellow);font-size:24px;width:46px;height:44px;padding:0}.polaroid-shelf{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 7px 24px}.polaroid{padding:13px 13px 21px;background:#fffdfa;border:1px solid var(--ink);box-shadow:4px 5px 0 #20294f65;min-width:0}.polaroid-shelf .polaroid{flex:0 0 270px;scroll-snap-align:start}.polaroid:nth-child(2n){transform:rotate(1.5deg)}.polaroid:nth-child(3n){transform:rotate(-1deg)}.polaroid img{width:100%;aspect-ratio:1.3;object-fit:cover}.polaroid h3,.polaroid h2,.handwritten{font:26px/1.2 Marker,Georgia,sans-serif;margin:15px 0 8px}.polaroid a{text-decoration:none}.polaroid p{font-size:13px;margin-bottom:12px}.polaroid-foot{font-size:12px;font-weight:bold;display:grid;gap:8px}.polaroid-foot button{font-size:12px}.explore{margin-top:10px}.site-footer{max-width:1280px;margin:auto;padding:35px 36px 50px;display:flex;gap:40px;align-items:center;border-top:3px solid var(--ink)}.site-footer>strong{font:21px/1.3 Bungee,Impact,sans-serif}.site-footer p,.site-footer nav{font-size:12px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}.footer-stamp{margin-left:auto;transform:rotate(-8deg);border:3px double var(--accent);padding:10px;color:var(--accent);font:bold 14px/1.5 'Courier New',monospace;text-align:center}.file-input,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;background:var(--yellow);padding:15px;z-index:20}.skip:focus{top:10px}dialog{max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:3px solid var(--ink);background:var(--paper);color:var(--ink);padding:28px;box-shadow:8px 8px 0 var(--ink)}dialog::backdrop{background:#151b34b8}.ticket-name{font:bold 22px 'Courier New',monospace;border-block:2px dashed var(--ink);padding:16px}.ticket li{margin-bottom:12px}.catalog-intro{padding:56px 0 28px}.catalog-intro p{max-width:540px}.search{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0 35px}.search input{flex:1;max-width:450px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:8px 0 35px}.pack-banner{display:flex;align-items:center;gap:25px;justify-content:space-between;background:var(--pink);border:3px solid var(--ink);padding:35px;margin-top:30px}.pack-banner p{max-width:640px}.detail-spread{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:50px 0}.detail-photo{transform:rotate(-2deg)}.detail-photo img{aspect-ratio:1.1}.document,.volume-page{max-width:800px;margin:56px auto}.document h2{margin-top:35px;font-size:25px}.document label{display:block;margin:15px 0;font-weight:bold}.document label input{display:block;width:100%}.document input[type=checkbox]{width:auto;display:inline}.document li{margin:8px 0}.auth{padding:28px;background:#fffdfa;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--pink);max-width:650px}.auth button{background:var(--yellow);font-weight:bold;margin:12px 0}.auth input{max-width:100%}.auth .errorlist{color:#8b163e;font-weight:bold}summary{cursor:pointer;font-weight:bold;padding:15px 0}
@media(max-width:950px){.header-inner{align-items:start;flex-direction:column}.intro{align-items:start;flex-direction:column;gap:18px}.intro p{max-width:none}.workbench{grid-template-columns:290px minmax(0,1fr);gap:18px}.panel-body{padding:15px}.sample-strip{flex-wrap:wrap}.photo-options{max-width:100%}.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){main{padding:0 18px 35px}.header-inner{padding:21px 18px;gap:20px}.brand{font-size:37px}.brand span{font-size:10px;letter-spacing:1.5px}.site-header nav{gap:19px;font-size:14px}.intro{padding:40px 0 30px}.intro h1{font-size:36px}.intro p{font-size:17px}.intro p span{font-size:14px}.stamp{display:none}.workspace-heading h2{font-size:23px}.workbench{display:flex;flex-direction:column;gap:25px}.preview-panel{order:-1;width:100%}.control-panel{width:100%}.titlebar{font-size:15px}.sample-strip{gap:10px}.sample-strip>.button{width:100%;text-align:center}.photo-options{width:100%;justify-content:space-between}.photo-options button{max-width:88px}.photo-mount{padding:0 10px 12px}.photo-mount>.titlebar{margin:0 -10px 10px}.saved-section{padding:20px 14px}.section-heading{align-items:start;flex-wrap:wrap}.section-heading h2{font-size:25px}.originals{padding:24px 15px}.polaroid-shelf .polaroid{flex-basis:245px}.site-footer{padding:30px 18px;gap:24px;align-items:start;flex-wrap:wrap}.footer-stamp{display:none}.catalog-grid{grid-template-columns:1fr;gap:28px;max-width:460px;margin:auto}.catalog-intro{padding-top:38px}.pack-banner{flex-direction:column;align-items:start;padding:24px}.detail-spread{grid-template-columns:1fr;gap:30px;padding:30px 0}.document,.volume-page{margin:35px auto}.auth{padding:18px}.auth h1{font-size:28px}.save-row>*{width:100%}.two-fields select{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.ad-placement{min-height:130px;margin:40px 0;border-block:1px solid #20294f55;padding:12px;text-align:center;font-size:12px}.adsbygoogle{display:block;min-height:90px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--ink)}

.account-shell{padding-top:45px;max-width:840px;min-height:65vh}.account-shell>form input:not([type=checkbox]){display:block;width:100%;margin:8px 0}.account-shell>form label{font-weight:bold}.account-shell button{margin-block:10px}.detail-spread form select{display:block;width:100%;margin:8px 0 15px}.detail-spread form label{font-size:14px;font-weight:bold}

.auth button.primary{background:var(--ink);color:var(--paper)}.auth button.primary:hover{background:var(--mint);color:var(--ink)}

/* Paper sample prints and connected control tabs. */
.photo-options{padding:8px 6px 12px;gap:13px}.photo-options button{background:#fffdfa;border:1px solid var(--ink);padding:6px 6px 10px;min-width:82px;max-width:110px;box-shadow:2px 3px 0 #20294f55;transform:rotate(-2deg)}.photo-options button:nth-child(2n){transform:rotate(2deg)}.photo-options img{width:100%;height:56px;border:0;object-fit:cover}.photo-options span{font-family:Marker,Georgia,serif;font-size:14px}.photo-options [aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.photo-options [aria-pressed=true] img{outline:0}.sample-strip>.button{background:var(--accent);color:#fff;font-size:16px;padding:14px 18px;box-shadow:4px 4px 0 var(--ink)}.sample-strip>.button:hover{background:var(--ink)}.tabs{margin:20px 0 0;gap:0;border-bottom:2px solid var(--ink)}.tabs button{border-bottom:0;margin-right:-2px}.tabs [aria-pressed=true]{background:var(--paper);color:var(--ink);position:relative;top:2px;padding-bottom:11px}.tool-content{border:2px solid var(--ink);border-top:0;padding:12px;background:var(--paper)}.curve{touch-action:none;cursor:crosshair}.history button{font-family:Arial,sans-serif;font-weight:700;line-height:1}.split-preview{position:relative;overflow:hidden}.split-overlay{position:absolute;inset:0;touch-action:none;cursor:ew-resize}.split-handle{position:absolute;top:50%;transform:translate(-50%,-50%);background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:23px;font-weight:bold}.split-label{position:absolute;top:8px;background:var(--ink);color:#fff;padding:3px 8px;font-size:12px;pointer-events:none}.before-label{left:8px}.after-label{right:8px}.split-overlay:focus-visible{outline:4px solid #214ecc;outline-offset:-4px}

.intro{flex-direction:column;align-items:flex-start;gap:18px}.intro p{font-family:Bungee,Impact,sans-serif;font-size:clamp(17px,2vw,23px);font-weight:400;line-height:1.4;max-width:none}

.site-header nav{gap:12px}.site-header nav a{border:2px solid var(--ink);padding:10px 16px;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.site-header nav a:hover{background:var(--mint)}.account-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-block:22px 8px}.account-actions .button{padding:12px 18px}.sample-label{font-weight:bold;font-size:14px;margin-bottom:8px}.preview-scroll{max-height:65vh;overflow:auto;overscroll-behavior:contain}.photo-options{max-height:170px;overflow:auto}.split-overlay{user-select:none;-webkit-user-select:none;touch-action:none}.split-overlay>*{pointer-events:none}.split-handle{will-change:left}

.photo-options button{padding-bottom:18px}

.editor-fields{border:0;padding:0;margin:0;min-width:0}.editor-fields:disabled{opacity:.65}.notice .button{margin:8px}

.customizer-stage{position:relative}.customizer-stage:has(.preview-lock){min-height:430px}.preview-lock{position:absolute;inset:-5px;z-index:2;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff5d5e8}.preview-dialog{width:100%;padding:20px 15px;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.preview-dialog .eyebrow{background:var(--yellow);margin:-20px -15px 18px;padding:10px 12px;border-bottom:2px solid var(--ink);font-size:11px}.preview-dialog h3{font-family:Bungee,Impact,sans-serif;font-size:23px;overflow-wrap:anywhere}.preview-dialog p:not(.eyebrow){font-size:14px}.preview-dialog .primary{justify-content:center;text-align:center;min-height:48px;font-size:14px}.preview-dialog .button{display:block;text-align:center;margin-top:16px;background:var(--paper);font-size:13px;box-shadow:none}

#newsletter-prompt{max-width:480px;width:calc(100% - 32px);max-height:85vh;overflow:auto}#newsletter-prompt h2{font-size:clamp(26px,5vw,38px)}#newsletter-prompt .button{display:block;width:100%;text-align:center;margin-top:18px;min-height:44px}#newsletter-prompt .eyebrow{font-weight:800}#newsletter-prompt .small{margin-top:18px}

/* Tiny Color Lab: printed labels, calibration strips, and a compact mixing bench. */
:root{--ink:#092b43;--paper:#fff6df;--yellow:#ffd333;--pink:#f5a6c2;--mint:#a8dfce;--accent:#962958}
body{background-color:var(--paper);background-image:radial-gradient(#092b430a .6px,transparent .7px);background-size:5px 5px}
.site-header{background:transparent;border-bottom:0}.header-inner{max-width:1280px;padding:24px 36px;gap:30px}.header-stripe{max-width:1208px;margin:auto;height:5px;background:var(--ink)}
.brand-lockup{display:flex;align-items:center;gap:18px}.brand{display:flex;flex-direction:column;width:190px;flex:none;padding:7px 10px 9px;border:3px solid var(--ink);border-radius:7px;background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink);text-shadow:none;-webkit-text-stroke:0;letter-spacing:-2px;transform:rotate(-1deg)}
.brand .brand-tiny{font:62px/.95 Bungee,Impact,sans-serif;letter-spacing:-3px;margin:0;color:var(--ink)}.brand .brand-bottom{display:flex;align-items:center;justify-content:space-between;font:17px/1.2 Bungee,Impact,sans-serif;letter-spacing:-.7px;margin:4px 0 0}.test-strip{display:inline-flex;gap:3px;vertical-align:middle}.test-strip b{display:block;width:12px;height:19px;background:#009fe3}.test-strip b:nth-child(2){background:#eb408c}.test-strip b:nth-child(3){background:#ffd333;border:1px solid #092b4340}.brand .test-strip b:last-child{background:#ec7845;border:0}.brand-note{font:bold 12px/1.35 'Courier New',monospace;letter-spacing:1px;margin:0}
.site-header nav{gap:12px}.site-header nav a{background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-size:15px}.site-header nav a:first-child{background:var(--yellow)}
.intro{padding-top:56px;padding-bottom:30px}.intro h1{font-size:clamp(32px,4vw,53px);letter-spacing:-1.8px}.intro em{font:inherit}.intro p{font-size:clamp(18px,2vw,23px);font-weight:800;max-width:none}
.workspace-heading{border:2px solid var(--ink);border-bottom:0;background:var(--yellow);padding:12px 16px;margin-bottom:0;width:335px}.workspace-heading h2{font-size:21px;letter-spacing:-.5px}
.control-panel{background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.control-panel>.titlebar{background:var(--paper)}.titlebar strong{font-size:18px}.tabs{border-bottom:3px solid var(--ink);padding-bottom:8px}.tool-content{background:#fffdf5;border:1px solid #092b4340;padding:12px}.panel-body{padding:16px}.small{font-size:14px}.primary{background:var(--yellow)}
.photo-mount{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.photo-mount>.titlebar{background:var(--ink);color:var(--paper)}.sample-label{font-size:15px}.sample-strip>.button{background:var(--yellow);font-weight:800;box-shadow:3px 3px 0 var(--ink)}
.saved-section{border:2px solid var(--ink);background:var(--paper)}.saved-section h2{font-size:25px}.originals{background:var(--pink);background-image:radial-gradient(#092b4315 .6px,transparent .7px);background-size:5px 5px}.originals .eyebrow{font-size:13px}.polaroid{box-shadow:4px 5px 0 #092b4350}.polaroid p,.polaroid-foot,.polaroid-foot button{font-size:14px}.batch-label{display:inline-block;border:1px solid var(--ink);font:bold 11px/1.4 'Courier New',monospace;padding:2px 5px;margin-top:12px}.polaroid h3{margin-top:8px}.footer-stamp{transform:rotate(-4deg);color:var(--ink);border-color:var(--ink)}.footer-stamp .test-strip{margin-top:8px}
@media(max-width:1000px){.brand-note{display:none}.site-header nav{gap:10px}.header-inner{flex-wrap:wrap}.workspace-heading{width:335px}}
@media(max-width:700px){.header-inner{padding:20px 18px;gap:23px}.brand{width:157px}.brand .brand-tiny{font-size:51px}.brand .brand-bottom{font-size:14px}.brand .test-strip b{width:9px;height:15px}.site-header nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.site-header nav a{text-align:center;padding:10px 5px;font-size:12px}.header-stripe{margin:0 18px}.intro{padding-top:36px}.intro h1{font-size:33px;letter-spacing:-1px}.workspace-heading{width:100%;border-bottom:2px solid var(--ink);margin-bottom:18px}.workspace-heading h2{font-size:21px}.originals .eyebrow{font-size:11px}.titlebar strong{font-size:17px}}
.primary,.sample-strip>.button{color:var(--ink)}button.primary:disabled{opacity:1;background:#f3e5ab;color:#59606a;border-color:#737771;box-shadow:none}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
/* Mockup alignment: condensed signage and the compact two-column lab bench. */
@font-face{font-family:LabDisplay;src:url('/static/fonts/Anton-Regular.ttf') format('truetype');font-display:swap}
h1,h2,.intro p,.titlebar strong,.workspace-heading h2,.polaroid h3{font-family:LabDisplay,Impact,sans-serif;font-weight:400;letter-spacing:0}
main,.header-inner{max-width:1440px;padding-left:32px;padding-right:32px}.header-stripe{max-width:1376px}.header-inner{padding-top:17px;padding-bottom:17px}.brand{width:184px;border-radius:6px;box-shadow:2px 2px 0 var(--ink);transform:none}.brand .brand-tiny{font-family:Arial Black,Arial,sans-serif;font-weight:1000;font-size:68px;line-height:.88;letter-spacing:-5px;transform:scaleX(1.05);transform-origin:left}.brand .brand-bottom{font-family:LabDisplay,Impact,sans-serif;font-size:22px;letter-spacing:-.6px}.brand-note{font-size:13px}
.intro{padding:36px 0 22px;gap:8px}.intro h1{font-size:clamp(38px,4.7vw,68px);line-height:1.12;letter-spacing:-1px}.intro p{font-size:29px;line-height:1.3}
.workbench{grid-template-columns:minmax(340px,.37fr) minmax(0,.63fr);gap:12px 18px;align-items:start}.control-panel{grid-column:1;grid-row:1 / span 2;box-shadow:2px 2px 0 var(--ink);border-radius:4px;overflow:hidden}.workspace-heading{width:auto;border:0;border-bottom:2px solid var(--ink);padding:9px 15px;margin:0}.workspace-heading h2{font-size:26px;text-transform:uppercase}.control-panel>.titlebar{border-bottom:0;padding:7px 15px}.titlebar strong{font-size:22px}.history button{min-width:30px;min-height:30px;font-size:22px}.panel-body{padding:10px 16px 16px}.panel-body h3{font-size:17px}.panel-body .small{font-size:13px}.tabs{margin:12px 0;border:0;padding:0;gap:7px}.tabs button{border:1px solid var(--ink);border-radius:3px;font-size:14px;min-height:40px}.tool-content{border:0;padding:8px 0;background:transparent}.adjustment{margin-bottom:13px}.adjustment input[type=number]{padding:4px 8px}.toolbar{margin-top:8px;padding-top:8px}.camera{margin-top:15px}.primary{font-size:18px;min-height:48px}.preview-panel{grid-column:2;grid-row:1;min-width:0}.photo-mount{padding:0;border:2px solid var(--ink);border-radius:4px;box-shadow:none;overflow:hidden}.photo-mount>.titlebar{margin:0;padding:7px 14px;border:0}.sample-strip{padding:9px 14px;margin:0;justify-content:space-between;align-items:center}.photo-options{gap:12px;flex:0 1 auto}.photo-options button{width:82px;max-width:82px;padding:5px 5px 15px}.photo-options img{height:64px;object-fit:cover}.sample-strip>.button{width:auto;padding:10px 14px;font-size:16px;color:var(--ink)}.preview-scroll{max-height:370px}.compare-controls{padding:7px 12px;margin:0}.compare-controls button{min-height:36px;padding:5px 12px}.saved-section{grid-column:2;grid-row:2;margin:0;padding:10px 14px;border-radius:4px}.saved-section h2{font-size:23px;text-transform:uppercase}.saved-section .section-heading{margin:0 0 5px}.saved-section p{font-size:14px;margin-bottom:8px}.account-actions{margin:0;gap:18px}.account-actions .button{padding:7px 12px;font-size:14px;background:transparent;border:1px dashed var(--ink);box-shadow:none}.status{margin:8px 0;min-height:0}.status:empty{display:none}
.originals{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:22px;padding:18px 22px;margin-top:22px;border:0;border-radius:3px}.originals>.section-heading{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:start;margin:0}.originals .section-heading>div:first-child{display:flex;flex-direction:column-reverse}.originals h2{font-size:37px;text-transform:uppercase;margin:0 0 16px}.originals .eyebrow{font-size:14px;max-width:220px}.shelf-arrows{margin-top:12px}.originals>.polaroid-shelf{grid-column:2;grid-row:1 / span 2;padding:0 6px 10px;gap:18px}.polaroid-shelf .polaroid{flex:0 0 calc((100% - 36px)/3);min-width:200px;padding:10px 10px 14px}.polaroid img{aspect-ratio:1.4}.polaroid h3{font-size:24px;margin:6px 0}.polaroid p{font-size:13px}.polaroid-foot button{background:var(--yellow);min-height:40px}.originals .explore{grid-column:1;grid-row:2;align-self:end;background:transparent;border:0;box-shadow:none;padding:10px 0;font-size:16px}.batch-label{margin-top:8px}.site-footer{max-width:1376px;padding:24px 0;margin-top:28px}.site-footer>strong{font:22px/1.25 LabDisplay,Impact,sans-serif}
@media(max-width:900px){.originals{grid-template-columns:200px minmax(0,1fr)}.originals h2{font-size:31px}.workbench{grid-template-columns:320px minmax(0,1fr)}.sample-strip{flex-wrap:wrap}.intro h1{font-size:49px}}
@media(max-width:700px){main,.header-inner{padding-left:18px;padding-right:18px}.header-inner{gap:16px}.brand{width:150px}.brand .brand-tiny{font-size:55px}.brand .brand-bottom{font-size:18px}.intro{padding:28px 0 20px;gap:9px}.intro h1{font-size:35px;line-height:1.15}.intro p{font-size:22px}.workbench{display:flex;flex-direction:column;gap:15px}.preview-panel{order:-1}.workspace-heading{margin:0}.photo-mount>.titlebar{margin:0}.sample-strip{padding:10px;gap:12px}.sample-strip>.button{width:100%}.photo-options{justify-content:space-between;width:100%}.preview-scroll{max-height:380px}.saved-section{width:100%;padding:14px}.originals{display:block;padding:20px 15px}.originals>.section-heading{display:flex;flex-direction:row;justify-content:space-between;gap:10px;margin-bottom:15px}.originals h2{font-size:29px}.originals .eyebrow{font-size:12px}.polaroid-shelf .polaroid{flex-basis:240px}.originals .explore{display:inline-block;margin-top:10px}.site-footer{margin:26px 18px 0;padding:24px 0}.control-panel{width:100%}.titlebar strong{font-size:21px}}
.brand .brand-tiny{font-size:60px;transform:none;letter-spacing:-4px}.tool-content{min-height:0}.photo-mount{background:var(--paper)}
@media(max-width:700px){.brand .brand-tiny{font-size:49px;letter-spacing:-3px}}
/* Reference-matched geometry, measured at a 1200px desktop viewport. */
body{background-image:url('/static/paper.svg');background-size:180px}.header-inner{padding-top:11px;padding-bottom:10px;gap:20px}.brand{width:160px;padding:5px 7px 7px}.brand .brand-tiny{font-size:54px;line-height:.88;letter-spacing:-4px}.brand .brand-bottom{font-size:20px;margin-top:2px}.brand-note{font-size:12px;max-width:105px}.site-header nav{margin-left:auto}.site-header nav a{padding:9px 18px;font-size:13px;min-width:90px;box-shadow:none;border-width:1px}.header-motto{font:12px/1.2 'Courier New',monospace;margin:0 0 0 30px;letter-spacing:1px;position:relative;padding-right:20px}.header-motto .test-strip{position:absolute;right:0;top:0;flex-direction:column;gap:0}.header-motto .test-strip b{height:16px;width:12px}.header-stripe{margin:0 32px;height:4px}.intro{padding:22px 0 16px;gap:5px}.intro h1{font-size:clamp(36px,4.55vw,65px);line-height:1.1}.intro p{font-size:26px}.workbench{grid-template-columns:minmax(380px,.37fr) minmax(0,.63fr);gap:8px 14px;align-content:start}.control-panel{border-width:2px;box-shadow:none}.workspace-heading{padding:5px 14px}.workspace-heading h2{font-size:24px}.control-panel>.titlebar{padding:4px 14px}.titlebar strong{font-size:20px}.history button{min-height:25px;min-width:25px;font-size:20px}.panel-body{padding:0 14px 12px}.tabs{margin:0 0 12px}.tabs button{min-height:32px;padding:5px;font-size:12px}.tone-overview{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}.overview-curve{min-width:0}.overview-curve label{font-size:12px;display:inline-block}.overview-curve select{font-size:12px;padding:2px 5px;margin-left:5px;border-width:1px}.overview-curve .curve{margin-top:7px;height:190px;border-width:1px}.overview-curve .small{font-size:10px;margin:3px 0}.curve-details{font-size:12px;padding:0;border:0;background:none;text-decoration:underline;min-height:28px}.tone-sliders .adjustment{display:grid;grid-template-columns:1fr 45px;gap:2px;margin:0 0 22px}.tone-sliders label{font-size:12px}.tone-sliders input[type=number]{font-size:12px;width:45px;padding:1px 3px;border-width:1px}.tone-sliders input[type=range]{grid-column:1 / -1;min-height:24px;accent-color:var(--ink)}.tool-content{padding:4px 0}.toolbar{padding-top:4px;margin:4px 0;border-top:1px dashed var(--ink)}.toolbar button{font-size:12px;min-height:30px}.camera{margin:9px 0 12px}.camera label{font-size:13px}.camera select{font-size:14px;padding:7px;border-width:1px}.primary{font-family:LabDisplay,Impact,sans-serif;font-size:23px;font-weight:400;padding:8px 12px;min-height:48px}.panel-body>.small{font-size:11px;margin-top:5px}.sample-strip{padding:5px 12px;gap:12px;min-height:77px}.photo-options{margin:auto;gap:14px}.photo-options button{width:70px;max-width:70px;padding:4px 4px 12px;border-width:1px;box-shadow:2px 2px 3px #092b4330}.photo-options img{height:49px}.sample-strip>.button{font-family:LabDisplay,Impact,sans-serif;font-size:20px;font-weight:400;padding:5px 12px;box-shadow:2px 2px 0 var(--ink)}.photo-mount>.titlebar{padding:4px 12px}.preview-scroll{max-height:302px}.compare-controls{padding:3px 8px;gap:6px}.compare-controls button{font-size:11px;min-height:28px;padding:3px 8px}.saved-section{padding:4px 12px 8px;border-width:1px}.saved-section .section-heading{margin:0}.saved-section h2{font-size:19px}.saved-section>p{display:none}.account-actions{gap:18px;margin-top:6px}.account-actions .button{font-size:12px;min-height:42px;padding:7px 12px}.originals{grid-template-columns:280px minmax(0,1fr);padding:14px 20px;margin-top:14px;gap:14px;background-image:url('/static/paper.svg');background-size:180px}.originals h2{font-size:33px;white-space:nowrap;margin-bottom:10px}.originals .eyebrow{font-size:13px;line-height:1.3}.shelf-arrows{margin-top:4px}.shelf-arrows button{width:35px;height:32px;font-size:20px}.polaroid-shelf .polaroid{min-width:180px;padding:8px 8px 10px}.polaroid h3{font-size:20px;margin:3px 0}.polaroid p{font-size:11px;line-height:1.35;min-height:30px;margin-bottom:6px}.polaroid-foot{font-size:11px;gap:5px}.polaroid-foot button{font-size:12px;min-height:30px;padding:4px 8px}.batch-label{font-size:9px;margin-top:5px;padding:0 3px}.originals .explore{font-size:14px;padding:6px 0}.site-footer{margin-top:18px;padding-top:14px;padding-bottom:20px;border-top-width:1px}.site-footer>strong{font-size:16px}.site-footer p,.site-footer nav{font-size:11px;margin-bottom:6px}.footer-stamp{padding:6px;font-size:11px}
@media(max-width:1000px){.header-motto{display:none}.originals{grid-template-columns:220px minmax(0,1fr)}.originals h2{font-size:27px}.workbench{grid-template-columns:380px minmax(0,1fr)}}
@media(max-width:700px){.header-inner{padding-top:14px;padding-bottom:12px}.brand{width:136px}.brand .brand-tiny{font-size:46px}.brand .brand-bottom{font-size:17px}.site-header nav{margin:0}.site-header nav a{min-width:0;padding:7px;font-size:12px}.header-stripe{margin:0 18px}.intro{padding:22px 0 16px}.intro h1{font-size:34px}.intro p{font-size:23px}.tone-overview{grid-template-columns:1fr}.overview-curve{display:none}.tone-sliders .adjustment{grid-template-columns:1fr 55px;margin-bottom:12px}.tone-sliders label,.tone-sliders input[type=number]{font-size:14px}.tone-sliders input[type=range]{min-height:32px}.panel-body{padding:5px 14px 14px}.tabs button{min-height:42px;font-size:14px}.toolbar button{min-height:38px;font-size:13px}.sample-strip{padding:8px}.photo-options button{width:80px;max-width:80px}.photo-options img{height:60px}.sample-strip>.button{min-height:42px}.preview-scroll{max-height:300px}.compare-controls button{min-height:38px;font-size:13px}.saved-section{padding:10px}.account-actions .button{font-size:14px}.originals{padding:16px;display:block}.originals h2{font-size:29px}.originals .section-heading{flex-wrap:wrap}.polaroid-shelf .polaroid{flex-basis:230px}.polaroid p,.polaroid-foot{font-size:14px}.polaroid-foot button{min-height:42px;font-size:14px}.originals .explore{font-size:16px;min-height:44px}.camera label,.camera select{font-size:15px}}
@media(min-width:701px){.overview-curve{position:relative;padding-top:0}.overview-curve>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.overview-curve>select{position:absolute;right:4px;top:4px;z-index:1;font-size:11px;background:var(--paper)}.overview-curve .curve{height:175px;margin:0}.overview-curve .small{font-size:10px;line-height:1.2}.curve-details{min-height:24px;line-height:1.2}.tone-sliders .adjustment{margin-bottom:18px}.tool-content{padding:0}.toolbar{padding-top:0}.camera{margin:5px 0 8px}.camera select{padding:5px 8px}.primary{line-height:1.1;min-height:48px}.panel-body>.small{line-height:1.2}.control-panel>.titlebar{line-height:1.1}.preview-scroll{max-height:285px}.saved-section{align-self:start}.workbench{row-gap:8px;grid-template-rows:auto 1fr}.originals .polaroid img{height:135px;aspect-ratio:auto;object-fit:cover}.originals .polaroid p{font-size:12px;line-height:1.25;min-height:30px}.originals .polaroid-foot{font-size:12px}.originals>.polaroid-shelf{padding-bottom:6px}.originals h2{font-size:31px}.intro{padding-top:19px;padding-bottom:14px}}
/* Printed finishing details from the approved identity board. */
.brand{border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:2px;border-radius:5px;box-shadow:none;background:#ffd333}.brand .brand-tiny{font-family:Arial Black,Arial,sans-serif;font-weight:1000;letter-spacing:-3px;line-height:.94}.brand .brand-bottom{letter-spacing:-.5px}.brand .test-strip b:last-child,.test-strip b:last-child{background:#ffd333;border:0}.brand .test-strip{background:var(--paper);padding:1px;gap:2px}.test-strip b{background:#00a6df}.test-strip b:nth-child(2){background:#ec3c91}
.site-header nav a{font-family:LabDisplay,Impact,sans-serif;text-transform:uppercase;font-size:15px;border:1px solid var(--ink);border-radius:2px;background:var(--paper);min-width:92px;text-align:center}.site-header nav a:first-child{background:var(--yellow);box-shadow:1px 1px 0 var(--ink)}
.intro{position:relative;padding-right:180px}.intro h1{font-size:clamp(34px,4.05vw,59px);letter-spacing:-.6px}.color-promise{position:absolute;right:0;top:23px;display:flex;gap:20px;align-items:center}.color-stamp{display:block;transform:rotate(-12deg);border:2px solid #e881a4;border-radius:2px;color:#df759a;font:25px/.96 LabDisplay,Impact,sans-serif;padding:9px 7px;text-align:center}.promise-note{font:13px/1.2 'Courier New',monospace;font-weight:bold;letter-spacing:.6px}.header-motto{font-weight:bold}.primary,.sample-strip>.button,.polaroid-foot button,.save-row>.button,.account-actions .button{background:var(--yellow);color:var(--ink);border:1px solid var(--ink);border-radius:3px;box-shadow:1px 1px 0 var(--ink)}.primary:disabled{background:var(--yellow);color:var(--ink);border-color:var(--ink);box-shadow:none;opacity:.65}.sample-strip>.button{box-shadow:1px 1px 0 var(--ink)}
.originals{background-color:#f2a2c1;background-image:url('/static/paper.svg'),radial-gradient(ellipse at 22% 30%,#ffd4df66,transparent 75%);grid-template-columns:280px minmax(0,1fr) 105px;gap:16px;border-radius:2px}.originals>.section-heading{grid-column:1;grid-row:1}.originals .section-heading>div:first-child{flex-direction:column}.originals .eyebrow{order:1;margin:8px 0 18px;line-height:1.25}.originals h2{order:0;margin-bottom:0}.shelf-note{order:2;font:bold 12px/1.35 'Courier New',monospace;letter-spacing:1px;margin:0}.shelf-note .test-strip{display:flex;margin-top:9px;gap:7px}.shelf-note .test-strip b{width:18px;height:18px}.originals>.polaroid-shelf{grid-column:2;gap:16px}.polaroid-shelf .polaroid{min-width:160px;flex-basis:calc((100% - 32px)/3);box-shadow:3px 4px 2px #092b4338;border:1px solid #8f8878;background:#fffcf2}.originals .polaroid img{height:122px}.originals .polaroid h3{display:inline;font-size:20px;margin-left:7px}.batch-label{font:bold 10px/1.4 'Courier New',monospace;display:inline-block;vertical-align:middle;margin:7px 0 2px}.originals .polaroid p{font:11px/1.25 'Courier New',monospace;margin:4px 0 6px;min-height:34px}.polaroid-foot button{font-family:LabDisplay,Impact,sans-serif;font-size:15px;justify-self:center;width:auto;padding:3px 15px;min-height:30px}.polaroid-foot{justify-items:center}.collection-ticket{grid-column:3;grid-row:1 / span 2;align-self:stretch;margin:4px 0 8px;border:1px solid #092b4370;clip-path:polygon(8% 0,92% 0,100% 5%,100% 95%,92% 100%,8% 100%,0 95%,0 5%);padding:22px 10px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;font:14px/1.25 'Courier New',monospace;letter-spacing:1px}.collection-ticket .test-strip{gap:6px}.collection-ticket .test-strip b{width:17px;height:17px}.collection-ticket small{font-size:9px;letter-spacing:0}.originals .shelf-arrows{margin:8px 0 0}.shelf-arrows button{background:transparent;border:1px solid #092b4380;width:30px;height:28px;font-size:18px}.originals .explore{font-family:Arial,sans-serif;text-transform:uppercase;font-weight:bold;font-size:14px;background:none;border:0;box-shadow:none}
@media(max-width:1100px){.collection-ticket{display:none}.originals{grid-template-columns:260px minmax(0,1fr)}.intro{padding-right:155px}.color-promise{gap:12px}.color-stamp{font-size:21px}.promise-note{font-size:11px}}
@media(max-width:700px){.intro{padding-right:0}.intro h1{font-size:34px}.color-promise{display:none}.originals{display:block}.originals h2{white-space:normal}.originals .shelf-note{display:none}.originals .eyebrow{margin-bottom:8px}.polaroid-shelf .polaroid{flex-basis:230px}.originals .polaroid img{height:155px}.originals .polaroid p{font-size:14px;min-height:0}.polaroid-foot button{font-size:18px;min-height:44px}.collection-ticket{display:none}.site-header nav a{min-width:0;font-size:14px}.shelf-arrows button{width:44px;height:44px}.originals .explore{font-size:16px}.account-actions .button{min-height:44px}}
.channel-buttons{display:flex;gap:4px;margin:0 0 6px}.channel-buttons button{font:12px/1.2 Arial,sans-serif;padding:4px 6px;min-height:28px;flex:1;border:1px solid var(--ink);background:var(--paper)}.channel-buttons button.chosen{background:var(--yellow);font-weight:bold;box-shadow:inset 0 -2px var(--ink)}.curve{background:linear-gradient(0deg,#fff4dfaa,#fffaf0aa)}@media(max-width:700px){.channel-buttons button{min-height:44px;font-size:14px}}
/* Final header lockup: compact badge, centered side copy, and page-aware navigation. */
.site-header{background:transparent}.brand-lockup{display:flex;align-items:center;gap:17px}.brand{width:158px;min-height:94px;padding:7px 8px 6px;justify-content:center;border:2px solid var(--ink);border-radius:8px;outline:0;box-shadow:inset 0 0 0 3px var(--paper);background:var(--yellow)}.brand .brand-tiny{font-family:Arial Black,Arial,sans-serif;font-size:55px;font-weight:1000;letter-spacing:-3.5px;line-height:.94;margin:0}.brand .brand-bottom{font-family:LabDisplay,Impact,sans-serif;font-size:20px;line-height:1.1;display:flex;align-items:center;gap:4px;margin:3px 0 0;letter-spacing:-.5px}.brand .test-strip{padding:0;background:none;gap:2px}.brand .test-strip b{width:12px;height:18px}.brand-note{margin:0;text-align:left;align-self:center;font:bold 12px/1.2 'Courier New',monospace;letter-spacing:.5px;max-width:none}.site-header nav a,.site-header nav a:first-child{border-radius:4px;background:var(--paper);box-shadow:none}.site-header nav a[aria-current=page]{background:var(--yellow);box-shadow:1px 1px 0 var(--ink)}.intro{padding-right:0}.intro h1 em{font:inherit;letter-spacing:inherit}.color-promise{display:none}
@media(max-width:1000px){.brand-note{display:block}}
@media(max-width:700px){.brand-note{display:none}.brand{width:136px;min-height:82px}.brand .brand-tiny{font-size:46px;letter-spacing:-3px}.brand .brand-bottom{font-size:17px}.brand .test-strip b{width:10px;height:16px}}
button,.button{border-radius:3px}.photo-options button{border-radius:0}.brand .test-strip b:last-child{box-shadow:inset 0 0 0 1px #fff6df}
/* Creator panel and graph captions follow the approved lab mockup. */
.control-panel{border:2px solid var(--ink);border-radius:7px;overflow:hidden;background:var(--paper)}.control-panel .workspace-heading{background-color:var(--yellow);background-image:url('/static/paper.svg');border:0;border-bottom:2px solid var(--ink);border-radius:0;padding:8px 14px;margin:0}.control-panel .workspace-heading h2{font:26px/1.15 LabDisplay,Impact,sans-serif;text-transform:uppercase}.curve-axis-labels{display:flex;justify-content:space-between;gap:4px;margin-top:5px;font:11px/1.3 Arial,sans-serif;font-weight:600}.curve-axis-labels span:first-child{text-align:left}.curve-axis-labels span:nth-child(2){text-align:center}.curve-axis-labels span:last-child{text-align:right}
.curve-control{cursor:ns-resize;pointer-events:all}.curve-control:focus{outline:none;stroke:var(--ink);stroke-width:3}.curve{overflow:visible}
/* Match the camera selector and export action to the lab reference. */
.camera select{background:#fff;border:1px solid var(--ink);border-radius:4px;min-height:40px}.camera label{font-weight:700}.panel-body>button.primary,.panel-body>button.primary:disabled{background:var(--yellow);color:var(--ink);border:1px solid var(--ink);border-radius:5px;opacity:1;box-shadow:1px 1px 0 var(--ink)}.panel-body>button.primary:disabled{cursor:not-allowed;box-shadow:none}
/* Compact header baseline: keep the badge and navigation centered above the rule. */
.header-inner{align-items:center;padding-top:10px;padding-bottom:5px}.brand-lockup{align-items:center}.site-header nav{align-self:center}.header-stripe{margin-top:0}
@media(max-width:700px){.header-inner{padding-top:12px;padding-bottom:7px;row-gap:12px}}
.tabs button{border-radius:5px}.sample-strip{display:flex;flex-wrap:nowrap;align-items:center}.photo-options{flex:1 1 auto;min-width:0;width:auto;overflow-x:auto;justify-content:flex-start;margin:0}.photo-options button{flex:0 0 70px}.sample-strip>.button{flex:0 0 auto;width:auto;white-space:nowrap}.split-view-label{font-size:13px;font-weight:700;padding:5px 4px;display:inline-block}
@media(max-width:700px){.sample-strip{gap:8px;padding:8px}.photo-options{gap:8px}.photo-options button{flex-basis:60px;width:60px;padding:3px 3px 10px}.photo-options img{height:48px}.sample-strip>.button{font-size:16px;padding:7px 9px;min-height:44px;width:auto}.tabs button{border-radius:5px}}
/* Keep the logo left-aligned when the header changes to stacked navigation. */
.brand-lockup{margin-left:0;margin-right:auto;justify-content:flex-start}
@media(max-width:950px){.header-inner{align-items:stretch}.brand-lockup{align-self:flex-start}.site-header nav{align-self:flex-start;margin-left:0}.header-motto{display:none}}
/* One header row at every width: badge left, navigation right. */
.header-inner{flex-direction:row;flex-wrap:nowrap;align-items:center}.brand-lockup{flex:0 0 auto;align-self:center;margin-right:auto}.site-header nav{align-self:center;margin-left:auto;width:auto;display:flex;flex-wrap:nowrap}.header-motto{flex-shrink:0}
@media(max-width:950px){.header-inner{flex-direction:row;align-items:center;gap:16px}.brand-lockup{align-self:center}.site-header nav{align-self:center;margin-left:auto}.brand-note{display:none}}
@media(max-width:700px){.header-inner{gap:12px}.site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:1;max-width:220px}.site-header nav a{min-width:0;min-height:36px;padding:7px 8px;font-size:13px}.brand-lockup{margin-right:0}}
@media(min-width:701px) and (max-width:1440px){.site-footer{margin-left:32px;margin-right:32px}}
/* Give the condensed hero lettering more breathing room. */
.intro h1{letter-spacing:.025em}
/* Shared tracking for every Anton / LabDisplay role. */
h1,h2,.intro h1,.intro p,.titlebar strong,.workspace-heading h2,.control-panel .workspace-heading h2,.polaroid h3,.brand .brand-bottom,.site-footer>strong,.primary,.sample-strip>.button,.site-header nav a,.color-stamp,.polaroid-foot button{letter-spacing:.025em}
/* Center account action text within the full clickable button height. */
.account-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:9px 12px;line-height:1.2}
/* Shared corner language: softly rounded lab labels and instrument housings. */
:root{--radius-control:5px;--radius-panel:7px;--radius-card:5px}
button,.button,input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea,.primary,.tabs button,.channel-buttons button,.site-header nav a,.account-actions .button,.camera select,.polaroid-foot button,.sample-strip>.button{border-radius:var(--radius-control)}
.control-panel,.photo-mount,.saved-section,.originals,.preview-dialog,.notice,.auth,dialog,.pack-banner,.recipe-card,.tool-content{border-radius:var(--radius-panel)}
.polaroid,.photo-options button,.batch-label,.stamp,.footer-stamp,.color-stamp,.collection-ticket{border-radius:var(--radius-card)}
.polaroid img,.photo-options img,.curve,.split-label{border-radius:3px}
.control-panel .workspace-heading,.photo-mount>.titlebar{border-radius:5px 5px 0 0}.control-panel>.titlebar{border-radius:0}.preview-lock{border-radius:var(--radius-panel)}
.collection-ticket{clip-path:none}.brand{border-radius:8px}.test-strip b{border-radius:1px}
/* Match the preview and creator housings in the desktop workbench. */
@media(min-width:701px){.workbench{grid-template-rows:auto auto;align-items:stretch}.control-panel{grid-row:1;align-self:start}.preview-panel{grid-row:1;align-self:stretch;min-height:0;height:100%;contain:size;display:flex;flex-direction:column}.preview-panel>.photo-mount{display:flex;flex-direction:column;flex:1;min-height:0}.preview-panel .preview-scroll{flex:1 1 0;min-height:0;max-height:none}.preview-panel .titlebar,.preview-panel .sample-strip,.preview-panel .compare-controls{flex-shrink:0}.saved-section{grid-row:2}}
/* Balance the whole preview column, including its saved-looks tray. */
@media(min-width:701px){.workbench{grid-template-columns:minmax(320px,.33fr) minmax(0,.67fr);grid-template-rows:minmax(0,1fr) auto;gap:8px 16px;align-items:stretch}.control-panel{grid-column:1;grid-row:1 / span 2;align-self:start}.preview-panel{grid-column:2;grid-row:1;height:100%;min-height:0;contain:size}.saved-section{grid-column:2;grid-row:2;align-self:stretch;margin:0}.photo-options{flex:1 1 auto;justify-content:center;gap:10px}.photo-options button{flex:0 0 65px;width:65px;max-width:65px}.sample-strip{gap:10px;padding:7px 10px}.sample-strip>.button{font-size:18px;padding:6px 10px}}
@media(min-width:701px) and (max-width:950px){.sample-strip{gap:7px;padding:7px}.photo-options{gap:5px}.photo-options button{flex-basis:44px;width:44px;max-width:44px;padding:3px 3px 10px}.photo-options img{height:38px}.sample-strip>.button{font-size:16px;padding:6px 8px}}
.saved-look-tray{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:6px 1px 5px;scroll-snap-type:x proximity}.saved-look-tray>*{flex:0 0 155px;scroll-snap-align:start}.look-placeholder{min-height:52px;border:1px dashed #092b4350;border-radius:5px;background:#fffdf326;display:flex;align-items:center;justify-content:center;color:#092b4380}.look-placeholder>span{font-size:24px}.saved-look-tray .save-signin{flex-basis:210px;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border:1px dashed #092b4390;background:transparent;box-shadow:none;font-size:12px;line-height:1.3}.save-plus{font-size:30px;font-weight:400;line-height:1}.saved-look-tray .recipe-card{padding:10px;background:var(--paper);border-width:1px}.saved-look-tray .recipe-card h3{font-size:16px;margin:0 0 6px}.saved-look-tray .recipe-card button{display:block;font-size:12px;margin:5px 0;min-height:32px}.saved-section .save-row{margin-top:8px}.saved-section .save-row input{min-width:100px}
@media(max-width:700px){.saved-look-tray .save-signin{font-size:14px;flex-basis:230px}.saved-look-tray .recipe-card button{min-height:44px}}

.preview-scroll{display:flex;flex-direction:column}.preview-scroll .split-preview{flex:0 0 auto;width:100%;margin-block:auto}

.preview-viewport{position:relative;display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.preview-viewport .preview-scroll{width:100%}.preview-viewport>.split-overlay{bottom:0}
/* Comfortable spacing throughout the free creator. */
.control-panel .panel-body{padding:16px 20px 20px}
.control-panel .tabs{gap:8px;margin-bottom:16px}
.control-panel .tabs button{padding:10px 14px;min-height:44px}
.control-panel .tool-content{padding:8px 0}
.control-panel .tone-sliders .adjustment{margin-bottom:20px;row-gap:8px}
.control-panel .matrix{gap:12px}
.control-panel .matrix input,.control-panel .two-fields input{padding:9px 8px}
.control-panel .toolbar{gap:10px;padding-top:14px;margin-bottom:16px}
.control-panel .toolbar button{padding:10px;min-height:44px}
.control-panel .camera{margin:12px 0 18px;gap:12px}
.control-panel .camera select{padding:10px 12px;margin-top:6px;min-height:44px}
.control-panel .panel-body>.primary{padding:13px 12px;min-height:50px}
.control-panel .panel-body>.small{margin-top:12px;margin-bottom:0}
@media(max-width:700px){.control-panel .panel-body{padding:14px 16px 18px}}
/* Perforated postage-stamp silhouette for the collection keepsake. */
.collection-ticket{position:relative;border:0;border-radius:0;background:var(--paper);padding:24px 14px 18px;mask:linear-gradient(#000 0 0) center / calc(100% - 12px) calc(100% - 12px) no-repeat,radial-gradient(circle at 6px 0,transparent 4px,#000 4.5px) top left / 12px 6px repeat-x,radial-gradient(circle at 6px 6px,transparent 4px,#000 4.5px) bottom left / 12px 6px repeat-x,radial-gradient(circle at 0 6px,transparent 4px,#000 4.5px) top left / 6px 12px repeat-y,radial-gradient(circle at 6px 6px,transparent 4px,#000 4.5px) top right / 6px 12px repeat-y}
.collection-ticket::before{content:"";position:absolute;inset:11px;border:1px solid #092b4370;pointer-events:none}

.originals .polaroid-caption{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;margin-top:8px}.originals .polaroid-caption .batch-label{margin:0;justify-self:start}.originals .polaroid-caption h3{display:block;text-align:center;margin:0;font-size:20px}.originals .polaroid p{text-align:center;margin:8px 0 12px}
/* Readable captions beneath the collectible filter titles. */
.originals .polaroid p{font-family:Verdana,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.45;letter-spacing:0;margin:9px 0 14px}
/* Center the header rule on the same content edges as the page. */
.header-stripe{width:calc(100% - 64px);max-width:1376px;margin-inline:auto}
@media(max-width:700px){.header-stripe{width:calc(100% - 36px)}}

.originals .section-heading .eyebrow{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:.04em}
/* Small utility controls, sized for words rather than the former arrow glyphs. */
.control-panel .history{gap:5px;flex-shrink:0}
.control-panel .history button{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:32px;padding:6px 8px;font:700 12px/1 Verdana,Arial,sans-serif;letter-spacing:0;border:1px solid var(--ink);border-radius:5px;background:transparent;box-shadow:none}
.control-panel .history button:disabled{opacity:1;color:#68685e;border-color:#b9b49e;cursor:default}
.control-panel .history button:hover:not(:disabled){background:var(--yellow)}

.control-panel .toolbar{display:flex;flex-wrap:wrap;align-items:center}.control-panel .toolbar .history{margin-right:auto}.control-panel .toolbar .history button{min-height:36px}
.control-panel .toolbar .history button{text-decoration:none}
/* Tile only the seamless grain; let the pink wash span the whole shelf. */
.originals{background-size:180px 180px,100% 100%;background-repeat:repeat,no-repeat;background-position:0 0,center}
/* Keep the creator shelf close to the footer rule, without stacked spacing. */
main:has(>#editor){padding-bottom:0}
main:has(>#editor)+.site-footer{margin-top:24px}
/* The looks department shares the creator's type, paper, and controls. */
.catalog-intro{padding:26px 0 12px}
.catalog-intro .eyebrow{font-size:14px;line-height:1.4;margin-bottom:12px}
.catalog-intro h1{font-family:LabDisplay,Impact,sans-serif;font-size:clamp(34px,4.05vw,59px);line-height:1.12;letter-spacing:.025em;margin:0 0 14px}
.catalog-intro>p:last-child{font:16px/1.55 Verdana,Arial,sans-serif;max-width:680px;margin-bottom:0}
.catalog-intro+.search{margin:18px 0 26px;gap:12px}
.catalog-intro+.search label{font-size:15px;font-weight:700}
.catalog-intro+.search input{background:#fffdf3;min-height:44px}
.catalog-intro+.search button,.catalog-try,.pack-banner>.button{background:var(--yellow);border:1px solid var(--ink);border-radius:5px;box-shadow:1px 1px 0 var(--ink);font:18px/1.2 LabDisplay,Impact,sans-serif;letter-spacing:.025em;min-height:44px;padding:10px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:4px 0 24px;max-width:none;margin:0}
.catalog-grid .polaroid{min-width:0;display:flex;flex-direction:column;padding:10px 10px 16px;border:1px solid #092b4370;background:#fffdf3;box-shadow:3px 4px 0 #092b4325;text-align:center}
.catalog-grid .polaroid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.catalog-grid .polaroid h2{font:26px/1.2 LabDisplay,Impact,sans-serif;letter-spacing:.025em;margin:14px 0 8px}
.catalog-grid .polaroid p{font:15px/1.45 Verdana,Arial,sans-serif;margin:0 4px 14px}
.catalog-grid .polaroid>strong{font-size:14px;line-height:1.4;margin-top:auto;margin-bottom:12px}
.catalog-grid .catalog-try{align-self:center}
.pack-banner{background-color:#f2a2c1;background-image:url('/static/paper.svg'),radial-gradient(ellipse at 22% 30%,#ffd4df66,transparent 75%);background-size:180px 180px,100% 100%;background-repeat:repeat,no-repeat;border:0;padding:24px;margin-top:16px}
.pack-banner .eyebrow{font-size:14px;margin-bottom:10px}
.pack-banner h2{font-size:32px;margin-bottom:12px}
.pack-banner p{font-size:16px;line-height:1.5;margin-bottom:0}
.pack-banner>.button{flex-shrink:0}
main:has(>.catalog-intro){padding-bottom:6px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalog-intro{padding-top:24px}.catalog-intro+.search{gap:8px}.catalog-intro+.search label{flex-basis:100%}.catalog-intro+.search input{min-width:0;width:0}.catalog-grid{gap:22px;grid-template-columns:1fr;max-width:440px;margin-inline:auto}.pack-banner{padding:20px;gap:18px}.catalog-grid .polaroid h2{font-size:26px}}

.purchase-access-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin:28px 0 24px}.purchase-access-links a{display:inline-block;padding-block:8px;line-height:1.5}#download-next{margin-top:28px;padding-top:20px;border-top:1px solid var(--ink)}
.catalog-grid [hidden],.add-to-cart[hidden],.cart-launch[hidden],.search button[hidden]{display:none!important}
.catalog-grid .add-to-cart{align-self:center;margin-bottom:10px;background:var(--yellow);font-weight:700;min-height:44px;border-width:1px}
.detail-spread .add-to-cart{margin:0 12px 12px 0;background:var(--yellow);min-height:44px}
.cart-launch{position:fixed;right:20px;bottom:20px;z-index:10;background:var(--yellow);font-weight:700;min-height:44px;box-shadow:2px 3px 0 var(--ink)}
#shop-cart,#volume-offer{width:min(560px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:28px;border:2px solid var(--ink);background:var(--paper)}
#shop-cart h2,#volume-offer h2{font-size:30px}#volume-offer button{margin:8px 8px 0 0;min-height:44px}.cart-item{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #092b4340}.cart-item strong{flex:1 1 220px}.cart-item button{min-height:44px}#cart-total{font-weight:700;margin-top:20px}

/* Keep carousel navigation attached to the photographs, with a persistent scrubber. */
.originals{grid-template-columns:260px minmax(0,1fr)}
.shelf-carousel{grid-column:2;grid-row:1 / span 2;min-width:0}
.shelf-carousel .polaroid-shelf{gap:16px;padding:6px 0 12px;scroll-snap-type:none;scrollbar-width:none}
.shelf-carousel .polaroid-shelf::-webkit-scrollbar{display:none}
.shelf-carousel .polaroid{flex:0 0 clamp(230px,calc((100% - 185px)/3),292px);min-width:0;scroll-snap-align:none}
.shelf-navigation{display:flex;align-items:center;gap:14px;margin-top:4px}
.shelf-navigation button{flex:0 0 44px;height:44px;padding:0;background:var(--yellow);font-size:24px;border-radius:10px}
.shelf-navigation .shelf-scrollbar{flex:1;min-width:0;width:100%;height:44px;margin:0;appearance:none;background:transparent;accent-color:var(--ink)}
.shelf-scrollbar::-webkit-slider-runnable-track{height:12px;background:var(--paper);border:1px solid var(--ink);border-radius:8px}
.shelf-scrollbar::-webkit-slider-thumb{appearance:none;width:48px;height:18px;margin-top:-4px;background:var(--ink);border:2px solid var(--paper);border-radius:8px;box-shadow:0 0 0 1px var(--ink);cursor:grab}
.shelf-scrollbar::-moz-range-track{height:10px;background:var(--paper);border:1px solid var(--ink);border-radius:8px}
.shelf-scrollbar::-moz-range-thumb{width:44px;height:14px;background:var(--ink);border:2px solid var(--paper);border-radius:8px;box-shadow:0 0 0 1px var(--ink);cursor:grab}
@media(max-width:900px){.originals{grid-template-columns:210px minmax(0,1fr)}.shelf-carousel .polaroid{flex-basis:230px}}
@media(max-width:700px){.originals{display:block}.shelf-carousel{margin-top:16px}}
.originals .explore{background:var(--yellow);border:2px solid var(--ink);border-radius:10px;padding:10px 16px;min-height:44px;justify-self:start;text-decoration:none;text-align:center}
.originals .explore:hover{background:var(--mint)}
/* Shared yellow actions for the creator's editing tools. */
.control-panel .toolbar{gap:10px;justify-content:flex-start}
.control-panel .toolbar .history{gap:10px;margin-right:0}
.control-panel .toolbar button,.control-panel .toolbar .history button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;background:var(--yellow);border:2px solid var(--ink);border-radius:10px;font:700 13px/1.3 Verdana,Arial,sans-serif;text-decoration:none;letter-spacing:0}
.control-panel .toolbar button:hover:not(:disabled){background:var(--mint)}
.control-panel .toolbar .history button:disabled{background:var(--yellow);color:var(--ink);border-color:var(--ink);opacity:.5}

.all-looks-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:var(--yellow);border:2px solid var(--ink);border-radius:10px;font-weight:700;text-decoration:none}
.all-looks-button:hover{background:var(--mint)}
/* Outline each CMY swatch so yellow stays distinct from the logo background. */
.brand .test-strip{gap:4px;flex-shrink:0}
.brand .test-strip b,.brand .test-strip b:last-child{border:1px solid var(--ink);box-shadow:none;flex-shrink:0}

.originals>.section-heading{align-self:start}
.originals .section-heading .explore{order:2;align-self:flex-start;margin:0;grid-column:auto;grid-row:auto}
.shelf-navigation button{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:Arial,sans-serif}

.import-status:empty{display:none}.import-status{font-size:14px;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}

/* Free collection email delivery, matching the lab's rounded yellow controls. */
.free-collection-form { display: grid; gap: 1.2rem; margin-block: 2rem; }
.free-collection-form input[type=email] { width: 100%; min-height: 48px; }
.free-consent { display: flex; align-items: flex-start; gap: .8rem; line-height: 1.5; }
.free-consent input { flex: none; margin-top: .4rem; }
.free-collection-lead { font-size: 1.3rem; }
.free-volume-callout { border: 2px solid currentColor; border-radius: 16px; padding: clamp(1.2rem,3vw,2rem); background: #ffdf59; margin-block: 2rem; }
.free-filter-list { list-style: none; padding: 0; display: grid; gap: 1rem; }
.free-filter-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid; padding-block: .8rem; flex-wrap: wrap; }