@charset "UTF-8";:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#28372e;background:#f4f5f1;font-synthesis:none;font-weight:400;font-size:13px;--green: #306b4e;--dark-green: #214d38;--muted: #657569;--line: #e3e7df;--panel: #fbfcf8;--amber: #a86d37;--light: #eef3eb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #3d7b59}a{color:inherit;text-decoration:none}button{border:0;background:none}input,select,textarea{min-width:0;border:1px solid #dce2d9;background:#fff;border-radius:5px;padding:9px 10px;color:#33453a;outline-color:#548669}input:disabled,select:disabled{background:#f2f4ef;opacity:.55}select{width:100%;height:38px;padding:0 3px 0 10px}input[type=range]{appearance:none;width:100%;height:3px;padding:0;border:0;border-radius:2px;background:#dde4d9;accent-color:var(--green);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;height:11px;width:11px;border-radius:50%;background:#52785a;box-shadow:0 0 0 3px #f9fbf6}input[type=range]::-moz-range-thumb{height:11px;width:11px;border:0;background:#52785a;border-radius:50%}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}button:not(:disabled):hover{color:var(--dark-green)}.app{min-height:0;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #d9e2d4;border-radius:6px;min-height:37px;padding:8px 14px;background:#f5f7ef;font-weight:550;font-size:12px;transition:background .15s}.button:hover:not(:disabled){background:#eaf0e4}.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.button.primary:hover:not(:disabled){color:#fff;background:var(--dark-green)}.button.secondary{background:#fff}.button.secondary:hover:not(:disabled){background:#eef4e9}.button.full{width:100%;margin-top:12px}.icon-button{display:inline-grid;place-items:center;width:30px;height:32px;border-radius:5px;color:#7e8b80}.icon-button:hover{background:#ecf1e8}.project-bar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#f4f5f0;border-bottom:1px solid var(--line);gap:12px;flex-shrink:0}.project-title{display:flex;align-items:center;gap:9px;color:#768376;min-width:0;min-height:44px;padding:0;text-align:left}.project-title>span:first-of-type{min-width:0;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;color:#4c5d50;font-size:12px}.project-actions{display:flex;flex-shrink:0;align-items:center;gap:12px;white-space:nowrap}.project-actions button{display:flex;align-items:center;gap:5px;font-size:11px;color:#798575;padding:6px 3px}.project-actions button:first-child{color:#557750}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;flex:1;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}.tools-panel{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.tool-section{padding:15px 16px;border-top:1px solid #e9ece4}.tool-section h3{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.tool-section h3 span{font-size:10px;color:#9aa391;font-weight:400}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:15px 0 7px;color:#7e8d78}.field-label span{font-size:10px;color:#a5ad9d}.inline-actions{display:flex;gap:7px;margin-top:11px}.inline-actions button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 3px;flex:1;font-size:11px;border:1px solid #e1e7dc;border-radius:4px;background:#fafbf7;min-height:32px;white-space:nowrap}.inline-actions button.selected{color:#3b704a;background:#e8f0e2;border-color:#aec3a4}.detection-list{margin:8px 0 1px;display:grid;gap:3px}.detection-list button{font-size:10px;display:flex;justify-content:space-between;text-align:left;color:#839078;padding:4px}.detection-list button:hover{background:#edf2e8}.brushes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.brushes button{position:relative;display:flex;flex-direction:column;gap:6px;align-items:center;padding:10px 0 7px;border:1px solid #e0e5da;border-radius:5px;background:#fff;font-size:10px;color:#7c8975;min-height:58px}.brushes button.active{color:#376344;background:#edf3e8;border-color:#91b184}.hint{color:#8c9684;font-size:10.5px;line-height:1.8;margin-top:11px}.hint.centered{text-align:center;font-size:10px;margin-top:10px}.slider-row{display:grid;grid-template-columns:53px 1fr 28px;align-items:center;gap:8px;font-size:10px;margin-top:12px;color:#819076}.slider-row output{text-align:right;font:10px ui-monospace,monospace;color:#89957e}.advanced summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;color:#7b8971}.advanced[open] summary{margin-bottom:20px}.advanced .button{font-size:10px}.canvas-panel{display:flex;flex-direction:column;background:#f0f2ec;min-width:0;min-height:0}.canvas-container{position:relative;flex:1;min-height:0;display:flex;background-color:#f0f2ec;background-image:radial-gradient(#d5dcd0 .65px,transparent .65px);background-size:16px 16px}.editor-surface{position:relative;flex:1;min-height:0;touch-action:none;overflow:hidden;outline-offset:-3px}.editor-surface canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tool-pan{cursor:grab}.tool-pan:active{cursor:grabbing}.tool-paint,.tool-fill,.tool-align{cursor:crosshair}.empty-canvas{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;padding:24px 20px;text-align:center;min-height:0}.empty-symbol{position:relative;width:118px;height:118px;border:1px solid #d6dfcf;background:#fafcf6c9;border-radius:20px;display:grid;place-items:center;color:#657e5a;margin-bottom:30px;box-shadow:0 6px 22px #647e3210}.empty-canvas h1{font-size:25px;font-weight:550;letter-spacing:1px;color:#3b5434}.empty-canvas p{font-size:12px;line-height:2;color:#849177;margin:15px 0 23px}.empty-canvas .primary{padding:10px 25px;min-height:41px}.drop-hint{font-size:10px;color:#9ba58e;margin-top:14px}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#789265;font-size:10px;padding:0}.empty-canvas .text-link{margin-top:29px}.busy-overlay{position:absolute;inset:0;background:#f6f8f0dc;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:10px;z-index:10;font-size:12px;color:#5e7b4c}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.warning{color:#ac753f;font-size:10px;line-height:1.8;margin-top:9px}.mobile-nav,.mobile-brush-toolbar{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);background:#fcfef8;border:1px solid #d3dfca;box-shadow:0 6px 30px #2335111c;display:flex;align-items:flex-start;gap:9px;padding:13px 14px;max-width:min(600px,92vw);width:max-content;border-radius:7px;z-index:80;color:#5f7850;font-size:12px;line-height:1.7}.toast>svg{margin-top:1px;flex-shrink:0}.toast button{display:flex;flex-shrink:0;padding:2px;margin-left:6px}.drop-overlay{position:fixed;inset:12px;border:2px dashed #629d5e;background:#eff6e8ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:100;color:#3e793e;border-radius:12px;pointer-events:none}.drop-overlay h2{font-size:24px;font-weight:500}.results-panel{min-width:0;min-height:0;padding:20px 16px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--line);background:var(--panel);scrollbar-width:none}.results-panel::-webkit-scrollbar{display:none}.results-panel h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:13px;font-weight:600;margin-bottom:20px}.results-panel h2 small{color:var(--muted);font-size:10px;font-weight:400}.decode-status{color:var(--muted);font-size:11px}.restore-grid{width:100%;margin-top:14px}.decode-text,.decode-bytes pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:12px/1.8 Segoe UI,Microsoft YaHei,sans-serif}.decode-text{margin:12px 0 16px;user-select:text}.decode-meta,.decode-error{color:var(--muted);font-size:10px;line-height:1.8;overflow-wrap:anywhere}.decode-error,.decode-error button{margin-top:10px}.decode-bytes{margin-top:14px;color:var(--muted);font-size:10px}.decode-bytes summary{cursor:pointer;padding:5px 0}.decode-bytes pre{font:10px/1.8 ui-monospace,monospace}@media(min-width:1550px){.workspace{grid-template-columns:220px minmax(0,1fr) 240px;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}.tool-section{padding-left:24px;padding-right:24px}.canvas-panel,.editor-surface{min-height:0}}@media(max-width:1150px)and (min-width:821px){.workspace{grid-template-columns:220px minmax(0,1fr) 200px;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}.tool-section{padding-left:14px;padding-right:14px}}@media(max-width:820px){.app{min-height:0;height:100dvh;overflow:hidden}.project-bar{height:54px;padding:0 12px;gap:5px}.project-title>span:first-of-type{max-width:125px;font-size:10px}.project-title{gap:6px}.project-actions{gap:4px}.project-actions button{font-size:10px;padding:8px;min-width:44px;min-height:44px;justify-content:center}.project-actions button span{display:none}.project-actions svg{width:18px;height:18px}.workspace{display:block;min-height:0;flex:1;overflow:hidden}.tools-panel{display:none;border:0}.panel-tools .tools-panel{display:block}.panel-tools .canvas-panel,.panel-results .canvas-panel,.results-panel{display:none}.panel-results .results-panel{display:block;height:100%;border:0}.tool-section{padding:15px 20px}.tools-panel .tool-section h3{font-size:13px}.brushes button{min-height:64px;font-size:12px;padding:10px 0 7px}.inline-actions button{min-height:37px;font-size:12px}.slider-row{font-size:12px;grid-template-columns:70px 1fr 38px;margin-top:12px}.hint{font-size:11px}.advanced summary{font-size:12px}.canvas-panel{min-height:0;height:100%}.canvas-container,.editor-surface{min-height:0}.mobile-brush-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:4px;padding:4px;border:1px solid #d3dfca;border-radius:8px;background:var(--panel)}.mobile-brush-toolbar button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:76px;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:5px;color:var(--muted);font-size:12px;white-space:nowrap;touch-action:manipulation}.mobile-brush-toolbar button[aria-pressed=true]{color:var(--dark-green);background:#edf3e8;border-color:#91b184}.empty-canvas{padding:20px 16px;min-height:0}.empty-symbol{width:94px;height:94px;border-radius:17px;margin-bottom:22px}.empty-symbol>svg{width:60px}.empty-canvas h1{font-size:23px}.empty-canvas p{font-size:11px;margin:12px 0 19px}.drop-hint{font-size:9px}.empty-canvas .text-link{margin-top:23px}.mobile-nav{position:relative;z-index:10;bottom:0;left:0;right:0;padding:6px 20px calc(6px + env(safe-area-inset-bottom));height:calc(62px + env(safe-area-inset-bottom));display:flex;background:#fcfef8f5;backdrop-filter:blur(8px);border-top:1px solid #dfe7d6;flex-shrink:0}.mobile-nav button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:10px;color:#99aa87;border-radius:7px}.mobile-nav button.active{color:#4c7d39;background:#edf4e5}.mobile-nav button.has-result{color:var(--dark-green);background:#e3efdf;box-shadow:inset 0 0 0 1px #91b184;font-weight:600}.mobile-nav-icon{position:relative;display:flex}.result-dot{position:absolute;top:-3px;right:-5px;width:9px;height:9px;border-radius:50%;border:2px solid var(--panel);background:var(--green)}.field-label{font-size:11px}.toast{bottom:calc(75px + env(safe-area-inset-bottom));font-size:11px;max-width:92vw;padding:11px 12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition:none!important}}.task-error{display:flex;align-items:center;gap:12px;padding:14px 24px;background:#fff4e9;border-bottom:1px solid #e8cbaa;color:#875526;flex-shrink:0}.task-error>svg{flex-shrink:0}.task-error>div{flex:1;min-width:0}.task-error strong{font-size:12px}.task-error p{margin-top:3px;font-size:12px;overflow-wrap:anywhere}.task-error button{flex-shrink:0}@media(max-width:820px){.task-error{flex-wrap:wrap;padding:12px 16px;flex-shrink:0}.task-error>div{flex-basis:75%}.task-error button{margin-left:32px}}html,body,#root{width:100%;height:100%;overflow:hidden}.tools-panel{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.tools-panel>*{flex-shrink:0}.tools-panel{scrollbar-width:none}.tools-panel::-webkit-scrollbar{display:none}.project-actions .icon-button{justify-content:center}@media(max-width:820px){.project-title{flex:1}.project-title>span:first-of-type{max-width:100%}}@media(max-height:600px){.empty-symbol{width:64px;height:64px;margin-bottom:12px}.empty-symbol>svg{width:44px}.empty-canvas h1{font-size:21px}.empty-canvas p{margin:10px 0 14px}}@media(max-width:820px){.tools-panel{height:100%}}.brush-label kbd{font:9px ui-monospace,monospace;color:#788671;margin-left:4px;font-weight:400}.brush-label{display:inline-flex;align-items:center;gap:2px}.tool-tabs{display:grid;grid-template-columns:.75fr 1fr 1fr;padding:0 10px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:var(--panel)}.tool-tabs button{min-height:48px;padding:0 4px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tool-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:600}.tools-panel [role=tabpanel]>.tool-section:first-child{border-top:0}.positioning-guide dl{display:grid;gap:12px;margin:0 0 4px;font-size:11px}.positioning-guide dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.positioning-guide dt{color:#455747}.positioning-guide dd{margin:0;color:var(--muted)}.cell-swatch{display:block;width:20px;height:20px;border:1px solid #b8c5b3;border-radius:2px}.cell-swatch.transparent{border-style:dashed}.brushes button{touch-action:manipulation}.color-settings{margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:5px;background:#f1f5ec}.color-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:6px}.color-heading strong{font-size:11px;font-weight:600}.color-heading button{padding:4px;display:grid;place-items:center}.color-fields{display:flex;gap:7px}.color-fields input[type=color]{width:38px;height:34px;padding:3px;flex-shrink:0;cursor:pointer}.color-fields input[type=text]{width:100%;padding:6px;font:12px ui-monospace,monospace}.transparent-choice{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;cursor:pointer}.transparent-choice input{margin:0;accent-color:var(--green)}.repair-modes{display:flex;gap:4px;margin:0 0 12px}.repair-modes button{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 2px;border-radius:4px;color:var(--muted);font-size:11px}.repair-modes button[aria-pressed=true]{color:var(--dark-green);background:#e9efe5}@media(max-width:820px){.repair-modes button{min-height:44px;font-size:12px}}.structure-toggle{display:flex;align-items:center;gap:7px;min-height:36px;margin-top:8px;cursor:pointer;color:var(--dark-green)}.structure-toggle input{margin:0;accent-color:var(--green)}@media(max-width:820px){.structure-toggle{min-height:44px}}