/* Application chrome only: drawings, colour swatches and PDF pages retain their colours. */
@media screen {
body.kl-section-atelier {
  background:#faf7f0; color:#17342f; font-family:"Segoe UI",sans-serif;
  --green:#06463b; --green-dark:#17342f; --gold:#b58b4d;
  --gold-line:#d8c7af; --paper:#faf7f0; --white:#fffdf8;
  --line:#ded3c1; --muted:#776d60; --ink:#17342f;
}
html body.kl-section-atelier > header,
html body.kl-section-atelier > nav,
html body.kl-section-atelier .vv-head {
  background:#faf7f0!important; color:#17342f!important;
  border-bottom:1px solid #ded3c1!important; padding:9px 16px!important;
  box-shadow:none!important;
}
body.kl-section-atelier h1 {font:24px/1.2 Georgia,serif!important;letter-spacing:0!important}
body.kl-section-atelier h2 {font:20px/1.3 Georgia,serif;color:#17342f}
body.kl-section-atelier :is(header small,header p,header span,.vv-sub,.vv-separate){color:#776d60!important}
html body.kl-section-atelier :is(button,.button,.upload,.vv-btn,.vv-head-btn){
  border:1px solid #ded3c1; border-radius:4px; background:#fffdf8; color:#30483f;
  min-height:34px; padding:7px 11px; box-shadow:none; font-weight:500;
}
html body.kl-section-atelier :is(button,.button):hover {background:#f1eee5;border-color:#bda77e}
html body.kl-section-atelier :is(button.active,button[aria-pressed=true],button[aria-selected=true],button.selected){
  background:#edf0e7!important;color:#06463b!important;border-color:#bda77e!important;box-shadow:inset 0 -2px #b58b4d!important;
}
html body.kl-section-atelier :is(button.gold,button.primary,.vv-gold,.vv-primary){background:#edf0e7;color:#06463b;border-color:#bda77e}
html body.kl-section-atelier button:disabled {opacity:.42;cursor:default;box-shadow:none!important}
body.kl-section-atelier :is(button,input,select,summary):focus-visible {outline:2px solid #9c793f;outline-offset:3px}
body.kl-section-atelier input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
body.kl-section-atelier select {background:#fffdf8;color:#17342f;border-color:#ded3c1;border-radius:4px}
body.kl-section-atelier input:is([type=checkbox],[type=radio],[type=range]) {accent-color:#426a59}
body.kl-section-atelier :is(main>aside,aside>section,.vv-section,.vv-panel){background:#fffdf8;border-color:#ded3c1;border-radius:4px;box-shadow:none}
body.kl-section-atelier :is(.viewbar,.rowbar,.toolbar,.vv-workspace-toolbar,.vv-actions,.vv-footer){background:#faf7f0;color:#30483f;border-color:#ded3c1}
body.kl-section-atelier :is(.note,.hint,.vv-intro,.vv-badge,.vv-repeat-preview,.vv-workspace-note){background:#f1f1e9;color:#59665b;border-color:#ded3c1;box-shadow:none;border-radius:4px}
body.kl-section-atelier :is(.workspace,.vv-workspace-scroll){border-color:#ded3c1;border-radius:4px}
body.kl-section-atelier .vv-separate {background:#f1eee5;border-color:#ded3c1}
body.kl-section-atelier .vv-head h1 {margin:0}
body.kl-section-atelier .vv-section {padding:14px 16px}
html body.kl-section-atelier :is(.raglan-panel-tab,.photo-panel-tab){background:#faf7f0!important;color:#42604e!important;border:1px solid #d8c7af!important;box-shadow:0 3px 10px #49392312!important}
/* Palette samples and chart pixels intentionally do not receive button backgrounds. */
body.kl-section-atelier #symbols button {padding:3px}
body.kl-section-atelier .color-row {border-color:#ded3c1;border-radius:4px}

/* Construction gallery and forms mounted in the parent document. */
body .klc-panel {background:#faf7f0!important;background-image:none!important;border:1px solid #ded3c1!important;border-radius:6px!important;box-shadow:0 18px 60px #30291f26!important}
body .klc-head {background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #ded3c1!important;padding:16px 24px!important}
body .klc-head h2 {font:27px Georgia,serif!important}
body .klc-card {background:#fffdf8!important;border-color:#ded3c1!important;border-radius:5px!important;box-shadow:none!important}
body .klc-card:hover {border-color:#b58b4d!important;box-shadow:0 4px 16px #49392310!important}
body :is(.klc-ph,.klc-outline) {background:#f0f0e8!important;border-color:#ded3c1!important}
body :is(.klc-title,.klc-desc,.klc-sub) {color:#30483f!important}
body :is(.klc-cta,.klc-x,.klc-start,.klc-step) {background:#edf0e7!important;color:#06463b!important;border:1px solid #d8c7af!important;border-radius:4px!important;box-shadow:none!important}
body .klc-badge--ok {background:#edf0e7!important;color:#42604e!important;border-color:#d1d9c9!important}
body :is(.cg-panel,.fa-panel,.cf16-panel) {background:#faf7f0!important;border:1px solid #ded3c1!important;border-radius:5px!important}
body :is(.cg-head,.fa-head,.cf16-head){background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #ded3c1!important;box-shadow:none!important;padding:12px 18px!important}
body :is(.cg-head,.fa-head,.cf16-head) h2 {font:24px Georgia,serif!important;color:#17342f!important}
body :is(.cg-btn,.fa-btn,.cf16-btn) {background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:4px!important;padding:7px 11px!important;box-shadow:none!important}
body :is(.cg-primary,.cg-gen,.cf16-primary,.fa-btn.primary){background:#edf0e7!important;border-color:#bda77e!important;color:#06463b!important}
body :is(.cg-sec,.cg-chartsec,.cf16-sec) {background:#fffdf8!important;border-color:#ded3c1!important;border-radius:4px!important}
body :is(.cg-chartbar,.cg-intro,.cg-note,.cf16-intro) {background:#f1f1e9!important;color:#42604e!important;border-color:#ded3c1!important}
body :is(#knit-setin-form,#fitted-asymmetric-overlay) input:not([type=checkbox]),
body :is(.cg-panel,.cf16-panel) input:not([type=checkbox]) {background:#fffdf8!important;color:#17342f!important;border:1px solid #ded3c1!important;border-radius:4px!important}
/* Unnamed bridge dialogs can be identified by their direct iframe. */
body dialog:has(>iframe[src*="raglan/"]),body dialog:has(>iframe[src*="photo-pattern/"]) {background:#faf7f0!important;border:1px solid #ded3c1!important;border-radius:6px!important}
body dialog:has(>iframe[src*="raglan/"])>div:first-child,
body dialog:has(>iframe[src*="photo-pattern/"])>div:first-child {background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #ded3c1!important}
body dialog:has(>iframe[src*="raglan/"])>div:first-child button,
body dialog:has(>iframe[src*="photo-pattern/"])>div:first-child button {background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:4px!important}

/* Motif library and placement: preview band colours remain untouched. */
body.hostera-refresh #rep-popover.refresh-reports {background:#fffdf8!important;color:#17342f!important;border-color:#ded3c1!important;border-radius:5px!important;box-shadow:none!important}
body.hostera-refresh #rep-popover.refresh-reports>div:first-child {background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #ded3c1!important}
body.hostera-refresh #rep-popover.refresh-reports>div:first-child strong {font:22px Georgia,serif!important;color:#17342f!important}
body #rep-popover button {color:#30483f;border-color:#ded3c1;border-radius:4px}
body #rep-pop-close {background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important}
body .kl-layout-dialog {background:#faf7f0!important;border-color:#ded3c1!important;border-radius:6px!important;color:#17342f!important}
body .kl-layout-dialog h2 {font:24px Georgia,serif!important}
body .kl-layout-dialog button {background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:4px!important;box-shadow:none!important}
body .kl-layout-dialog :is(.kl-center-pattern,.kl-move-panel,.kl-symmetry,.kl-layout-footer) {background:#f1f1e9!important;color:#30483f!important;border-color:#ded3c1!important;box-shadow:none!important}
body .kl-layout-dialog button:focus-visible {outline:2px solid #b58b4d;outline-offset:2px}
body #knit-bar {background:#fffdf8!important;color:#17342f!important;border:1px solid #d8c7af!important;box-shadow:0 6px 24px #49392320!important;border-radius:6px!important}
body #knit-bar :is(.knit-btn,.knit-close) {background:#edf0e7!important;color:#06463b!important;border:1px solid #ded3c1!important;border-radius:4px!important}
body #knit-bar :is(.knit-row-display,.knit-stitch-info,#knit-row-sub) {color:#17342f!important}
body #knit-progress-fill {background:#8b9b7c!important}

/* PDF editor UI only. Never target page elements, exported content or swatches. */
body #pdfcomposer-ov {--va-shell:#faf7f0;--va-shell-2:#fffdf8;--va-gold:#b58b4d;--va-work:#eee9df;--va-left:#fffdf8;--va-right:#fffdf8;--va-ink:#17342f;--va-muted:#776d60;--va-line:#ded3c1;--va-soft:#edf0e7}
body #pdfcomposer-ov .pc-top {background:#faf7f0!important;border-bottom:1px solid #ded3c1!important}
body #pdfcomposer-ov .pc-command-group {border-color:#ded3c1!important}
body #pdfcomposer-ov .pc-top :is(.pc-btn,.pc-brand .nm,#pc-projname,.pc-projwrap .pc-hint,.pc-zoomwrap button,.pc-zoomwrap select) {color:#30483f!important}
body #pdfcomposer-ov .pc-top .pc-btn {background:transparent!important;border-radius:4px!important}
body #pdfcomposer-ov .pc-top .pc-btn:hover {background:#f1eee5!important}
body #pdfcomposer-ov .pc-top :is(.pc-btn.on,#pc-add-menu-button,#pc-export,#pc-done) {background:#edf0e7!important;color:#06463b!important;border:1px solid #d8c7af!important;box-shadow:none!important}
body #pdfcomposer-ov .pc-top .pc-btn.on {box-shadow:inset 0 -2px #b58b4d!important}
body #pdfcomposer-ov .pc-top .pc-btn:disabled {color:#89958b!important;opacity:.45!important}
body #pdfcomposer-ov .pc-top .pc-zoomwrap {background:#f1eee5!important}
body #pdfcomposer-ov .pc-panel-edge {background:#faf7f0!important;color:#42604e!important;border:1px solid #d8c7af!important;box-shadow:0 3px 10px #49392312!important}
body #pdfcomposer-ov .pc-menu-panel {background:#fffdf8!important;border-color:#ded3c1!important;box-shadow:0 8px 24px #49392320!important}
body #pc-template-pop>[role=dialog] {background:#faf7f0!important;border:1px solid #ded3c1!important;border-radius:6px!important}
body #pc-template-pop>[role=dialog]>:first-child {background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #ded3c1!important}
body #pc-template-pop #atelier-title {font:25px Georgia,serif!important;color:#17342f!important}
body #pc-template-pop [data-close] {background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:4px!important}
body :is(.cg-head,.fa-head,.cf16-head) :is(.cg-title,.cg-sub,.fa-sub,.cf16-sub) {color:#30483f!important}
body :is(.cf16-calc,.cf16-gen,.cf16-databtn,.cf16-databtn-alt,.cf16-x) {background:#edf0e7!important;color:#06463b!important;border:1px solid #d8c7af!important;border-radius:4px!important}
/* The set-in constructor uses inline styles and a named form rather than panel classes. */
body div:has(>.knit-setin-form) {background:#faf7f0!important;border:1px solid #ded3c1!important;border-radius:5px!important;box-shadow:0 18px 60px #30291f26!important}
body div:has(>.knit-setin-form)>div:first-child {background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #ded3c1!important}
body div:has(>.knit-setin-form)>div:first-child button,
body .knit-setin-form button {background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:4px!important;box-shadow:none!important}
body .knit-setin-form section {background:#fffdf8!important;border-color:#ded3c1!important;border-radius:4px!important}
body .knit-setin-form input {background:#fffdf8!important;color:#17342f!important;border-color:#ded3c1!important;border-radius:4px!important}
body :is(.cg-panel,.cf16-panel,.fa-panel,.knit-setin-form) button:is(.active,[aria-selected=true],[aria-pressed=true]) {background:#edf0e7!important;color:#06463b!important;box-shadow:inset 0 -2px #b58b4d!important}
body.kl-section-atelier .color-row.active {background:#edf0e7;border-color:#b58b4d}
body.kl-section-atelier .symbol-badge {padding:0;min-height:0;border:0}
body.kl-section-atelier .vv-section>h2 {background:#f4f1e9!important;color:#17342f!important;border-color:#ded3c1!important;font:19px/1.3 Georgia,serif!important}
body.kl-section-atelier main>aside>section>h2 {background:#faf7f0;color:#17342f;border-color:#ded3c1}
body #photo-pattern-dialog {background:#faf7f0!important;border-color:#ded3c1!important}
body #photo-pattern-dialog>div>div:first-child {background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #ded3c1!important}
body #photo-pattern-dialog>div>div:first-child button {background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:4px!important}
}