.sheet-tool{--sheet-bg:#14201b;--sheet-panel:#1e2d26;--sheet-paper:#f2ebda;--sheet-muted:#b2b3a0;--sheet-line:#3b4c44;background:var(--sheet-bg);min-height:100dvh;color:var(--sheet-paper);padding:26px clamp(18px,3vw,44px)}@supports (color:lab(0% 0 0)){.sheet-tool{--sheet-bg:lab(10.9478% -6.67918 1.92237);--sheet-panel:lab(16.8014% -8.01277 2.30656);--sheet-paper:lab(93.1409% .509799 9.24604);--sheet-muted:lab(72.3878% -2.91809 9.41712);--sheet-line:lab(30.7355% -8.30413 2.39726)}}.sheet-tool button{border:1px solid var(--sheet-line);min-height:42px;font:inherit;border-radius:4px;padding:8px 12px;transition:background-color .12s}.sheet-tool button:hover:enabled{background:var(--sheet-panel)}.sheet-tool button:disabled{cursor:default}.sheet-tool button.sheet-primary{background:var(--sheet-paper);color:var(--sheet-bg);border-color:var(--sheet-paper)}.sheet-tool button.sheet-primary:hover:enabled{background:#e0d3b7;background:lab(85.0747% 1.0803 15.5984)}.sheet-tool button[aria-pressed=true],.sheet-tool button[aria-pressed=true]:hover:enabled{background:var(--sheet-paper);color:var(--sheet-bg)}.sheet-tool :is(button,a,input,select,summary):focus-visible,.sheet-canvas:focus-visible{outline-offset:3px;outline:2px solid #f6d48d}.sheet-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.sheet-header a{color:var(--sheet-muted);font-size:12px}.sheet-header h1{letter-spacing:-.6px;margin:10px 0 6px;font:36px/1.2 Georgia,serif}.sheet-header p{color:var(--sheet-muted);font-size:13px}.sheet-save{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sheet-save span{text-align:right;width:100%;color:var(--sheet-muted);font-size:11px}.sheet-steps{border-bottom:1px solid var(--sheet-line);align-items:center;gap:20px;display:flex}.sheet-steps button{color:var(--sheet-muted);border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 0 14px}.sheet-steps button[aria-current=step]{color:var(--sheet-paper);border-bottom-color:#f6d48d}.sheet-steps button span{border:1px solid var(--sheet-line);border-radius:50%;place-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;display:inline-grid}.sheet-steps p{color:var(--sheet-muted);margin-left:auto;font-size:12px}.sheet-feedback{min-height:42px;color:var(--sheet-muted);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 0;font-size:12px;display:flex}.sheet-feedback [role=alert]{color:#ffc0a6}.sheet-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.sheet-main{border:1px solid var(--sheet-line);background:#13221c;border-radius:5px;min-width:0;position:sticky;top:16px;overflow:hidden}.sheet-toolbar{background:var(--sheet-panel);border-bottom:1px solid var(--sheet-line);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:8px;display:flex}.sheet-toolbar>div{flex-wrap:wrap;gap:5px;display:flex}.sheet-toolbar button{min-height:36px;padding:6px 10px;font-size:12px}.sheet-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:clamp(430px,100dvh - 330px,760px);display:block}.sheet-canvas.mode-select,.sheet-canvas.mode-paper-point,.sheet-canvas.mode-modern-point{cursor:crosshair}.sheet-canvas.mode-pan,.sheet-canvas.mode-move{cursor:grab}.sheet-canvas:active{cursor:grabbing}.sheet-caption{color:var(--sheet-muted);border-top:1px solid var(--sheet-line);justify-content:space-between;gap:18px;padding:12px 14px;font-size:11px;display:flex}.sheet-caption p{max-width:70%}.sheet-caption span{white-space:nowrap}.sheet-sidebar{min-width:0}.sheet-overview{border-bottom:1px solid var(--sheet-line);padding-bottom:16px}.sheet-overview>span{color:var(--sheet-muted);font-size:11px}.sheet-overview svg{border-radius:3px;width:100%;height:auto;margin-top:8px;display:block;overflow:hidden}.sheet-controls{gap:14px;padding-top:18px;display:grid}.sheet-controls h2{font:22px/1.25 Georgia,serif}.sheet-controls p{color:var(--sheet-muted);font-size:12px}.sheet-tool label{gap:8px;min-width:0;font-size:12px;display:grid}.sheet-tool input:not([type=range]):not([type=checkbox]),.sheet-tool select{border:1px solid var(--sheet-line);background:var(--sheet-panel);width:100%;min-width:0;min-height:42px;color:var(--sheet-paper);font:16px var(--font);border-radius:3px;padding:8px}.sheet-tool input[type=range]{accent-color:#b9d7bb;width:100%;min-height:28px;margin:0}.sheet-tool .sheet-slider{grid-template-columns:1fr auto;gap:3px}.sheet-slider input{grid-column:1/-1}.sheet-slider output{font-variant-numeric:tabular-nums;color:var(--sheet-muted)}.sheet-tool .sheet-check{align-items:center;gap:10px;min-height:32px;display:flex}.sheet-check input{accent-color:#b9d7bb;width:18px;height:18px}.sheet-offsets{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sheet-metric{border-top:1px solid var(--sheet-line);font-variant-numeric:tabular-nums;padding-top:14px}.sheet-metric small{margin-top:5px;font-size:11px;line-height:1.5;display:block}.sheet-tool summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px}.sheet-controls details label{margin:10px 0}.sheet-landmarks{border-top:1px solid var(--sheet-line);border-bottom:1px solid var(--sheet-line);margin-top:22px}.sheet-landmarks summary{padding:16px 0}.sheet-landmarks summary span{color:var(--sheet-muted);margin-left:12px;font-size:12px}.sheet-landmark-grid{grid-template-columns:1fr 1.2fr 1fr;gap:28px;padding:8px 0 24px;display:grid}.sheet-landmark-grid>div{flex-direction:column;align-items:stretch;gap:14px;min-width:0;display:flex}.sheet-landmark-grid p,.sheet-landmark-grid small{color:var(--sheet-muted);font-size:12px}.sheet-landmark-grid h3{font:20px Georgia,serif}.sheet-pick-buttons{flex-wrap:wrap;gap:6px;display:flex}.sheet-pick-buttons button{font-size:12px}.sheet-residual{border-bottom:1px solid var(--sheet-line);justify-content:space-between;gap:14px;padding-bottom:8px;display:flex}.sheet-residual small{display:block}.sheet-residual strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.sheet-footer{color:var(--sheet-muted);gap:6px;max-width:1050px;margin-top:22px;font-size:11px;display:grid}@media (max-width:1050px){.sheet-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.sheet-steps p{display:none}.sheet-toolbar{gap:6px}.sheet-caption{display:block}.sheet-caption p{max-width:none}.sheet-caption span{margin-top:5px;display:block}.sheet-landmark-grid{grid-template-columns:1fr 1fr}.sheet-landmark-grid>div:last-child{grid-column:1/-1}.sheet-canvas{height:520px}}@media (max-width:760px){.sheet-tool{padding:18px}.sheet-header{margin-bottom:18px;display:block}.sheet-header h1{font-size:30px}.sheet-save{justify-content:flex-start;margin-top:16px}.sheet-save span{text-align:left;order:3;width:auto;margin-left:8px}.sheet-workspace{grid-template-columns:1fr}.sheet-main{position:static}.sheet-sidebar{grid-template-columns:1fr 1.3fr;gap:18px;display:grid}.sheet-overview{border-bottom:0}.sheet-controls{padding:0}.sheet-canvas{height:430px}.sheet-steps{gap:20px}.sheet-steps button{font-size:13px}.sheet-landmark-grid{grid-template-columns:1fr}.sheet-landmarks summary span{margin:5px 0 0;display:block}.sheet-tool button{min-height:44px}.sheet-landmark-grid>div:last-child{grid-column:auto}}@media (max-width:440px){.sheet-sidebar{grid-template-columns:1fr}.sheet-overview{display:none}.sheet-toolbar button{padding:6px 8px}.sheet-canvas{height:390px}}@media (prefers-reduced-motion:reduce){.sheet-tool button{transition:none}}.sheet-sidebar .sheet-landmark-grid{flex-direction:column;gap:24px;display:flex}.sheet-sidebar .sheet-landmarks summary span{margin:4px 0 0;display:block}.sheet-sidebar .sheet-landmark-grid label{gap:8px}.sheet-sidebar .sheet-landmark-grid p{font-size:11px}.sheet-sidebar .sheet-pick-buttons button{flex:100px}@media (min-width:761px){.sheet-sidebar .sheet-landmarks button{scroll-margin-top:30px}}@media (max-width:760px){.sheet-sidebar .sheet-landmarks{grid-column:1/-1}}.colour-intro{justify-content:space-between;align-items:center;gap:24px;margin:10px 0 18px;display:flex}.colour-intro h2{margin-bottom:6px;font:26px Georgia,serif}.colour-intro p{color:var(--sheet-muted);font-size:12px}.colour-palette{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.colour-palette button{align-items:center;gap:8px;display:flex}.colour-palette i,.colour-sample i{border:1px solid #ffffff40;border-radius:3px;flex-shrink:0;width:18px;height:18px;display:inline-block}.colour-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;display:flex}.colour-toolbar>div{flex-wrap:wrap;gap:6px;display:flex}.colour-toolbar button{font-size:12px}.colour-stage{z-index:2;background:var(--sheet-bg);grid-template-columns:1fr 1fr;gap:16px;padding-top:8px;display:grid;position:sticky;top:0}.colour-stage figure{border:1px solid var(--sheet-line);background:#15271e;border-radius:4px;min-width:0;margin:0;overflow:hidden}.colour-stage figcaption{background:var(--sheet-panel);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 12px;font-size:12px;display:flex}.colour-stage figcaption span{color:var(--sheet-muted);max-width:45%;font-size:11px}.colour-stage figcaption select{width:auto;max-width:55%;min-height:36px;font-size:12px}.colour-stage svg{touch-action:none;cursor:crosshair;width:100%;height:clamp(270px,36vh,470px);display:block}.colour-stage [data-colour-building]{cursor:pointer}.colour-caption{color:var(--sheet-muted);min-height:45px;padding:12px 0;font-size:12px}.colour-controls{grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:10px;display:grid}.colour-controls>section{flex-direction:column;gap:14px;min-width:0;display:flex}.colour-controls h3{font:23px Georgia,serif}.colour-controls p{color:var(--sheet-muted);font-size:12px}.colour-controls label{position:relative}.colour-controls output{color:var(--sheet-muted);font-variant-numeric:tabular-nums;position:absolute;top:0;right:0}.colour-controls textarea{background:var(--sheet-panel);border:1px solid var(--sheet-line);min-height:80px;color:var(--sheet-paper);font:16px var(--font);resize:vertical;border-radius:3px;padding:8px}.colour-controls :is(input,select,button,textarea,summary){scroll-margin-top:calc(clamp(270px,36vh,470px) + 100px)}.colour-warning{border-left:2px solid #dfad71;margin:10px 0;padding:10px 14px;font-size:12px;color:#ead6b8!important}.colour-sample{align-items:center;gap:8px;margin:8px 0;display:flex}.colour-sample button{margin-left:auto;font-size:11px}@media (max-width:1000px){.colour-stage{position:static}.colour-controls{grid-template-columns:1fr 1fr}.colour-controls>section:last-child{grid-column:1/-1}.colour-controls :is(input,select,button,textarea,summary){scroll-margin-top:20px}.colour-stage figcaption{min-height:86px;display:block}.colour-stage figcaption span{max-width:none;margin-top:6px;display:block}.colour-stage figcaption select{width:100%;max-width:100%;margin-top:6px}}@media (max-width:700px){.sheet-steps{flex-wrap:wrap;gap:8px 20px}.colour-intro{display:block}.colour-intro>p{margin-top:12px}.colour-stage,.colour-controls{grid-template-columns:1fr}.colour-stage svg{height:350px}.colour-controls>section:last-child{grid-column:auto}.colour-stage figcaption{min-height:60px}.colour-palette{gap:6px}.colour-palette button{padding:8px 10px}.colour-toolbar{gap:8px}}.colour-stage .review-object-preview{touch-action:none;height:clamp(270px,36vh,470px);position:relative}.colour-stage .review-object-preview canvas{width:100%;height:100%;display:block}.colour-stage .review-object-preview>p{position:absolute;inset:30px}@media (max-width:700px){.colour-stage .review-object-preview{height:350px}}.colour-auto-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 12px;display:flex}.colour-auto-actions span{color:var(--sheet-muted);margin-left:6px;font-size:12px}.colour-manual-help{color:var(--sheet-muted);margin:18px 0 12px;font-size:13px}.colour-view-tools{justify-content:flex-end;margin-bottom:4px;display:flex}.colour-view-tools>div{gap:6px;display:flex}.colour-view-tools button{min-height:36px;padding:6px 12px;font-size:12px}.colour-stage .colour-inspecting{cursor:default;touch-action:pan-y}.colour-fine-tuning{border-top:1px solid var(--sheet-line);margin-top:8px}.colour-fine-tuning>summary{padding:18px 0;font-size:14px}.colour-fine-tuning>summary span{color:var(--sheet-muted);margin-left:14px;font-size:12px}@media (max-width:700px){.colour-auto-actions span{flex-basis:100%;margin:4px 0}.colour-fine-tuning>summary span{margin:6px 0 0;display:block}}.colour-diagnosis{border:1px solid var(--sheet-line);background:var(--sheet-panel);border-radius:4px;margin:0 0 18px;padding:14px 16px;font-size:13px}.colour-diagnosis>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.colour-diagnosis button{min-height:36px;padding:6px 12px}.colour-diagnosis p{color:var(--sheet-muted);font-variant-numeric:tabular-nums;margin-top:8px;line-height:1.6}.colour-legend{color:var(--sheet-muted);flex-wrap:wrap;gap:10px 20px;margin:14px 0;padding:0;font-size:12px;list-style:none;display:flex}.colour-legend li,.site-colours li{align-items:center;gap:8px;display:flex}.colour-legend i,.site-colours i{border:1px solid #ffffff50;border-radius:2px;width:14px;height:14px;display:block}.site-links{border-top:1px solid var(--sheet-line);gap:14px;padding:18px 0 24px;display:grid}.site-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.site-heading h3{font:22px Georgia,serif}.site-links p{color:var(--sheet-muted);font-size:13px;line-height:1.6}.site-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.site-actions{flex-wrap:wrap;gap:8px;display:flex}.site-colours{grid-template-columns:repeat(6,1fr);gap:12px;padding:0;list-style:none;display:grid}.site-colours li{flex-wrap:wrap;font-size:13px}.site-colours strong{font-variant-numeric:tabular-nums}.site-links textarea{background:var(--sheet-panel);border:1px solid var(--sheet-line);min-height:70px;color:var(--sheet-paper);font:16px var(--font);resize:vertical;padding:10px}@media (max-width:700px){.site-fields{grid-template-columns:1fr}.site-colours{grid-template-columns:repeat(3,1fr)}}.sheet-extraction{border-top:1px solid var(--sheet-line);padding-bottom:16px}.sheet-extraction summary span{color:var(--sheet-muted);margin-left:14px;font-size:12px}.sheet-extraction p{color:var(--sheet-muted);max-width:850px;margin:12px 0;font-size:13px;line-height:1.6}.sheet-extraction-preview{border:1px solid var(--sheet-line);background:#17251f;border-radius:4px;width:100%;max-height:620px;display:block}.colour-stage [data-building-section]{cursor:pointer}.colour-stage [data-building-section]:focus-visible{stroke:#fff3b0;stroke-width:2px;outline:none}.section-explanation{border-top:1px solid var(--sheet-line);margin-top:12px;padding-top:14px}.section-explanation strong{font-size:15px}.colour-diagnosis>.section-explanation{display:block}.section-explanation p{max-width:900px}.colour-view-tools{flex-wrap:wrap;justify-content:space-between;gap:12px}.colour-finish{align-items:center}.colour-finish span{color:var(--sheet-muted);margin-right:6px;font-size:12px}.colour-finish button{min-height:40px}.colour-finish button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (max-width:700px){.colour-view-tools .colour-finish{flex-wrap:wrap}.colour-view-tools .colour-finish button{min-height:44px}.colour-finish span{flex-basis:100%;margin-bottom:4px}}.colour-techniques{background:var(--sheet-panel);border-bottom:1px solid var(--sheet-line);padding:12px}.colour-techniques .colour-finish{flex-wrap:wrap;gap:6px;display:flex}.colour-techniques button{min-height:40px;padding:7px 11px;font-size:12px}.colour-techniques p,.colour-trial-link{color:var(--sheet-muted);margin-top:10px;font-size:12px;line-height:1.5}.colour-trial-link{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.colour-stage .preview-fit{z-index:1;background:var(--sheet-panel);min-height:40px;font-size:12px;position:absolute;bottom:10px;right:10px}@media (max-width:700px){.colour-techniques button,.colour-stage .preview-fit{min-height:44px}.colour-stage figcaption select{font-size:16px}}
