._topBar_10sap_1{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:var(--border-strong);background:linear-gradient(180deg, var(--color-panel) 0%, var(--color-panel-strong) 100%);box-shadow:var(--shadow-pixel);grid-template-columns:1.2fr 1fr auto;display:grid}._brand_10sap_12{align-items:center;gap:var(--space-3);min-width:0;display:flex}._brandBadge_10sap_19{border:var(--border-strong);background:var(--color-accent);min-width:56px;min-height:56px;color:var(--color-white);font-size:var(--font-size-lg);text-shadow:1px 1px 0 var(--color-shadow);justify-content:center;align-items:center;font-weight:700;display:inline-flex}._title_10sap_33{font-size:var(--font-size-xl);margin:0;line-height:1.1}._subtitle_10sap_39{color:var(--color-ink-soft);font-size:var(--font-size-sm);margin:4px 0 0}._status_10sap_45{min-height:44px;padding:0 var(--space-4);border:var(--border-soft);font-size:var(--font-size-sm);text-align:center;background:#fff8df8c;justify-content:center;align-items:center;display:flex}._statusIdle_10sap_57{color:var(--color-ink-soft)}._statussuccess_10sap_61{color:var(--color-accent-alt)}._statuserror_10sap_65{color:var(--color-danger)}._statusinfo_10sap_69{color:var(--color-ink)}._summary_10sap_73{justify-content:flex-end;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border:var(--border-soft);font-size:var(--font-size-sm);color:var(--color-ink-soft);background:#fff8df8c;font-weight:700;display:flex}._rail_1yycu_1{min-height:0;padding:var(--space-3);border:var(--border-strong);background:linear-gradient(180deg, var(--color-panel-strong) 0%, var(--color-panel-muted) 100%);box-shadow:var(--shadow-pixel);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden auto}._section_1yycu_14{gap:var(--space-2);flex-direction:column;display:flex}._toolButton_1yycu_20{border:var(--border-strong);background:var(--color-white);width:100%;height:48px;color:var(--color-ink);font-size:var(--font-size-lg);box-shadow:var(--shadow-pixel);font-weight:700}._toolButtonActive_1yycu_31{background:var(--color-accent);color:var(--color-white)}._toolButton_1yycu_20:active{box-shadow:var(--shadow-pressed);transform:translate(1px,1px)}._toolButton_1yycu_20:disabled{cursor:not-allowed;opacity:.45}._viewport_12i62_1{gap:var(--space-3);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}._statusBar_12i62_9{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-strong);background:var(--color-panel);box-shadow:var(--shadow-pixel);font-size:var(--font-size-sm);flex-wrap:wrap;font-weight:600;display:flex}._stage_12i62_23{min-width:0;min-height:0;padding:var(--space-4);border:var(--border-strong);box-shadow:var(--shadow-pixel);background:linear-gradient(#fff8dfbf,#d2c7a1c7),linear-gradient(45deg,#17170f0a 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#17170f0a 25%,#0000 25%) 0 0/16px 16px;overflow:hidden}._canvasScroller_12i62_37{place-items:center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}._canvas_12i62_37{border:var(--border-strong);cursor:crosshair;max-width:100%;max-height:100%;box-shadow:6px 6px #17170fa6}._legendPreview_12i62_54{gap:var(--space-2) var(--space-3);max-height:136px;padding:var(--space-3);border:var(--border-strong);box-shadow:var(--shadow-pixel);background:#fff8df8c;flex-wrap:wrap;display:flex;overflow:auto}._legendItem_12i62_66{align-items:center;gap:var(--space-2);border:var(--border-soft);min-height:32px;font-size:var(--font-size-sm);background:#fff8dfeb;padding:4px 8px;display:inline-flex}._legendIndex_12i62_77{font-family:monospace;font-weight:700}._legendHex_12i62_82{font-family:monospace}._legendSwatch_12i62_86{border:2px solid var(--color-shadow);flex:none;width:18px;height:18px}._legendLabel_12i62_93{color:var(--color-ink-soft)}._sidebar_8z870_1{gap:var(--space-3);flex-direction:column;min-height:0;display:flex;overflow:hidden auto}._panel_8z870_10{border:var(--border-strong);background:var(--color-panel);box-shadow:var(--shadow-pixel)}._panelHeader_8z870_16{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-strong);background:linear-gradient(180deg, var(--color-panel-strong), var(--color-panel-muted));display:flex}._panelHeader_8z870_16 h2{font-size:var(--font-size-lg);margin:0}._panelHeader_8z870_16 span{font-size:var(--font-size-xs);color:var(--color-ink-soft);font-weight:700}._panelBody_8z870_37{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}._buttonGroup_8z870_44,._buttonGroupVertical_8z870_45{gap:var(--space-2);display:flex}._buttonGroupVertical_8z870_45{flex-direction:column}._button_8z870_44,._buttonPrimary_8z870_55,._presetButton_8z870_56{border:var(--border-strong);background:var(--color-white);color:var(--color-ink);font-size:var(--font-size-sm);box-shadow:var(--shadow-pixel);padding:10px 12px;font-weight:600}._buttonPrimary_8z870_55,._presetButtonActive_8z870_67{background:var(--color-accent);color:var(--color-white)}._button_8z870_44:active,._buttonPrimary_8z870_55:active,._presetButton_8z870_56:active{box-shadow:var(--shadow-pressed);transform:translate(1px,1px)}._button_8z870_44:disabled,._buttonPrimary_8z870_55:disabled{opacity:.5;cursor:not-allowed}._imageCard_8z870_85{gap:var(--space-3);padding:var(--space-2);border:var(--border-soft);background:#fff8df73;grid-template-columns:84px minmax(0,1fr);align-items:start;display:grid}._imageCard_8z870_85 img{object-fit:cover;border:var(--border-strong);width:84px;height:84px}._imageCard_8z870_85 strong{font-size:var(--font-size-sm);display:block}._imageCard_8z870_85 p{margin:var(--space-2) 0 0;color:var(--color-ink-soft);font-size:var(--font-size-xs)}._field_8z870_113{gap:var(--space-2);flex-direction:column;display:flex}._field_8z870_113 span{font-size:var(--font-size-sm);font-weight:700}._field_8z870_113 input,._field_8z870_113 select{border:var(--border-strong);background:var(--color-white);width:100%;min-height:42px;padding:8px 10px}._field_8z870_113 input[type=color]{min-height:46px;padding:4px}._checkbox_8z870_138{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;min-height:28px;font-weight:700;display:flex}._checkbox_8z870_138 input[type=checkbox]{appearance:none;border:var(--border-strong);background:var(--color-white);width:20px;height:20px;box-shadow:var(--shadow-pixel);flex:none;margin:0;position:relative}._checkbox_8z870_138 input[type=checkbox]:hover{background:#f7efcf}._checkbox_8z870_138 input[type=checkbox]:focus-visible{outline-offset:2px;outline:3px solid #c84c0c73}._checkbox_8z870_138 input[type=checkbox]:checked{background:var(--color-accent)}._checkbox_8z870_138 input[type=checkbox]:checked:after{content:"";border-right:3px solid var(--color-white);border-bottom:3px solid var(--color-white);width:4px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}._checkbox_8z870_138 input[type=checkbox]:active{box-shadow:var(--shadow-pressed);transform:translate(1px,1px)}._row_8z870_191{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._presetGrid_8z870_197{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._baseColorGrid_8z870_203{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}._exportGrid_8z870_209{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}._colorPreset_8z870_215{aspect-ratio:1;border:var(--border-strong);width:100%;box-shadow:var(--shadow-pixel)}._colorPresetActive_8z870_222{outline:3px solid var(--color-accent);outline-offset:1px}._presetButton_8z870_56{width:100%}._paletteGrid_8z870_231{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}._colorSwatch_8z870_237{aspect-ratio:1;border:var(--border-strong);width:100%;box-shadow:var(--shadow-pixel)}._colorSwatchActive_8z870_244{outline:3px solid var(--color-accent);outline-offset:1px}._colorSwatchBase_8z870_249{position:relative}._colorSwatchBase_8z870_249:after{content:"底";border:1px solid var(--color-shadow);min-width:16px;min-height:16px;color:var(--color-ink);background:#fff8dfeb;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:2px;right:2px}._hint_8z870_270{color:var(--color-ink-soft);font-size:var(--font-size-sm);margin:0}._exportInfo_8z870_276{gap:var(--space-1);padding:var(--space-3);border:var(--border-soft);font-size:var(--font-size-sm);background:#fff8df73;flex-direction:column;font-weight:600;display:flex}._exportToggles_8z870_287{gap:var(--space-2);padding:var(--space-3);border:var(--border-soft);background:#fff8df73;flex-direction:column;display:flex}._page_1ngyl_1{height:100vh;position:relative;overflow:hidden}._shell_1ngyl_7{gap:var(--space-4);height:100%;min-height:0;padding:var(--space-5);grid-template-rows:auto minmax(0,1fr);display:grid}._workspace_1ngyl_16{gap:var(--space-4);grid-template-columns:64px minmax(0,1fr) 320px;height:100%;min-height:0;display:grid;overflow:hidden}._hiddenInput_1ngyl_25{display:none}._dropOverlay_1ngyl_29{inset:var(--space-4);z-index:20;border:4px dashed var(--color-accent);color:var(--color-shadow);pointer-events:none;background:#e9e2c7f0;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 9999px #17170f38}._dropOverlayInner_1ngyl_42{padding:var(--space-6);border:var(--border-strong);background:var(--color-white);box-shadow:var(--shadow-pixel);text-align:center}._dropOverlayInner_1ngyl_42 h2{margin:0 0 var(--space-3);font-size:var(--font-size-xl)}._dropOverlayInner_1ngyl_42 p{font-size:var(--font-size-md);color:var(--color-ink-soft);margin:0}:root{color:#2b2b1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg:#e9e2c7;--color-bg-alt:#d2c7a1;--color-panel:#efe6c8;--color-panel-strong:#d7c68a;--color-panel-muted:#cbbb8b;--color-ink:#2b2b1f;--color-ink-soft:#5e5a43;--color-accent:#c84c0c;--color-accent-strong:#9b3700;--color-accent-alt:#2e6f57;--color-warning:#e0a72f;--color-danger:#a13d2d;--color-white:#fff8df;--color-shadow:#17170f;--color-grid:#2b2b1f29;--color-checker-a:#f4eed7;--color-checker-b:#ddcf9b;--font-size-xxl:32px;--font-size-xl:24px;--font-size-lg:20px;--font-size-md:16px;--font-size-sm:14px;--font-size-xs:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--border-strong:2px solid var(--color-shadow);--border-soft:2px solid var(--color-ink-soft);--shadow-pixel:0 2px 0 0 var(--color-shadow), 2px 0 0 0 var(--color-shadow);--shadow-pressed:0 1px 0 0 var(--color-shadow), 1px 0 0 0 var(--color-shadow);background:radial-gradient(circle at top,#fff8dfe0,#0000 36%),linear-gradient(#e9e2c7 0%,#d8cca7 100%);font-family:Trebuchet MS,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit}body:before{content:"";pointer-events:none;opacity:.4;background-image:linear-gradient(#17170f08 1px,#0000 1px),linear-gradient(90deg,#17170f08 1px,#0000 1px);background-size:18px 18px;position:fixed;inset:0}