/* Main chart editor — the same paper, forest and brass palette as the workroom. */
body.hostera-refresh.knit-studio-design{--accent:#06463b;--border:#ded3c1;--text:#17342f;--text-secondary:#776d60;background:#f4efe5;color:#17342f}
body.hostera-refresh.knit-studio-design>header{background:#faf7f0!important;border-bottom:1px solid #d8c7af!important;box-shadow:none!important;padding:9px 16px!important}
body.hostera-refresh.knit-studio-design>header #refresh-tools{background:transparent!important;border-top:1px solid #e5dac9!important;padding-top:8px!important;gap:5px}
body.hostera-refresh.knit-studio-design>header #refresh-tools .btn{background:#fffdf8!important;border-color:#e2d8c8!important;border-radius:3px!important;color:#30483f!important;min-height:35px;padding:7px 10px!important;font-size:12px!important;box-shadow:none!important}
body.hostera-refresh.knit-studio-design>header #refresh-tools .btn:hover{background:#f1e8d8!important;border-color:#c2a16c!important}
body.hostera-refresh.knit-studio-design>header #refresh-tools .btn:is(.active,.active-mode,[aria-pressed=true]){background:#e8eee4!important;color:#06463b!important;border-color:#bba06b!important;box-shadow:inset 0 -2px #b58b4d!important}
body.hostera-refresh.knit-studio-design>header #refresh-tools #refresh-workspace{background:#f1eadb!important;border-color:#d7c7a9!important;color:#365044!important}
body.hostera-refresh.knit-studio-design>header #refresh-tools #btn-clear{color:#975e4f!important}
body.hostera-refresh.knit-studio-design #editor-sections{z-index:20002}
body.hostera-refresh.knit-studio-design #editor-sections>summary{background:#f1e8d8!important;border:1px solid #d8c7af!important;color:#17342f!important;border-radius:3px!important;font-weight:600}
body.hostera-refresh.knit-studio-design #editor-sections[open]>summary{border-color:#b58b4d!important;box-shadow:inset 0 -2px #b58b4d}
body.hostera-refresh.knit-studio-design #editor-sections>.header-actions{background:#fffdf8!important;border:1px solid #d8c7af!important;border-radius:4px!important;box-shadow:0 12px 32px #49392320!important;padding:8px;gap:3px;isolation:isolate}
body.hostera-refresh.knit-studio-design #editor-sections>.header-actions>button{background:transparent!important;color:#30483f!important;border:1px solid transparent!important;border-radius:2px!important;padding:11px 14px!important;min-height:41px;box-shadow:none!important;font:13px 'Segoe UI',sans-serif!important;position:relative}
body.hostera-refresh.knit-studio-design #editor-sections>.header-actions>button:hover{background:#f4eddf!important;border-color:#e5d8c2!important}
body.hostera-refresh.knit-studio-design #editor-sections>.header-actions>button.refresh-current{background:#edf0e7!important;border-color:#ddd2bc!important;color:#06463b!important;box-shadow:inset 3px 0 #b58b4d!important;font-weight:700!important;padding-right:36px!important}
body.hostera-refresh.knit-studio-design #editor-sections>.header-actions>button.refresh-current:after{content:'•';position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#a88343;font-size:18px}
body.hostera-refresh.knit-studio-design #refresh-account :is(summary,#btn-lang){background:transparent!important;border-color:#ded3c1!important;color:#365044!important;border-radius:3px!important}
body.hostera-refresh.knit-studio-design #refresh-account .refresh-menu-body{background:#fffdf8;border-color:#d8c7af;border-radius:4px;box-shadow:0 12px 32px #49392320}
body.hostera-refresh.knit-studio-design #refresh-account .refresh-menu-body .btn{background:transparent!important;color:#30483f!important;border-color:#e5dac9!important;border-radius:3px}
body.hostera-refresh.knit-studio-design .app-body{background:#f4efe5;padding:12px!important;gap:12px}
body.hostera-refresh.knit-studio-design :is(.panel-left,.panel-right){background:#fffdf8!important;border-color:#ded3c1!important;border-radius:5px!important;box-shadow:none!important}
body.hostera-refresh.knit-studio-design :is(.panel-left,.panel-right)>.panel-title{font:21px/1.2 Georgia,serif!important;background:#fffdf8!important;color:#17342f!important;padding:17px 18px!important;border-bottom:1px solid #d8c7af!important;letter-spacing:-.3px!important}
body.hostera-refresh.knit-studio-design .panel-left .kl-symbol-group{border:1px solid #e2d8c8!important;border-radius:4px!important;background:#fffdf8;box-shadow:none!important}
body.hostera-refresh.knit-studio-design .panel-left .kl-symbol-group>summary{background:#faf7f0!important;color:#30483f!important;border-left:3px solid transparent!important;padding:12px!important}
body.hostera-refresh.knit-studio-design .panel-left .kl-symbol-group[open]>summary{background:#edf0e7!important;color:#06463b!important;border-left-color:#b58b4d!important;box-shadow:none!important}
body.hostera-refresh.knit-studio-design .panel-left .kl-category-icon{background:#f5eddd!important;color:#9e7b40!important;border:0!important;border-radius:3px!important}
body.hostera-refresh.knit-studio-design .panel-left .kl-category-count{background:#fffdf8!important;border-color:#ded3c1!important;color:#647161!important}
body.hostera-refresh.knit-studio-design .panel-left .cat-grid{background:#fffdf8!important}
body.hostera-refresh.knit-studio-design .panel-left .sym-btn{border-color:#e4dccc!important;border-radius:4px!important;background:#fffefa!important;box-shadow:none!important}
body.hostera-refresh.knit-studio-design .panel-left .sym-btn:hover{background:#f4eddf!important;border-color:#bd9b62!important}
body.hostera-refresh.knit-studio-design .panel-left .sym-btn:is(.active,.selected,[aria-pressed=true]){background:#edf0e7!important;border-color:#b58b4d!important;box-shadow:inset 0 -2px #b58b4d!important}
body.hostera-refresh.knit-studio-design .panel-left .panel-bottom{background:#f6f1e7!important;border-top:1px solid #ded3c1!important}
body.hostera-refresh.knit-studio-design .panel-left .panel-bottom .btn{background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:3px!important;font-weight:500}
body.hostera-refresh.knit-studio-design .panel-left #btn-wzor-mode{background:#06463b!important;color:#efd18d!important;border-color:#06463b!important}
body.hostera-refresh.knit-studio-design .panel-left #btn-wzor-mode.active-mode{background:#e8eee4!important;color:#06463b!important;border-color:#b58b4d!important;box-shadow:inset 0 -2px #b58b4d!important}
body.hostera-refresh.knit-studio-design #refresh-symbol-search{border-color:#ded3c1!important;border-radius:3px!important;background:#fffefa!important}
body.hostera-refresh.knit-studio-design .panel-right .tool-accordion{margin:0 10px;border-bottom:1px solid #e6ddcf!important}
body.hostera-refresh.knit-studio-design .panel-right .tool-acc-header{background:transparent!important;color:#30483f!important;border:0!important;border-left:3px solid transparent!important;border-radius:2px!important;padding:15px 10px!important;font-weight:600}
body.hostera-refresh.knit-studio-design .panel-right .tool-acc-header:hover{background:#f7f0e5!important}
body.hostera-refresh.knit-studio-design .panel-right .tool-accordion.open>.tool-acc-header{background:#edf0e7!important;border-left-color:#b58b4d!important;color:#06463b!important}
body.hostera-refresh.knit-studio-design .panel-right .tool-acc-body{background:#fffdf8!important}
body.hostera-refresh.knit-studio-design .panel-right :is(input[type=number],select){border-color:#ded3c1!important;border-radius:3px;background:#fffefa;color:#30483f}
body.hostera-refresh.knit-studio-design .canvas-area{background:#eee9df!important;border:1px solid #ded3c1!important;border-radius:4px!important}
body.hostera-refresh.knit-studio-design .grid-wrapper{box-shadow:0 3px 16px #4939230c}
body.hostera-refresh.knit-studio-design .sheet-tabs-bar{background:#faf7f0;border-color:#ded3c1}
body.hostera-refresh.knit-studio-design .sheet-tab{border-radius:3px;color:#5f574d;background:#fffdf8}
body.hostera-refresh.knit-studio-design .sheet-tab.active{background:#edf0e7!important;color:#06463b!important;border-bottom:2px solid #b58b4d!important}
body.hostera-refresh.knit-studio-design .refresh-panel-edge{background:#faf7f0!important;color:#49604e!important;border:1px solid #cfbd9c!important;box-shadow:0 3px 9px #4939230d!important}
body.hostera-refresh.knit-studio-design :is(button,summary,input,select):focus-visible{outline:2px solid #ac8444!important;outline-offset:3px}
#editor-location{display:inline-flex;align-items:center;gap:9px;font:12px 'Segoe UI',sans-serif;color:#706554;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px 4px;translate:no}
#editor-location:before{content:'';width:6px;height:6px;border-radius:50%;background:#b58b4d;flex:none}
@media(max-width:700px){#editor-location{display:none}}
/* Quiet shared chrome, including active-tool feedback and the V-neck host. */
body.hostera-refresh.knit-studio-design .panel-active-tool{background:#edf0e7;color:#17342f;border:0;border-left:3px solid #b58b4d;border-bottom:1px solid #ded3c1;box-shadow:none;padding:9px 12px}
body.hostera-refresh.knit-studio-design .panel-active-tool-label small{color:#827354;font-weight:600;font-size:9px}
body.hostera-refresh.knit-studio-design .panel-active-tool-label strong{color:#17342f;font-size:12px;margin-top:3px}
body.hostera-refresh.knit-studio-design .panel-active-tool-stop{background:#fffdf8;border-color:#d8c7af;border-radius:3px;color:#365044;font-size:11px;font-weight:500}
body.hostera-refresh.knit-studio-design .btn.active-mode{transform:none!important}
body.hostera-refresh.knit-studio-design .btn.active-mode:before{color:#9e7b40}
body.hostera-refresh.knit-studio-design .tool-accordion.has-active-tool>.tool-acc-header{background:#edf0e7!important;border-left-color:#b58b4d!important;box-shadow:none}
body.hostera-refresh.knit-studio-design .tool-accordion.has-active-tool>.tool-acc-header:after{background:#f2e9d9;color:#78613a;font-weight:600}
body.hostera-refresh.knit-studio-design #chart-move-controls{background:#fffdf8!important;color:#30483f!important;border-color:#d8c7af!important;border-radius:4px!important;box-shadow:0 5px 20px #49392318!important;font:12px 'Segoe UI',sans-serif!important}
body.hostera-refresh.knit-studio-design #chart-move-controls button{background:#fffdf8!important;border-color:#ded3c1!important;border-radius:3px!important;color:#30483f!important}
#collars-dialog{background:#faf7f0!important;color:#17342f!important}
#collars-dialog .collars-top{background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #d8c7af!important;padding:8px 14px!important}
#collars-dialog .collars-top strong{font:21px Georgia,serif}
#collars-dialog .collars-top button{background:#f3ead9!important;color:#30483f!important;border:1px solid #d8c7af!important;border-radius:3px!important}
#collars-dialog .collars-commandbar{height:auto!important;min-height:42px!important;flex-wrap:wrap;background:#faf7f0!important;border-bottom:1px solid #ded3c1!important;padding:6px 12px!important;gap:6px!important}
#collars-dialog .collars-variants>summary{background:#fffdf8!important;border-color:#ded3c1!important;border-radius:3px!important;min-width:220px!important;color:#30483f!important}
#collars-dialog .collars-parent-tools{flex-wrap:wrap!important;gap:5px!important}
#collars-dialog .collars-parent-tools button,#collars-dialog .collars-variant-menu button{background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:3px!important;min-height:32px!important;font-size:12px!important;padding:6px 9px!important;box-shadow:none!important}
#collars-dialog .collars-parent-tools button.active,#collars-dialog .collars-variant-menu button[aria-selected=true]{background:#edf0e7!important;border-color:#baa16f!important;box-shadow:inset 0 -2px #b58b4d!important;color:#06463b!important}
#collars-dialog .collars-variant-menu{background:#fffdf8!important;border-color:#d8c7af!important;border-radius:4px!important;box-shadow:0 8px 24px #49392320!important}
/* Symbol editor outer frame uses the same light chrome as its inner tools. */
#symed-overlay{background:#faf7f0!important}
#symed-overlay>div:first-child{background:#faf7f0!important;color:#17342f!important;border-bottom:1px solid #d8c7af!important;box-shadow:none!important;padding:7px 12px!important}
#symed-overlay [data-i18n="symed.title"]{font:18px Georgia,serif!important;letter-spacing:0!important}
#symed-overlay :is(#symed-reload,#symed-close){background:#fffdf8!important;color:#30483f!important;border:1px solid #ded3c1!important;border-radius:3px!important;font-weight:500!important}
#symed-overlay #symed-close{background:#f3ead9!important;border-color:#d8c7af!important}