:root{--paper:#f5f2e9;--ink:#292e28;--muted:#707267;--line:#d8d8ca;--rust:#99462e;--sage:#e2e6d9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit}button,.file-label{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 16px;border-radius:3px}button:hover,.file-label:hover{background:#e6e5d9}button:disabled{opacity:.45;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #a75236;outline-offset:4px}[hidden]{display:none!important}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:italic 36px Georgia,serif;display:flex;gap:4px;align-items:center}.brandmark{color:var(--rust)}.brand>span:last-child{font:11px Arial;letter-spacing:2px;margin-left:15px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:64px 0 56px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:bold;color:var(--muted);margin:0 0 18px}h1{font:normal clamp(48px,5.8vw,82px)/1.03 Georgia,serif;letter-spacing:-3px;margin:12px 0 25px}h2{font:normal 30px/1.18 Georgia,serif;margin:0}h3{font:normal 27px/1.15 Georgia,serif;margin:10px 0 16px}.lede{max-width:400px;font-size:17px;color:#62675b}.quiet{color:var(--muted);font-size:12px}.hero-art{position:relative;background:#e5e5d9;min-height:330px;padding:30px 28px;transform:rotate(-2deg);box-shadow:0 7px 13px #262b2010}.hero-art #heroSwatches{display:flex;gap:10px;height:110px}.hero-art i{flex:1;display:block;clip-path:polygon(6% 3%,94% 1%,100% 89%,94% 99%,1% 95%,0 15%);transform:rotate(3deg)}.hero-art p{font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between}.hero-caption{font:italic 39px/1.05 Georgia;margin:28px 0 0 5px;color:#555c4b}.section-line{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-line>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.palette-section{padding:25px 0 35px;border-top:1px solid var(--line)}.palette-section h2{font-size:23px}.palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.paint{min-width:0}.paint-dot{height:37px;width:46px;display:block;margin:0 0 12px;clip-path:polygon(12% 5%,75% 0,100% 30%,93% 89%,30% 100%,0 64%,3% 25%)}.paint strong{font-size:11px;display:block;line-height:1.3}.paint small{font-size:9px;display:block;color:var(--muted);margin-top:4px}details{margin-top:24px;font-size:12px;color:var(--muted)}summary{cursor:pointer}.source-copy{max-width:850px}.tabs{display:flex;gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:19px 0;color:var(--muted);font-size:11px;display:flex;gap:10px;align-items:center}.tabs button span{font-size:14px}.tabs button.active{border-color:var(--rust);color:var(--ink)}.tabs b{font-size:10px;background:var(--sage);padding:1px 6px;border-radius:50%}.workspace{padding-bottom:45px}.workspace>.section-line .eyebrow{margin-bottom:12px}.filters{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.filters button{font-size:12px;border-radius:30px;padding:7px 15px}.filters .active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.recipe-card{text-align:left;border:1px solid var(--line);padding:0;background:#fcfaf4;overflow:hidden;min-width:0}.recipe-card.selected{outline:2px solid var(--rust);outline-offset:2px}.swatch{height:95px;position:relative;overflow:hidden}.swatch:after,.big-swatch:after{content:'';position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(177deg,transparent,transparent 5px,#fff 6px,transparent 7px);pointer-events:none}.recipe-body{padding:13px}.recipe-body strong{font:normal 18px Georgia,serif;display:block}.recipe-body small{font-size:10px;color:var(--muted);display:block;margin-top:8px}.mini-line{height:7px;display:flex;gap:2px;margin-top:12px}.mini-line i{min-width:3px}aside{background:#e9ebdf;padding:23px;border:1px solid #dbdfd0;min-width:0}#inspector{position:sticky;top:20px}.big-swatch{height:90px;position:relative;margin-bottom:14px}.views{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.views>div>i{height:40px;display:block}.views small{font-size:9px;color:var(--muted)}aside p{font-size:12px;color:#626858}aside .eyebrow{font-size:9px}.parts{margin:20px 0}.part-row{display:grid;grid-template-columns:1fr 52px;gap:10px;align-items:center;margin:10px 0;font-size:11px}.part-row input{width:100%;padding:5px;border:1px solid #bfc6b2;border-radius:2px;background:#f8f9f2;color:var(--ink)}.primary{background:var(--rust);color:white;border-color:var(--rust)}.primary:hover{background:#803a27;color:white}aside button{width:100%;margin-top:8px;font-size:12px}.adjustment{border-top:1px solid #cdd3c1;padding-top:12px}.file-label input{position:absolute;width:1px;height:1px;opacity:0}.file-label:focus-within{outline:3px solid var(--ink);outline-offset:3px}.upload-row{display:flex;gap:12px;flex-wrap:wrap}.reference-intro{max-width:650px;color:var(--muted)}.reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;margin-top:24px}canvas{display:block;width:100%;height:auto;background:#e5e5d9;cursor:crosshair;touch-action:pan-y}.target-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.target-grid button{padding:0;height:50px;position:relative;border:2px solid transparent}.target-grid button.active{border-color:var(--rust);outline:2px solid var(--paper);outline-offset:-4px}.target-grid span{background:#fff9;font-size:9px;padding:2px 5px;position:absolute;bottom:2px;left:2px}.target-compare{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:15px 0}.target-compare i{display:block;height:75px}.target-compare small{font-size:10px}.sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sheet-card{padding:20px;border:1px solid var(--line);background:#fcfaf4;break-inside:avoid}.sheet-card h3{font-size:24px}.sheet-card p,.sheet-card li{font-size:12px}.sheet-card ul{padding-left:16px}.sheet-card button{font-size:11px}.empty{padding:50px;border:1px dashed var(--line);grid-column:1/-1;color:var(--muted)}.sheet-note{font-size:12px;color:var(--muted);max-width:750px;margin-bottom:25px}footer{padding:25px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:4px;box-shadow:0 5px 20px #0002;max-width:90vw;font-size:13px;display:none}#toast.show{display:block}@media(max-width:1000px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-layout,.reference-layout{grid-template-columns:minmax(0,1fr) 280px}.palette{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:23px}.hero-art{min-height:290px}.hero-caption{font-size:32px}}@media(max-width:700px){header{padding:16px 5%}.brand>span:last-child{font-size:9px;letter-spacing:1px;margin-left:8px}header button{font-size:10px;padding:8px}.intro{grid-template-columns:1fr;padding:35px 0;gap:30px}h1{font-size:58px;letter-spacing:-2px}.hero-art{min-height:240px;margin:0 5px}.hero-art #heroSwatches{height:75px}.hero-caption{font-size:30px;margin-top:20px}.section-line{align-items:start;flex-direction:column;gap:8px}h2{font-size:27px}.palette{gap:10px;row-gap:20px}.paint strong{font-size:10px}.paint small{font-size:8px}.tabs{gap:15px}.tabs button{gap:5px;font-size:9px}.tabs button span{font-size:11px}.atlas-layout,.reference-layout{grid-template-columns:1fr}.recipe-grid{gap:12px}#inspector{position:static}.sheet-grid{grid-template-columns:1fr}.swatch{height:85px}.target-grid{grid-template-columns:repeat(4,1fr)}footer{flex-wrap:wrap}.reference-layout aside{order:-1}.upload-row button,.file-label{font-size:12px}.recipe-body strong{font-size:17px}}@media print{@page{margin:15mm}body{background:white;font-size:10pt;print-color-adjust:exact;-webkit-print-color-adjust:exact}header,.intro,.palette-section,.tabs,#atlas,#reference,footer,#toast,#clear{display:none!important}main{padding:0;max-width:none}#sheet{display:block!important}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sheet-card{padding:14px}.sheet-card button{display:none}.sheet-card h3{font-size:20px}.sheet-card p,.sheet-card li{font-size:10px}.sheet-note{font-size:10px}.section-line{margin-top:0}.views>div>i{height:27px}}

.study-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.study-menu button{text-align:left;padding:20px;background:#eeeee3;font-size:10px;color:var(--muted)}.study-menu strong{display:block;font:normal 22px/1.2 Georgia,serif;color:var(--ink);margin:12px 0}.study-menu small{font-size:11px}.study-menu .active{border-color:var(--rust);box-shadow:inset 0 3px var(--rust)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.lesson-stage{background:#fcfaf4;border:1px solid var(--line);padding:24px;min-width:0}.lesson-stage h3{font-size:30px}.lesson-stage>p{max-width:650px;color:var(--muted);font-size:13px}.lesson-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:22px 0}.lesson-controls label{font-size:12px;display:flex;align-items:center;gap:10px}.lesson-controls select{font:inherit;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:8px;max-width:100%}.lesson-controls input[type=range]{width:130px;accent-color:var(--rust)}.context-pair{display:grid;grid-template-columns:1fr 1fr}.surround{min-height:240px;display:flex;align-items:center;justify-content:center}.center-paint{height:80px;width:80px;box-shadow:none}.lesson-status{font-size:12px;padding:12px;background:var(--sage);margin:16px 0}.lesson-layout aside h3{font-size:23px}.lesson-layout aside ol{font-size:12px;padding-left:18px}.lesson-layout aside li{margin:10px 0}.lesson-layout aside .eyebrow{margin-top:10px}.study-sources{border-top:1px solid var(--line);padding:20px 0}.study-sources p{max-width:850px}.study-metrics{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.value-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.value-field{aspect-ratio:1.1;position:relative;overflow:hidden}.value-field .mass-a{position:absolute;left:10%;top:20%;width:50%;height:58%;clip-path:polygon(0 28%,75% 0,100% 100%,6% 85%)}.value-field .mass-b{position:absolute;right:10%;bottom:16%;width:42%;height:38%;border-radius:50% 50% 3% 4%}.value-pair small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.neutral-juxtaposition{display:flex;height:140px}.neutral-juxtaposition>div{min-width:0;display:flex;align-items:center;justify-content:center}.neutral-juxtaposition i{width:45px;height:45px}.neutral-result{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.neutral-result i{display:block;height:95px}.neutral-result small{font-size:10px;color:var(--muted);display:block;margin-top:8px}.neutral-result b{font-size:12px}.neutral-strip{display:flex;height:38px;gap:3px;margin:18px 0}.neutral-strip i{flex:1}.explore-why{margin-top:24px;border-top:1px solid #cdd3c1;padding-top:18px}.explore-why button{text-align:left}.study-next{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.study-next button{font-size:12px}.tabs{flex-wrap:wrap;column-gap:26px;row-gap:0}
@media(max-width:800px){.study-menu{grid-template-columns:1fr}.study-menu button{padding:14px}.study-menu strong{font-size:21px;margin:5px 0}.lesson-layout{grid-template-columns:1fr}.surround{min-height:190px}.lesson-stage{padding:18px}.center-paint{height:60px;width:60px}.tabs{column-gap:16px}.value-pair{gap:10px}.neutral-result i{height:70px}.lesson-controls{gap:12px}.lesson-controls label{flex-wrap:wrap}}@media print{#studies{display:none!important}}
.reference-image-wrap{position:relative}.passage-pin{position:absolute;transform:translate(-50%,-50%);width:29px;height:29px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#292e28;color:white;font-size:13px;font-weight:bold;box-shadow:0 0 0 1px #292e28;pointer-events:none}#passageMarkers{position:absolute;inset:0;pointer-events:none}#passageCompare{margin-top:42px;padding-top:32px;border-top:1px solid var(--line)}.compare-view,.compare-piles{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-view h3{font-size:22px}.compare-field{display:flex;height:150px}.compare-field i{flex:1}.pair-labels{display:flex;justify-content:space-around;font-size:11px;color:var(--muted);padding-top:7px}.compare-pile{padding:23px;background:#fcfaf4;border:1px solid var(--line);min-width:0}.compare-pile h3{font-size:24px}.compare-pile p,.compare-pile ul{font-size:12px}.compare-pile ul{padding-left:18px}.compare-mini{display:grid;grid-template-columns:1fr 1fr;gap:5px}.compare-mini i{height:55px;display:block}.compare-mini small{font-size:10px;color:var(--muted)}.compare-actions{display:flex;gap:8px;flex-wrap:wrap}.compare-actions button{font-size:11px}.passage-assign{margin-top:22px;border-top:1px solid #cdd3c1;padding-top:17px}.passage-assign button{width:auto;font-size:11px}.passage-assign #showComparison{width:100%}@media(max-width:700px){.compare-view,.compare-piles{grid-template-columns:1fr}.compare-field{height:110px}.compare-pile{padding:18px}.compare-actions button{flex:1}.passage-pin{width:25px;height:25px}}
#mixingPlan{margin-top:44px;border-top:1px solid var(--line);padding-top:32px}.plan-intro{max-width:850px;font-size:14px}.plan-group{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid var(--line);margin:26px 0;background:#fcfaf4;break-inside:avoid}.plan-parent{padding:22px;background:var(--sage);min-width:0}.plan-parent h3{font-size:23px}.plan-parent p{font-size:12px}.parent-swatch{height:70px;margin-bottom:16px}.plan-parent button{font-size:11px}.plan-branches,.plan-separate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.plan-branch{padding:16px;border:1px solid var(--line);min-width:0;break-inside:avoid}.plan-branch p{font-size:12px}.plan-branch details{margin-top:12px;font-size:11px}.plan-separate{padding:0}.separate-heading{margin-top:30px}@media(max-width:800px){.plan-group{grid-template-columns:1fr}.plan-branches,.plan-separate{grid-template-columns:1fr}.plan-group{break-inside:auto}}@media print{body.printing-plan #sheet{display:none!important}body.printing-plan #reference{display:block!important}body.printing-plan #reference>*:not(#mixingPlan){display:none!important}body.printing-plan #mixingPlan{display:block!important;margin:0;padding:0;border:0}#mixingPlan button{display:none!important}.plan-group{grid-template-columns:180px minmax(0,1fr);break-inside:auto}.plan-branches{grid-template-columns:1fr;padding:10px}.plan-branch{break-inside:avoid}.plan-parent{padding:12px}.plan-branch p,.plan-parent p{font-size:10px}.plan-parent .quiet{font-size:9px}.plan-separate{grid-template-columns:1fr 1fr}.plan-branch details{display:none}}
#regionOverlay{position:absolute;inset:0;width:100%;height:100%;background:transparent;pointer-events:none}#regionTools{margin-top:24px}.region-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px;background:var(--sage);border:1px solid var(--line)}.region-toolbar .eyebrow{width:100%;margin:0}.region-toolbar button{font-size:11px;padding:8px 12px}.region-modes{display:flex;gap:6px;flex-wrap:wrap}.region-modes [aria-pressed=true]{background:var(--ink);color:var(--paper)}.region-toolbar label{font-size:11px;display:flex;align-items:center;gap:8px}.region-toolbar input[type=range]{width:100px;accent-color:var(--rust)}.region-name input{padding:7px;background:var(--paper);border:1px solid #c1c8b4;min-width:0;width:210px}.region-card{padding:17px;border:1px solid var(--line);margin:14px 0;background:#fcfaf4}.region-card h3{font-size:22px;margin:0 0 15px}.region-colors{display:flex;gap:5px}.region-colors button{flex:1;height:60px;position:relative}.region-colors span{position:absolute;bottom:3px;left:3px;background:#ffffffe0;padding:1px 5px;font-size:10px}.region-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.region-actions button{font-size:10px;padding:7px 9px}#regionLibrary>.section-line{margin:25px 0 5px}#regionLibrary>.section-line h3{margin:0;font-size:25px}@media(max-width:700px){.region-name{width:100%}.region-name input{flex:1}.region-toolbar{padding:13px}}
.study-savebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--sage);border:1px solid var(--line);padding:18px;margin-bottom:28px}.study-savebar label{font-size:11px;display:flex;align-items:center;gap:10px}.study-savebar input{padding:9px;border:1px solid #c1c8b4;background:var(--paper);width:230px}.study-savebar button{font-size:11px}.study-savebar span{width:100%;font-size:11px;color:var(--muted)}.note-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.note-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px}.note-fields label:last-child{grid-column:1/-1}.note-fields textarea{resize:vertical;min-height:110px;padding:12px;background:#fcfaf4;border:1px solid var(--line);font:inherit;color:var(--ink)}#paintNotes{margin:40px 0;border-top:1px solid var(--line);padding-top:30px}#swatchPreview{max-width:100%;max-height:350px;display:block;margin-top:20px}.saved-study{display:flex;gap:24px;padding:22px;border:1px solid var(--line);background:#fcfaf4;margin-bottom:18px}.saved-study img{width:140px;height:120px;object-fit:contain;background:var(--sage)}.saved-study h3{margin-top:0}.saved-study button{font-size:12px}@media(max-width:700px){.note-fields{grid-template-columns:1fr}.study-savebar label{width:100%}.study-savebar input{width:100%;min-width:0}.saved-study{gap:14px;padding:14px;flex-wrap:wrap}.saved-study img{width:90px;height:90px}}@media print{#savedStudies,#studyBar,#paintNotes{display:none!important}}
#backupPanel{margin:25px 0;padding:22px;border:1px solid var(--line);background:var(--sage)}.backup-text-label{font-size:12px;display:flex;flex-direction:column;gap:8px;margin:20px 0}.backup-text-label textarea{width:100%;height:90px;font:11px monospace;padding:10px;border:1px solid var(--line);resize:vertical;overflow-wrap:anywhere;word-break:break-all}#downloadBackup{display:inline-block;text-decoration:none}
.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px}.workflow-steps button{text-align:left;display:flex;align-items:start;gap:11px;padding:15px 12px;background:#eeeee3;min-width:0}.workflow-steps b{font:italic 26px Georgia;color:var(--rust)}.workflow-steps span{font-size:12px}.workflow-steps small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.tool-disclosure{border:1px solid var(--line);padding:15px 18px;margin:23px 0;color:var(--ink)}.tool-disclosure>summary{font-size:13px}.tool-disclosure>#passageCompare,.tool-disclosure>#paintNotes{margin:20px 0 0;padding-top:20px}.tool-disclosure #regionTools{margin-top:10px}.save-more{margin:0;font-size:11px;position:relative}.save-more[open]{flex-basis:100%}.save-more button{margin:10px 6px 0 0}.region-toolbar .eyebrow{font-size:9px}@media(max-width:700px){.workflow-steps{grid-template-columns:1fr 1fr}.workflow-steps button{padding:11px}.tool-disclosure{padding:12px}.study-savebar{gap:8px}.tabs{position:sticky;top:0;background:var(--paper);z-index:4}.tool-disclosure summary{scroll-margin-top:100px}}@media print{.workflow-steps,.tool-disclosure{display:none!important}.printing-plan .plan-parent h3{font-size:17px}.printing-plan .plan-parent{break-inside:avoid}.printing-plan .plan-branch{background:white}.printing-plan .plan-group{border:1px solid #999}.printing-plan #mixingPlan .section-line h2{font-size:26px}.printing-plan #mixingPlan .quiet{color:#444}.printing-plan #mixingPlan .compare-mini i{height:35px}.printing-plan #mixingPlan .plan-intro{font-size:11px}.printing-plan .plan-parent .parent-swatch{height:40px}}
dialog{max-width:480px;width:90%;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:28px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#20282088}dialog p{font-size:14px}dialog .lesson-controls{margin-bottom:0}
#planPrintContext{display:none}@media print{#planPrintContext{display:block;font-size:10pt;border-bottom:1px solid #999;padding-bottom:8pt;margin-bottom:12pt}.printing-plan .plan-branch p,.printing-plan .plan-parent p{font-size:10pt;line-height:1.4}.printing-plan .plan-parent .quiet{font-size:9pt}.printing-plan #mixingPlan>.quiet{font-size:9pt}.printing-plan .plan-branch .eyebrow{font-size:8pt}.printing-plan .plan-branch .quiet{font-size:9pt}.printing-plan .plan-parent h3{font-size:14pt}}
.footprint-views{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footprint-views canvas{image-rendering:pixelated}.footprint-views small{font-size:11px;color:var(--muted);display:block;margin-top:7px}.footprint-bar{display:flex;height:54px;gap:2px;margin:15px 0}.footprint-bar button{min-width:0;border:0;border-radius:0;padding:0}.footprint-bar [aria-pressed=true]{outline:3px solid var(--rust);outline-offset:2px;z-index:1}.footprint-legend{display:flex;gap:8px;flex-wrap:wrap}.footprint-legend button{font-size:11px;display:flex;gap:7px;align-items:center;padding:8px}.footprint-legend i{width:15px;height:15px;display:inline-block}.footprint-legend [aria-pressed=true]{border-color:var(--rust)}.footprint-selection{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;padding:22px;border:1px solid var(--line);background:#fcfaf4}.footprint-selection p{font-size:12px}.footprint-selection h3{font-size:25px}#colorFootprint{padding-top:23px}@media(max-width:700px){.footprint-views,.footprint-selection{grid-template-columns:1fr}.footprint-selection{padding:16px}}
#relationshipView{margin:30px 0;padding-top:25px;border-top:1px solid var(--line)}.relationship-graphs,.relationship-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.relationship-graphs>div{background:#fcfaf4;border:1px solid var(--line);padding:17px;min-width:0}.relationship-graphs h4,.relationship-pair h4{font:normal 23px Georgia;margin:0 0 14px}.relationship-graphs svg{width:100%;display:block;overflow:visible}.relationship-graphs svg text{font-family:Arial,sans-serif;font-size:10px;fill:#707267}.relationship-graphs svg .relationship-dot text{font-size:11px;fill:inherit}.relationship-dot{cursor:pointer;outline:none}.relationship-dot:focus circle{stroke:#99462e;stroke-width:5}.relationship-key{display:flex;gap:15px;font-size:11px;margin:17px 0}.relationship-pair{margin:20px 0}.relationship-pair .compare-field{height:90px}@media(max-width:700px){.relationship-graphs,.relationship-pair{grid-template-columns:1fr}.relationship-graphs>div{padding:13px}}
#mixingPaths{border-top:1px solid var(--line);padding-top:24px;margin-top:25px}.path-parent{font-size:12px;padding:13px;background:var(--sage)}.path-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.path-swatches button{padding:0;text-align:left;min-width:0;background:#fcfaf4}.path-swatches i{display:block;height:65px}.path-swatches b,.path-swatches small{display:block;padding:6px 8px}.path-swatches b{font-size:12px}.path-swatches small{font-size:10px;min-height:45px;padding-top:0}.path-swatches [aria-pressed=true]{outline:2px solid var(--rust);outline-offset:2px}.path-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px;background:#fcfaf4;border:1px solid var(--line)}.path-detail h4{font:normal 23px Georgia;margin:10px 0}.path-detail p{font-size:12px}.path-detail button{font-size:12px}.path-detail .compare-mini i{height:65px}@media(max-width:700px){.path-detail{grid-template-columns:1fr}.path-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.path-swatches small{font-size:9px}.path-swatches i{height:52px}}
.variation-panel{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.variation-panel>summary{font-size:15px;color:var(--ink)}.variation-panel>.eyebrow{margin-top:24px}.variation-canvases{display:grid;grid-template-columns:1fr 1fr;gap:16px}.variation-canvases small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.variation-panel input[type=text],#variationName{max-width:100%;padding:8px;background:#fcfaf4;border:1px solid var(--line)}.alternative-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid var(--line);margin:10px 0;font-size:12px}.alternative-row span{font-size:10px;color:var(--muted)}.alternative-row button{font-size:11px;padding:7px}.relationship-key{flex-wrap:wrap}@media(max-width:700px){.variation-canvases{grid-template-columns:1fr}.variation-panel .lesson-controls label{max-width:100%}}
.atlas-tools{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0 12px}.atlas-tools label{display:flex;align-items:center;gap:9px;font-size:12px}.atlas-tools input,.atlas-tools select{font:inherit;padding:9px;background:#fcfaf4;border:1px solid var(--line);color:var(--ink);min-width:0}.atlas-tools input{width:270px;max-width:100%}.family-count{font-size:9px;margin-left:7px;opacity:.65}.filters{margin:15px 0}.filters button{display:inline-flex;align-items:center}#atlasFamilyNote{max-width:850px;margin-bottom:24px}@media(max-width:700px){.atlas-tools label{width:100%;flex-wrap:wrap}.atlas-tools input{width:100%}}
.painting-lesson{margin:24px 0 36px;padding:26px;background:#eeeee3;border:1px solid var(--line)}.painting-lesson h2{font-size:32px}.painting-lesson h3{font:normal 25px Georgia}.painting-lesson p{max-width:900px}.lesson-nav{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.lesson-nav button{font-size:12px}.lesson-nav [aria-current=step]{background:var(--ink);color:var(--paper)}.lesson-parent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.lesson-parent{padding:16px;border:1px solid var(--line);background:#fcfaf4;min-width:0}.lesson-parent p{font-size:12px}.lesson-color{display:block;height:65px}.lesson-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lesson-branches i{display:block;height:45px}.lesson-branches small{font-size:10px}.lesson-content label{display:block;font-size:13px;margin:15px 0}.lesson-content textarea{display:block;width:100%;min-height:90px;margin:10px 0;padding:12px;box-sizing:border-box;font:inherit}.lesson-content select{padding:8px;max-width:100%}#lessonPrintout{display:none}@media(max-width:700px){.painting-lesson{padding:16px}.painting-lesson h2{font-size:27px}.lesson-parent-grid{grid-template-columns:1fr}}@media print{body.printing-lesson>header,body.printing-lesson>main{display:none!important}body.printing-lesson #lessonPrintout{display:block!important;font-size:10pt}.printing-lesson .lesson-parent-grid{display:block}.printing-lesson .lesson-parent{break-inside:avoid;margin-bottom:12pt}.lesson-print-reference{max-width:250px;max-height:160px;object-fit:contain}.printing-lesson h1{font-size:24pt}.printing-lesson .lesson-branches{display:grid;grid-template-columns:repeat(3,1fr)}.printing-lesson .compare-mini i{height:30px}.printing-lesson .lesson-branches i{height:25px}}
body:has(#guidedLesson .painting-lesson) .workflow-steps{display:none}
.parent-editor{border:1px solid var(--line);padding:12px;margin:20px 0}.parent-editor legend{font-size:12px}.lesson-content .parent-editor label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin:8px 0}.parent-editor input{width:70px;max-width:40%;min-width:0;padding:7px;font:inherit;border:1px solid var(--line);background:white}.parent-editor button{font-size:11px;padding:8px}.lesson-parent .compare-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lesson-parent .compare-mini small{font-size:10px}.lesson-parent [data-parent-error]{color:var(--rust);font-size:11px}.lesson-parent textarea{font-size:12px}
.field-scene{margin:22px 0;background:#e7e5da}.field-scene svg{display:block;width:100%;height:auto}.study-menu strong{font-size:20px}.study-menu button small{display:block;line-height:1.5}
/* Keep phone editing readable without triggering focus magnification. */
@media(max-width:700px){input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea,.lesson-content textarea,.lesson-parent textarea,.parent-editor input,.atlas-tools input,.atlas-tools select,.note-fields textarea{font-size:16px!important}button,.file-label,summary{min-height:44px}summary{padding:10px 0}.lesson-controls{max-width:100%}.lesson-controls label{max-width:100%;flex-wrap:wrap}.parent-editor input{width:80px}.study-savebar label{flex-wrap:wrap}.study-savebar input{flex-basis:100%}p,h3,.saved-study>div{overflow-wrap:anywhere}input[type=range]{min-height:32px;max-width:100%}}
button:disabled{cursor:default}
.intro.intro-compact{display:block;padding:32px 0 24px}.intro-compact h1{font-size:clamp(36px,5vw,60px);letter-spacing:-1.5px}.intro-compact .lede{max-width:650px}.palette-drawer{margin:0 0 22px}.palette-drawer>.palette-section{margin-top:15px}.palette-drawer>summary{min-height:44px;padding:12px 0}.mobile-workspace-picker,.mobile-atlas-picker,.mobile-study-picker,.mobile-parent-picker{display:none}.tool-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:var(--sage);margin:22px 0 14px}.tool-picker label,.match-priority{font-size:12px}.tool-picker select,.match-priority select{padding:9px;max-width:100%}.match-priority{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.match-priority small{display:block;color:var(--muted);width:100%}#referenceTools{min-width:0}#reference>.section-line,#reference>.reference-intro{display:none}#lessonToolSlot{margin-top:20px}#referenceTools [data-tool-panel=reference]>.reference-layout{margin-top:15px}.lesson-content .reference-layout label{margin:0}.tool-picker #returnLesson{font-size:11px}.lesson-nav{gap:5px}.lesson-nav button{font-size:11px;padding:8px}.lesson-controls{flex-wrap:wrap}
@media(max-width:700px){.intro.intro-compact{padding:23px 0 18px}.intro-compact h1{font-size:36px}.intro-compact .lede{font-size:14px}.mobile-workspace-picker,.mobile-atlas-picker,.mobile-study-picker,.mobile-parent-picker{display:block;font-size:12px;margin:12px 0}.mobile-workspace-picker select,.mobile-atlas-picker select,.mobile-study-picker select,.mobile-parent-picker select{display:block;width:100%;padding:12px;background:var(--paper);border:1px solid var(--line);margin-top:5px}.tabs,.study-menu,#recipes{display:none}.atlas-layout{display:block}.atlas-layout #inspector{margin-top:12px;position:static}.painting-lesson{margin-top:14px;padding:14px}.painting-lesson h2{font-size:25px}.painting-lesson>.eyebrow{margin-bottom:10px}.painting-lesson>p:not(.eyebrow){font-size:13px}.lesson-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.lesson-nav button{font-size:0;padding:8px 4px}.lesson-nav button::first-letter{font-size:16px}.lesson-content>p{font-size:13px}.tool-picker{padding:10px}.tool-picker label{width:100%;min-width:0}.tool-picker select{display:block;width:100%;margin-top:6px}.tool-picker #returnLesson{display:none}#referenceTools .reference-layout{display:flex;flex-direction:column;gap:12px}#referenceTools .reference-layout>div,#referenceTools .reference-layout>aside{width:100%;min-width:0}#referenceCanvas{max-height:38vh;object-fit:contain}#referenceTools #match{padding:15px}.reference-image-wrap{max-width:100%}.target-grid{margin:10px 0}.parent-compact .lesson-parent:not(.active-parent){display:none}.lesson-parent-grid{gap:10px}.parent-editor{margin:12px 0;padding:10px}.lesson-parent{padding:12px}.study-savebar{padding:12px;margin-bottom:15px}.footprint-views,.variation-canvases{grid-template-columns:1fr 1fr;gap:8px}.footprint-views canvas,.variation-canvases canvas{max-height:32vh;object-fit:contain}.lesson-stage{padding:14px}.lesson-layout{gap:12px}.lesson-stage h3{font-size:26px}.lesson-stage p{font-size:13px}.context-pair{gap:8px}.surround{height:180px}.value-field{height:180px}#studyContent{scroll-margin-top:10px}.painting-lesson>h3{font-size:22px}.lesson-nav button[aria-current=step]{border:2px solid var(--rust)}.footprint-selection{margin:15px 0}.upload-row{gap:8px}#referenceTools .upload-row>button,#referenceTools .upload-row>.file-label{font-size:12px;padding:10px;flex:1 1 130px}}
@media print{.palette-drawer,.mobile-workspace-picker,.tool-picker,.mobile-atlas-picker,.mobile-study-picker,.match-priority,.intro-compact{display:none!important}.parent-compact .lesson-parent{display:block!important}}
.progress-drawer{margin:0 0 18px}.progress-drawer>summary{padding:12px 0;min-height:44px}.progress-drawer .study-savebar{margin-top:12px}
@media(max-width:700px){#referenceCanvas{width:auto;height:auto;max-width:100%;max-height:38vh;object-fit:initial}.reference-image-wrap{width:fit-content}.reference-layout #regionOverlay{width:100%;height:100%}}
@media print{body.printing-plan #referenceTools{display:block!important}body.printing-plan #referenceTools>*:not([data-tool-panel=plan]){display:none!important}body.printing-plan [data-tool-panel=plan]{display:block!important}body.printing-plan #reference>*:not(#referenceTools){display:none!important}}
.mobile-ingredient-picker{display:none!important}
@media(max-width:700px){.painting-lesson>p:not(.eyebrow){display:none}.painting-lesson h2{font-size:22px}.painting-lesson>.eyebrow{font-size:9px;letter-spacing:1.2px}.parent-editor .mobile-ingredient-picker{display:block!important}.mobile-ingredient-picker select{display:block;width:100%;margin-top:5px;padding:8px}.parent-editor label:has([data-parent-part]):not(.active-ingredient){display:none}.parent-editor label.active-ingredient{margin-top:12px}.parent-editor input{width:100px}.lesson-content .parent-editor legend{font-size:11px}}
.mobile-family-picker{display:none}@media(max-width:700px){.mobile-family-picker{display:block;font-size:12px;margin:12px 0}.mobile-family-picker select{display:block;width:100%;padding:12px;background:var(--paper);border:1px solid var(--line);margin-top:5px}#filters{display:none}}
/* Compact exercise: the reference and the action lead, secondary tools unfold. */
.painting-lesson{padding:20px;margin:14px 0 24px}.lesson-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.lesson-heading .eyebrow{margin:0;font-size:9px;letter-spacing:1.5px}.lesson-heading h2{font-size:27px;margin:0}.lesson-nav{margin:14px 0;gap:6px}.lesson-nav button{padding:7px 12px;font-size:12px;min-height:38px}.painting-lesson>h3{font-size:23px;margin:14px 0 8px}.lesson-content>.step-prompt{margin:0 0 12px;max-width:800px;font-size:13px}.workspace-more{margin:0 0 8px;font-size:11px}.workspace-more>summary{padding:5px 0;min-height:28px}.workspace-more .tool-picker{margin:4px 0 12px;padding:10px}.reference-extras{font-size:12px;margin:10px 0}.reference-extras>summary{padding:8px 0}.reference-extras>button{margin:8px 6px 4px 0}.reference-extras .match-priority{padding-top:6px}.reference-extras #regionToolsDisclosure{margin:10px 0}#lessonToolSlot{margin-top:0}#referenceTools .upload-row{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px;padding:0}#referenceTools .upload-row button,#referenceTools .upload-row .file-label{font-size:12px;padding:8px 12px;min-height:38px}#referenceTools #imageStatus{font-size:11px;margin:8px 0}#referenceTools .reference-layout{margin:0;gap:18px}.reference-layout aside{padding:16px}.reference-layout aside p,.reference-layout aside li{font-size:12px}.reference-layout aside h3{font-size:23px}.passage-selection{display:flex;gap:16px;align-items:end;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}#lessonPickers{display:flex;gap:12px;flex:1;min-width:0}#lessonPickers label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;flex:1;min-width:0}#lessonPickers select{padding:8px;min-width:0;max-width:100%;flex:1}.passage-selection .primary{font-size:13px;min-height:40px}.painting-lesson[data-current-step="0"]>#lessonNext,.painting-lesson[data-current-step="0"]>.lesson-controls{display:none}
.study-menu{display:flex!important;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 2px 10px;margin:6px 0 18px;scrollbar-width:thin}.study-menu button{flex:0 0 210px;min-width:0;min-height:105px;padding:12px 14px;scroll-snap-align:start}.study-menu strong{font-size:17px;margin:6px 0}.study-menu small{font-size:10px;line-height:1.4}.study-carousel-controls{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:8px}.study-carousel-controls button{min-width:40px;min-height:36px;padding:5px 10px}.study-carousel-controls span{font-size:11px;color:var(--muted)}#studies>.section-line{margin-bottom:10px}.mobile-study-picker{display:none!important}
@media(max-width:700px){.painting-lesson{padding:12px}.lesson-heading{gap:5px;display:block}.lesson-heading h2{font-size:23px}.lesson-heading .eyebrow{margin-bottom:5px}.lesson-nav{margin:10px 0}.lesson-nav button{font-size:0;min-height:36px;padding:5px}.painting-lesson>h3{font-size:21px;margin:10px 0 7px}.lesson-content>.step-prompt{font-size:12px}#referenceTools .upload-row>button,#referenceTools .upload-row>.file-label{flex:0 1 auto;font-size:11px;padding:7px 10px}.passage-selection{gap:10px}#lessonPickers{flex-basis:100%;gap:7px}#lessonPickers label{display:block;font-size:11px}#lessonPickers select{display:block;width:100%;margin-top:4px;padding:7px 4px}.passage-selection .primary{width:100%}.study-menu button{flex-basis:175px;min-height:105px;padding:10px}.study-menu strong{font-size:16px}.study-carousel-controls{margin-top:4px}.study-menu{margin-bottom:12px}.workspace-more>summary{min-height:30px}#referenceTools .reference-layout{gap:10px}}
@media print{.study-carousel-controls,.study-menu,.workspace-more{display:none!important}}
body:has(#reference:not([hidden])) .intro-compact{display:none}
.reference-layout .passage-selection{align-items:center}.reference-layout aside .eyebrow{margin-bottom:10px}.reference-layout aside .match-details{margin:10px 0}.reference-layout aside .match-details summary{font-size:11px;padding:7px 0;min-height:30px}.reference-layout aside .target-compare i{height:55px}.reference-layout aside .passage-assign{margin-top:12px;padding-top:10px}.reference-layout aside button{font-size:12px;padding:8px 12px;min-height:38px}
#lessonPickers label{display:block}#lessonPickers select{display:block;width:100%;margin-top:4px;min-width:58px}.passage-selection{align-items:end}#referenceTools .upload-row{align-items:center}#referenceTools .upload-row .file-label{margin:0}.reference-layout aside .target-compare i{height:55px}
.brand{gap:11px;font-style:normal;flex-shrink:0}.brand .brand-logo{width:96px;height:64px;display:block;object-fit:contain}.brand>span.brand-name{font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.8px;margin:0;max-width:150px}header{padding-top:12px;padding-bottom:12px;gap:12px}@media(max-width:700px){.brand{gap:6px}.brand .brand-logo{width:76px;height:51px}.brand>span.brand-name{font-size:9px;letter-spacing:1.1px;max-width:90px}header #print{font-size:11px;padding:8px 10px;max-width:120px}}
/* Shared family with Painting Notebook: outlined sienna symbol, serif name and dot. */
.brand{gap:12px;align-items:center}.brand .brand-logo{width:45px;height:48px}.brand>span.brand-name{font:400 24px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.5px;max-width:none;color:var(--ink)}.brand-name .brand-dot{color:#a04b34}.brand>span.brand-name br{display:block}@media(max-width:700px){.brand{gap:8px}.brand .brand-logo{width:36px;height:40px}.brand>span.brand-name{font-size:20px;letter-spacing:-.5px;max-width:none}header #print{max-width:110px}}

/* Countable atlas recipes and exact parent-batch instructions. */
#recipeMethod,.recipe-method{white-space:pre-line}.part-row{grid-template-columns:minmax(0,1fr) 72px}.part-row small{display:block;color:var(--muted);font-size:10px}