:root{--paper:#fff;--ink:#222;--muted:#666;--line:#e7e7e7;--ease:cubic-bezier(.32,.72,0,1);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
#toast{pointer-events:none}#image-transform[data-value-focus=true]{outline:1px solid #777}
#value-overlay{position:absolute;inset:0;display:block;pointer-events:none}
@media(max-width:600px){body .inspector{-webkit-backdrop-filter:none;backdrop-filter:none}}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #333;outline-offset:4px}button:active{opacity:.6}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}a{color:inherit}input[type=range]{display:block;width:100%;min-width:0;max-width:100%;margin:0;accent-color:#333;min-height:44px;cursor:pointer;touch-action:none}input[type=checkbox]{width:17px;height:17px;accent-color:#222;flex-shrink:0}input[type=color]{width:44px;height:36px;padding:3px;border:1px solid var(--line);background:transparent;cursor:pointer}select{width:100%;min-height:44px;background:transparent;border:0;border-bottom:1px solid #bbb;border-radius:0;padding:6px 22px 6px 0;font-size:14px}input:not([type=range],[type=checkbox],[type=color],[type=file]){width:100%;border:0;border-bottom:1px solid #bbb;border-radius:0;min-height:44px;background:transparent;padding:6px 0}button,select,input{touch-action:manipulation}.skip{position:fixed;z-index:50;top:10px;left:20px;transform:translateY(-200%);padding:12px;background:white}.skip:focus{transform:none}
.site-header{position:fixed;z-index:10;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:34px 40px;pointer-events:none}.site-header>*{pointer-events:auto}.heading{padding-top:6px}.heading h1{font-size:16px;letter-spacing:-.025em;margin-bottom:8px}.heading span{font-size:12px;color:var(--muted);display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-logo{position:absolute;left:50%;top:26px;transform:translateX(-50%);width:102px;height:110px;object-fit:contain}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:13px;padding:8px 0;white-space:nowrap}.site-header>.text-button{gap:22px}.site-header>.text-button span{font-size:19px;font-weight:300}.text-button:hover:not(:disabled){color:#000;text-decoration:underline;text-underline-offset:5px}.primary-button{min-height:46px;background:#222;color:white;border-radius:26px;padding:12px 25px;font-size:13px}.primary-button:hover{background:#444}.secondary{color:var(--muted)}
#workspace{position:fixed;inset:0;overflow:hidden;touch-action:none;outline-offset:-4px;user-select:none;-webkit-user-select:none;cursor:grab}#workspace[data-tool=eyedropper]{cursor:crosshair}#workspace[data-tool=guide]{cursor:crosshair}#workspace.dragging{cursor:grabbing}#empty-state{position:absolute;inset:160px 24px 140px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:default;touch-action:pan-y}.empty-title{font-size:clamp(38px,4.5vw,64px);font-weight:400;letter-spacing:-.055em;line-height:1.06;margin-bottom:28px}#empty-state>p:not(.empty-title){font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:28px}#empty-state .secondary{margin-top:8px}.privacy{font-size:11px;line-height:1.6;color:var(--muted);margin-top:28px}#image-transform{position:absolute;top:0;left:0;transform-origin:0 0;box-shadow:0 3px 10px #00000008;line-height:0}#art-canvas{display:block}#overlay{position:absolute;inset:0;pointer-events:none}#drop-hint{position:absolute;inset:16px;border:1px solid #666;display:grid;place-items:center;background:#ffffffee;font-size:30px;letter-spacing:-.04em;pointer-events:none}#sample-marker{position:fixed;width:18px;height:18px;border:1.5px solid #fff;outline:1px solid #222;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}
.glass{background:linear-gradient(155deg,#ffffffcc 0%,#ffffff70 52%,#ffffff99 100%);box-shadow:0 6px 22px #00000014;-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);border:0;border-radius:999px}.study-dock{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:20}.tools-menu{position:relative;flex-shrink:0}.tools-trigger,.icon-button{width:44px;height:44px;display:grid;place-items:center;position:relative}.tools-trigger[aria-expanded=true]{background:#fff;box-shadow:0 3px 16px #0002}.tool-options{position:absolute;left:0;bottom:calc(100% + 10px);width:164px;padding:6px;border-radius:18px;display:flex;flex-direction:column;gap:4px;max-height:calc(100dvh - 128px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.tool-options button{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:10px 12px;border-radius:12px;text-align:left;font-size:13px}.tool-options [aria-pressed=true]{background:#ffffffa6}.tool-options [aria-pressed=true]:after{content:"";position:absolute;right:12px;top:calc(50% - 2px);width:4px;height:4px;background:#222;border-radius:50%}.tool-options [aria-pressed=false]{color:#666}.zoom-control{position:fixed;left:max(40px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;z-index:8;padding:0 5px}.zoom-control button{min-width:40px;min-height:44px;font-size:14px}.zoom-control #zoom-fit{font-size:11px;min-width:60px}#canvas-hint{position:fixed;bottom:101px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:11px;text-align:center;pointer-events:none;white-space:nowrap}.export-button{position:fixed;right:max(40px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));gap:14px;z-index:8}.view-switch{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px}.view-switch button{position:relative;min-height:44px;padding:10px 12px;font-size:13px}.view-switch [aria-expanded=true]{font-weight:600}#view-indicator{position:absolute;width:3px;height:3px;background:#000;border-radius:50%;bottom:8px;left:0;transition:transform 620ms var(--ease)}
.inspector{position:fixed;z-index:12;min-width:0;overflow:hidden;touch-action:pan-y;right:40px;top:157px;width:302px;max-height:calc(100dvh - 260px);background:#fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;animation:panel-in 320ms var(--ease)}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 14px;cursor:move;touch-action:none}.panel-head h2{font-size:24px;letter-spacing:-.04em}.panel-head button{width:44px;height:44px;font-size:20px}.panel-body{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;padding:22px 3px 14px 0;scrollbar-width:thin}.panel-body>section{min-width:0;max-width:100%}.field{margin-bottom:22px}.field>label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px;min-height:20px}.field output{color:var(--muted);font-size:12px}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;cursor:pointer}.subfield{padding-left:27px;margin-bottom:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:8px;gap:8px;min-height:44px}.section-heading h3,.section-title{font-size:14px}.section-heading h3{min-width:0;line-height:1.4}.section-heading .text-button{flex-shrink:0}.section-title{margin:24px 0 10px}.section-heading .text-button{min-height:26px;font-size:11px}.inline-fields{display:flex;align-items:center;gap:24px;margin:15px 0 6px}.inline-fields label{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px;font-size:12px}.inline-fields label:last-child{flex:2}.small{font-size:12px;color:var(--muted);line-height:1.65}.button-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.button-row .text-button{font-size:12px}.tone-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:10px 6px;margin:16px 0}.tone-button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;min-width:0;min-height:56px;padding:3px 0}.tone-button>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #999;font-size:12px;border-radius:50%}.tone-button[aria-pressed=true]>span{outline:1.5px solid #222;outline-offset:3px}.tone-button small{color:var(--muted);font-size:10px}.quiet-empty{font-size:18px;line-height:1.5;letter-spacing:-.035em;padding:35px 0;color:var(--muted)}.picked-swatch{width:100%;height:108px;margin:18px 0}.color-name{font-size:25px;letter-spacing:-.04em;margin:0 0 8px}.color-codes{margin:22px 0 14px;font-size:12px}.color-codes>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:11px 0}.color-codes dt{color:var(--muted)}.color-codes dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.saved-samples{display:flex;flex-wrap:wrap;gap:9px;padding:12px 0}.sample-item{position:relative}.sample-item>button:first-child{width:40px;height:40px;border-radius:50%;border:1px solid #0002}.sample-item .remove-sample{position:absolute;right:-4px;top:-6px;background:white;border-radius:50%;height:22px;width:22px;padding:0;box-shadow:0 1px 5px #0002;font-size:15px}.mini-swatch{display:inline-block;width:32px;height:32px;flex-shrink:0;border:1px solid #0001}.target-line{display:flex;gap:12px;align-items:center;font-size:13px;margin-top:22px}.oil-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:center}.oil-row p{margin-top:5px;font-size:11px;color:var(--muted);line-height:1.45}.oil-row .oil-text{flex:1}.oil-note{margin-top:28px;color:var(--muted);font-size:12px;line-height:1.7}.mix-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.mix-parts{font-size:12px;white-space:nowrap}.empty-palette{padding:18px 0;font-size:13px;line-height:1.6}
dialog{width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 50px);border:0;background:#fff;color:#222;padding:36px 40px;box-shadow:0 20px 80px #0001;overscroll-behavior:contain}dialog::backdrop{background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}dialog>header{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}dialog h2{font-size:32px;letter-spacing:-.045em}dialog header p{font-size:13px;color:var(--muted);margin-top:8px}.palette-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;margin:22px 0}.palette-actions .text-button{font-size:12px}.tube-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);min-height:64px}.tube-row .check{flex:1;font-size:13px;line-height:1.35}.tube-row small{display:block;color:#666;font-size:11px;margin-top:4px}.tube-row input[type=color]{border:0;width:38px;padding:0}.tube-row>button{width:40px;height:44px}.tube-row input[type=checkbox]{margin:0 8px 0 0}#add-tube{border-top:1px solid var(--line);padding:24px 0;margin-top:22px}#add-tube h3{font-size:20px;letter-spacing:-.035em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:20px 0}.form-grid label{font-size:12px}.form-grid input{display:block;margin-top:6px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:40;background:#222;color:#fff;padding:13px 22px;border-radius:28px;max-width:calc(100vw - 32px);font-size:12px;text-align:center;line-height:1.5}noscript{position:fixed;inset:40%;width:300px;background:white;z-index:100}body.has-image .heading span{max-width:250px}
@keyframes panel-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:901px){body.panel-open #canvas-hint{left:calc(50% - 140px)}}
@media(max-width:900px){.site-header{padding:24px 26px}.heading h1{font-size:14px}.heading span{max-width:170px;font-size:11px}.brand-logo{top:22px}.inspector{right:26px;width:280px}.zoom-control{left:max(26px,env(safe-area-inset-left))}.export-button{right:max(26px,env(safe-area-inset-right))}.export-button svg{display:none}}
@media(max-width:600px){.site-header{padding:22px 20px}.heading{padding-top:0}.heading h1{font-size:13px;margin-bottom:6px}.heading span{display:none!important}.brand-logo{top:18px;width:76px;height:83px}.site-header>.text-button{font-size:12px;gap:8px;padding:0;min-height:34px}.site-header>.text-button span{display:none}#empty-state{inset:125px 24px 135px}.empty-title{font-size:42px}#empty-state>p:not(.empty-title){font-size:13px;margin-bottom:22px}.privacy{margin-top:20px}.zoom-control{left:auto;right:max(20px,env(safe-area-inset-right));bottom:calc(87px + env(safe-area-inset-bottom));padding:2px}.zoom-control button{min-width:32px}.zoom-control #zoom-fit{min-width:52px}#canvas-hint{display:none}.study-dock{left:max(12px,env(safe-area-inset-left));right:max(68px,calc(env(safe-area-inset-right) + 56px));bottom:max(18px,env(safe-area-inset-bottom));transform:none;justify-content:center;gap:8px}.view-switch{gap:2px;padding:4px 7px}.view-switch button{font-size:12px;padding:10px 10px}.export-button{right:max(12px,env(safe-area-inset-right));bottom:max(22px,calc(env(safe-area-inset-bottom) + 4px));font-size:0;min-width:44px;padding:0}.export-button svg{display:block;width:18px}.inspector{left:0;right:0;top:auto!important;bottom:calc(148px + env(safe-area-inset-bottom));width:100%;max-height:43dvh;padding:0 24px;background:#fffffff5;box-shadow:0 -12px 30px #ffffffa6;animation:panel-in 250ms var(--ease)}.panel-head{padding-bottom:6px;cursor:default}.panel-head h2{font-size:24px}.panel-body{padding-top:14px;padding-bottom:18px}.inspector .picked-swatch{height:65px}.tone-stats{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px}.tone-button{min-width:44px;min-height:58px}.tone-button>span{width:25px;height:25px;font-size:10px}.tone-button small{font-size:9px}.color-codes{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.color-codes>div{display:block}.color-codes dd{text-align:left;margin-top:6px}.picked-swatch{margin-top:0}.quiet-empty{padding:20px 0;font-size:17px}dialog{padding:24px;max-height:calc(100dvh - 36px)}dialog h2{font-size:27px}.form-grid{grid-template-columns:1fr}.palette-actions{gap:8px}.palette-actions .text-button{font-size:11px}.oil-note{font-size:11px}#toast{bottom:150px}body.panel-open .zoom-control{box-shadow:0 6px 22px #00000014}}
@media(max-width:370px){.brand-logo{width:60px;height:65px}.empty-title{font-size:36px}.heading h1{font-size:12px}.site-header{padding-left:16px;padding-right:16px}}
@media(max-height:550px) and (orientation:landscape){.brand-logo{top:12px;width:54px;height:59px}.site-header{padding-top:14px}.inspector{top:80px!important;bottom:80px;left:auto;right:max(20px,env(safe-area-inset-right));width:280px;max-height:calc(100dvh - 160px);padding:0 12px}.zoom-control{left:max(20px,env(safe-area-inset-left));right:auto;bottom:max(20px,env(safe-area-inset-bottom))}.study-dock{bottom:max(18px,env(safe-area-inset-bottom))}.export-button{bottom:max(20px,env(safe-area-inset-bottom))}.empty-title{font-size:32px}#empty-state{inset:82px 20px}#empty-state .privacy{display:none}#empty-state>p:not(.empty-title){margin-bottom:8px}.empty-title{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.brand-link{display:block;font-size:11px;line-height:1.6;padding:7px 0;text-decoration-color:#aaa;text-underline-offset:3px}.oil-row .brand-label{margin-top:12px}.oil-row{align-items:flex-start}.oil-row>.mini-swatch{margin-top:2px}
.mix-amount-label{display:flex;align-items:center;gap:12px;font-size:12px;color:#666}.mix-amount-label input[type=number]{width:65px;text-align:center}.mix-parts small{display:block;color:#666;text-align:right;font-size:11px;margin-top:6px}
.mix-palette{display:grid;gap:16px;margin:28px 0 18px;align-items:start}.paint-dose{min-width:0;margin:0;text-align:center}.paint-well{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:1;width:100%;max-width:112px;margin:0 auto 15px}.paint-dot{display:block;aspect-ratio:1;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000024}.paint-dose-name{display:block;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.paint-dose-quantity{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:9px 0 6px;font-variant-numeric:tabular-nums}.paint-dose-quantity strong{font-size:16px;font-weight:500}.paint-dose-quantity span{font-size:12px;color:var(--muted)}.paint-dose-details{font-size:10px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.mix-visual-note{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 20px}.mix-result{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mix-result .mini-swatch{width:44px;height:44px}[data-panel=oils] .mini-swatch{border-radius:50%}
@media(max-width:600px) and (orientation:portrait){.inspector{bottom:calc(90px + env(safe-area-inset-bottom));max-height:38dvh;background:#fffffffa}body.panel-open .zoom-control{display:none}}
.paint-dose-name{min-height:2.9em}
.workshop-heading h1{font-size:inherit;font-weight:400;letter-spacing:-.04em;margin:6px 0}.workshop-target-label h2{font-size:13px;line-height:1.5}.workshop-paint-quantity span{display:block;color:#666;margin-top:3px}
.heading .study-trigger{font-size:12px;min-height:36px;padding:4px 0;margin-top:4px;color:var(--muted)}#processing-status{margin-top:6px;min-height:20px}#picker-loupe{width:112px;height:112px;display:block;margin:8px auto 20px;border:1px solid var(--line);image-rendering:pixelated}.auto-palette{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:18px 0}.auto-color{display:grid;grid-template-columns:32px 1fr;gap:4px 10px;align-items:center;text-align:left;padding:8px 0;min-height:56px}.auto-color .mini-swatch{grid-row:1/3;border-radius:50%}.auto-color span:not(.mini-swatch){font-size:12px;line-height:1.4}.auto-color small{font-size:10px;color:var(--muted)}#mix-editor{margin:20px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;list-style:revert}summary:focus-visible{outline:2px solid #333;outline-offset:3px}#mix-editor[open]>summary{font-weight:600}.mix-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:8px 18px;margin:18px 0}.mix-edit-row>label:first-child{grid-column:1/3;font-size:12px;color:var(--muted)}.mix-edit-row>input[type=range]{align-self:end}.mix-edit-row>label:last-child{font-size:11px;color:var(--muted)}.mix-edit-row input[type=number]{text-align:center}#mix-origin{margin-top:14px}#open-workshop{width:100%;margin:22px 0 12px}.study-title-label{font-size:13px;display:block}.study-actions{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;margin:22px 0}.study-row{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.study-row img{width:62px;height:62px;object-fit:contain}.study-row-name{flex:1;min-width:0;overflow-wrap:anywhere}.study-row-name strong{display:block;font-size:13px;line-height:1.5;font-weight:400}.study-row-name small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.study-row .text-button{font-size:12px}#studies-status{margin:18px 0}#workshop-dialog{width:min(900px,calc(100vw - 32px))}#workshop-print{display:none}.workshop-sheet{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color:#222;font-size:12px;line-height:1.5}.workshop-header{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid #ddd;padding:18px 0 20px}.workshop-heading{font-size:26px;font-weight:400;letter-spacing:-.04em;margin:6px 0}.workshop-eyebrow,.workshop-date{font-size:11px;color:#666}.workshop-logo{width:56px;height:65px;object-fit:contain}.workshop-reference{margin:24px 0}.workshop-reference-image{display:block;max-width:100%;max-height:400px;object-fit:contain;margin:auto}.workshop-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:24px}.workshop-recipe{min-width:0;border-top:1px solid #ddd;padding-top:16px;break-inside:avoid;page-break-inside:avoid}.workshop-target{display:flex;align-items:center;gap:10px}.workshop-sample-index{font-size:11px;width:18px;flex-shrink:0}.workshop-target-dot,.workshop-mix-dot{display:block;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002;flex-shrink:0}.workshop-target-label{font-size:13px}.workshop-target-hex,.workshop-target-rgb{font-size:10px;color:#666}.workshop-ingredients{display:grid;gap:10px;margin:20px 0 14px;align-items:start}.workshop-paint{min-width:0;margin:0;text-align:center}.workshop-well{width:100%;aspect-ratio:1;max-width:72px;display:flex;align-items:flex-end;justify-content:center;margin:0 auto 10px}.workshop-dot{display:block;border-radius:50%;box-shadow:inset 0 0 0 1px #0002;flex-shrink:0}.workshop-paint-name{font-size:11px;line-height:1.5;min-height:3em;overflow-wrap:anywhere}.workshop-paint-quantity{font-size:11px;margin-top:7px}.workshop-pigment{font-size:9px;color:#666}.workshop-mix-result{display:flex;gap:9px;align-items:center;font-size:10px;color:#666;border-top:1px solid #eee;padding-top:10px}.workshop-no-recipe{font-size:12px;color:#666;padding:20px 0}.workshop-footer{font-size:10px;color:#666;border-top:1px solid #ddd;margin-top:28px;padding-top:16px;break-inside:avoid}
@media(max-width:600px){.heading .study-trigger{min-height:44px;font-size:11px;padding:0;margin-top:0}.study-row{flex-wrap:wrap;gap:8px 12px}.study-row-name{min-width:calc(100% - 80px)}.study-row .text-button{margin-left:auto}.study-actions{gap:8px 14px}.study-actions .text-button{font-size:12px}.workshop-recipes{grid-template-columns:1fr}.workshop-heading{font-size:24px}.auto-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{@page{size:A4;margin:14mm}html,body{height:auto!important;overflow:visible!important;background:white!important}body>*{display:none!important}body>#workshop-print{display:block!important;position:static!important;width:100%!important;height:auto!important;overflow:visible!important}#workshop-print *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.workshop-sheet{font-size:10pt}.workshop-recipes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7mm 8mm}.workshop-heading{font-size:22pt}.workshop-reference-image{max-height:105mm}.workshop-footer{font-size:8pt}dialog::backdrop{display:none!important}}