/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#20201e;--muted:#77746d;--line:#e9e6df;--soft:#f7f6f2;--yellow:#ffd643;--yellow-dark:#f1c300}*{box-sizing:border-box}html{background:#f4f3ef}body{color:var(--ink);background:#f4f3ef;margin:0;font-family:Inter,PingFang SC,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;align-items:center;gap:14px;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.brand-mark{background:var(--yellow);border-radius:11px;grid-template-columns:repeat(2,1fr);gap:3px;width:38px;height:38px;padding:7px;display:grid;box-shadow:inset 0 -2px #00000014}.brand-mark span,.brand-mark i{background:#222;border-radius:50%;box-shadow:inset 0 0 0 3px #fff3}.brand-mark i{display:block}.brand-copy{align-items:baseline;gap:10px;display:flex}.brand-copy strong{letter-spacing:-.5px;font-size:19px}.brand-copy span,.brand-copy small{color:#96928a;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.brand-home{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.topbar-nav{background:#f1efe9;border-radius:9px;gap:4px;margin-left:12px;padding:4px;display:flex}.topbar-nav a{color:#716d65;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:700;text-decoration:none}.topbar-nav a.active{color:#25241f;background:#fff;box-shadow:0 1px 3px #00000014}.topbar-note{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.status-dot{background:#55a873;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7f4eb}.ghost-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:9px 14px;font-size:12px}.ghost-button:disabled{opacity:.4;cursor:default}.workspace{grid-template-columns:260px minmax(420px,1fr) 290px;min-height:calc(100vh - 72px);display:grid}.panel{background:#fff;padding:24px 20px}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-heading,.bom-title{align-items:center;gap:10px;margin-bottom:21px;display:flex}.panel-heading>span,.bom-title>span{color:#fff;background:#272724;border-radius:7px;place-items:center;min-width:26px;height:26px;font:700 10px ui-monospace,monospace;display:grid}.panel-heading h2,.bom-title h2{letter-spacing:-.15px;margin:0 0 3px;font-size:15px}.panel-heading p,.bom-title p{color:#9a968e;margin:0;font-size:11px}.create-mode-tabs{background:#f0eee8;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.create-mode-tabs button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-width:0;padding:8px 6px}.create-mode-tabs button.active{background:#fff;border-color:#dedad0;box-shadow:0 1px 4px #0000000f}.create-mode-tabs strong,.create-mode-tabs small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.create-mode-tabs strong{font-size:10px}.create-mode-tabs small{color:#9a968e;margin-top:3px;font-size:8px}.upload-zone{cursor:pointer;background:#faf9f6;border:1.5px dashed #d8d4ca;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:158px;padding:10px;transition:all .2s;display:flex;overflow:hidden}.upload-zone:hover,.upload-zone.dragging{background:#fffbee;border-color:#d3ad00;transform:translateY(-1px)}.upload-zone img{object-fit:contain;image-rendering:auto;border-radius:9px;width:100%;height:138px}.source-thumbnail-card{background:#faf9f6;border:1px solid #ded9cf;border-radius:13px;padding:9px}.source-thumbnail-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.source-thumbnail-heading strong{font-size:9px}.source-thumbnail-heading button{color:#735f00;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px;font-weight:700}.source-thumbnail-image{touch-action:none;background:#ece9e1;border-radius:8px;width:fit-content;max-width:100%;margin:auto;line-height:0;position:relative;overflow:hidden}.source-thumbnail-image img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:100%;height:auto;max-height:138px;display:block}.source-magnifier-lens{cursor:move;touch-action:none;background:#ffdf481f;border:2px solid #f4c400;position:absolute;box-shadow:0 0 0 1px #1f1d18a6,inset 0 0 0 1px #fffc}.upload-icon{color:#715d00;background:#fff1a8;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.upload-zone strong{font-size:13px}.upload-zone small{color:#9a968e;font-size:10px}.file-row{color:var(--muted);align-items:center;gap:8px;padding:9px 2px 0;font-size:10px;display:flex}.file-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-row button,.text-button,.filter-header button{color:#745f00;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:650}.text-button{width:100%;padding:12px}.control-block{margin:22px 0 20px}.control-block label{justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:650;display:flex}.control-block label span{color:#7c6600;background:#fff5c5;border-radius:5px;padding:2px 7px;font:700 10px ui-monospace,monospace}.control-block input{accent-color:#222;width:100%}.range-labels{color:#a4a098;justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.repair-hint{background:#f8f7f3;border:1px solid #e8e4da;border-radius:10px;margin:18px 0 20px;padding:12px}.repair-hint strong,.repair-hint span{display:block}.repair-hint strong{margin-bottom:5px;font-size:11px}.repair-hint span{color:#8e8a82;font-size:9px;line-height:1.55}.repair-settings{margin:18px 0 20px}.repair-step-card{background:#faf9f6;border:1px solid #e2ded5;border-radius:10px;gap:5px;padding:11px;display:grid}.repair-step-card strong{font-size:10px}.repair-step-card span{color:#8d8981;font-size:8px;line-height:1.5}.repair-step-card button{color:#756100;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:8px;font-weight:700}.repair-settings .repair-hint{margin:10px 0 0}.repair-grid-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:11px;display:grid}.repair-grid-tabs button{text-align:left;cursor:pointer;background:#faf9f6;border:1px solid #dfdbd1;border-radius:8px;min-width:0;padding:8px 7px}.repair-grid-tabs button.active{background:#fff8d7;border-color:#c8a900;box-shadow:inset 0 0 0 1px #ead563}.repair-grid-tabs strong,.repair-grid-tabs span{display:block}.repair-grid-tabs strong{font-size:9px}.repair-grid-tabs span{color:#928e86;margin-top:3px;font-size:7px;line-height:1.3}.size-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.size-inputs label{color:#77736b;font-size:9px;display:block}.size-inputs input{color:#222;background:#fff;border:1px solid #dcd8ce;border-radius:8px;outline:none;width:100%;margin-top:5px;padding:8px;font:700 12px ui-monospace,monospace}.size-inputs input:focus{border-color:#b99700;box-shadow:0 0 0 3px #fff4bd}.ocr-count-panel{background:#fff;border:1px solid #e1ddd4;border-radius:9px;margin-top:11px;padding:9px}.ocr-count-panel.confirmed{background:#f7fcf8;border-color:#b8d9c2}.ocr-count-heading{justify-content:space-between;align-items:center;gap:7px;display:flex}.ocr-count-heading strong,.ocr-count-heading small{display:block}.ocr-count-heading strong{font-size:9px}.ocr-count-heading small{color:#928d85;margin-top:3px;font-size:7px}.ocr-count-heading>button,.ocr-fallback button{color:#796400;cursor:pointer;background:0 0;border:0;font-size:7px;font-weight:700}.ocr-progress{background:#eeece6;border-radius:6px;height:18px;margin-top:8px;position:relative;overflow:hidden}.ocr-progress i{background:#ffd643;transition:width .2s;position:absolute;inset:0 auto 0 0}.ocr-progress span{z-index:1;text-align:center;font:700 7px ui-monospace,monospace;display:block;position:relative}.detected-count-list{max-height:150px;margin-top:8px;overflow-y:auto}.detected-count-list>div{border-bottom:1px solid #f1efe9;grid-template-columns:1fr 64px 17px 18px;align-items:center;gap:4px;padding:3px 0;display:grid}.detected-count-list select,.detected-count-list input{background:#fff;border:1px solid #dedad1;border-radius:5px;width:100%;min-width:0;padding:5px 4px;font:700 8px ui-monospace,monospace}.detected-count-list span{color:#847000;text-align:center;font-size:8px;font-weight:800}.detected-count-list button{color:#a39e95;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.detected-summary{color:#5a7561;background:#f2f7f3;border-radius:6px;align-items:center;gap:6px;margin-top:7px;padding:6px;font-size:7px;display:flex}.detected-summary strong{color:#347249}.detected-summary em{color:#8d8981;margin-left:auto;font:600 7px ui-monospace,monospace}.detected-summary.invalid{color:#b23c31;background:#fff0ed}.ocr-count-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;display:grid}.ocr-count-actions button{cursor:pointer;background:#fff;border:1px solid #dcd8ce;border-radius:6px;padding:6px 4px;font-size:7px;font-weight:700}.ocr-count-actions button.confirm{color:#fff;background:#2c2b27;border-color:#2c2b27}.ocr-count-actions button:disabled{opacity:.42;cursor:default}.ocr-fallback{color:#a25838;background:#fff4ef;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;margin-top:7px;padding:6px;font-size:7px;display:flex}.empty-template-control{background:#faf9f6;border:1px solid #e1ddd4;border-radius:9px;margin-top:11px;padding:9px}.empty-template-control>div:first-child{align-items:center;gap:8px;display:flex}.empty-template-control img,.empty-template-icon{object-fit:cover;background:#fff;border:1px solid #d7d3ca;border-radius:7px;flex:none;width:34px;height:34px}.empty-template-icon{color:#9a958d;place-items:center;font-size:9px;display:grid}.empty-template-control strong,.empty-template-control small{display:block}.empty-template-control strong{font-size:9px}.empty-template-control small{color:#918c84;text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-top:3px;font-size:7px;overflow:hidden}.empty-template-actions{gap:5px;margin-top:7px;display:flex}.empty-template-actions button{cursor:pointer;color:#5d5952;background:#fff;border:1px solid #dad6cd;border-radius:6px;flex:1;padding:5px;font-size:8px}.empty-threshold{margin-top:8px;display:block}.empty-threshold span{color:#77736b;margin-bottom:3px;font-size:8px;display:block}.empty-threshold input{accent-color:#a88e00;width:100%}.target-counts-input{color:#77736b;margin-top:11px;font-size:9px;display:block}.target-counts-input>span{margin-bottom:5px;display:block}.target-counts-input textarea{resize:vertical;color:#222;background:#fff;border:1px solid #dcd8ce;border-radius:8px;outline:none;width:100%;min-height:70px;padding:8px;font:650 10px/1.45 ui-monospace,monospace}.target-counts-input textarea:focus{border-color:#b99700;box-shadow:0 0 0 3px #fff4bd}.target-counts-input small{color:#928e86;margin-top:4px;font-size:8px;line-height:1.4;display:block}.target-counts-input small.invalid{color:#b23c31}.primary-button{background:var(--yellow);color:#29230a;cursor:pointer;width:100%;min-height:44px;box-shadow:0 3px 0 var(--yellow-dark);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:760;display:flex}.primary-button:hover{background:#ffdf5f}.primary-button:active{box-shadow:0 1px 0 var(--yellow-dark);transform:translateY(2px)}.primary-button:disabled{cursor:wait;opacity:.75}.spinner{border:2px solid #0000002e;border-top-color:#222;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.error-message{color:#b23c31;background:#fff0ed;border-radius:7px;padding:8px;font-size:10px}.tool-toggles{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.tool-toggles button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:9px;font-size:11px}.tool-toggles button span{color:#8d887f;margin-right:6px}.tool-toggles button.active{background:#fffbed;border-color:#dbc34a}.tool-toggles button:disabled{opacity:.35;cursor:default}.saved-pattern-card{background:#fff;border:1px solid #dcd8ce;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;display:flex}.saved-pattern-card strong,.saved-pattern-card span{display:block}.saved-pattern-card strong{font-size:9px}.saved-pattern-card span{color:#969188;margin-top:2px;font-size:7px}.saved-pattern-card button{color:#fff;cursor:pointer;background:#292927;border:0;border-radius:6px;flex:none;padding:6px 9px;font-size:8px;font-weight:700}.save-status{color:#65806a;margin:6px 1px 0;font-size:8px;line-height:1.45}.center-stage{background:#f4f3ef;flex-direction:column;min-width:0;display:flex}.stage-toolbar{border-bottom:1px solid #e3e0d8;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:10px 20px;display:flex}.stage-toolbar>div{background:#e9e7e0;border-radius:9px;padding:3px;display:flex}.stage-toolbar button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 14px;font-size:11px}.stage-toolbar button.active{background:#fff;font-weight:700;box-shadow:0 1px 3px #0000001a}.stage-toolbar button:disabled{opacity:.4;cursor:default}.stage-toolbar .download-button{color:#fff;background:#292927;font-weight:650}.stage-toolbar .download-button:disabled{background:#d0cec8}.stage-toolbar .stage-file-actions{background:0 0;gap:4px}.stage-toolbar .save-pattern-button{color:#383630;background:#fff;border:1px solid #d8d4ca;font-weight:700}.stage-toolbar .viewer-controls{background:#fff;border:1px solid #dedbd3;align-items:center;gap:2px;margin-left:auto}.viewer-controls span{text-align:center;color:#77736b;min-width:42px;font:650 9px ui-monospace,monospace}.stage-toolbar .viewer-controls button{padding:5px 8px;font-size:13px;line-height:1}.stage-toolbar .viewer-controls .fit-button{border-left:1px solid #e1ded6;border-radius:0 5px 5px 0;margin-left:3px;padding:6px 8px;font-size:9px;font-weight:650}.review-stage-banner{background:#fff8d8;border-bottom:1px solid #e2c95c;align-items:center;gap:14px;min-height:52px;padding:8px 20px;display:flex}.review-stage-banner div{flex:1;min-width:0}.review-stage-banner strong,.review-stage-banner span{display:block}.review-stage-banner strong{font-size:11px}.review-stage-banner span{color:#7f7350;margin-top:3px;font-size:8px}.review-stage-banner button{color:#fff;cursor:pointer;background:#2c2b27;border:0;border-radius:8px;flex:none;padding:8px 12px;font-size:9px;font-weight:700}.review-stage-banner button:disabled{cursor:not-allowed;background:#c7c2b7}.pattern-edit-bar{background:#f8f7f3;border-bottom:1px solid #e3e0d8;align-items:center;gap:7px;min-height:44px;padding:7px 20px;display:flex;position:relative}.pattern-edit-bar strong{margin-right:3px;font-size:10px}.pattern-edit-bar button{cursor:pointer;background:#fff;border:1px solid #dedbd3;border-radius:7px;padding:6px 9px;font-size:9px}.pattern-edit-bar button.active{background:#fff7cc;border-color:#d1b523;font-weight:700}.pattern-edit-bar button:disabled{opacity:.38;cursor:default}.brush-color-picker{background:#fff;border:1px solid #dedbd3;border-radius:7px;align-items:center;gap:5px;min-height:29px;padding:3px 6px;display:flex}.brush-color-picker i{border:1px solid #0000002e;border-radius:4px;flex:none;width:16px;height:16px}.brush-color-picker i.empty,.palette-picker .empty-option i,.color-list .empty-color .color-dot{background-color:#f1efe9;background-image:linear-gradient(45deg,#0000 44%,#a9a49a 45% 55%,#0000 56%),linear-gradient(-45deg,#0000 44%,#a9a49a 45% 55%,#0000 56%)}.brush-color-picker select{cursor:pointer;background:0 0;border:0;outline:0;max-width:72px;font:700 9px ui-monospace,monospace}.brush-color-picker b{font:800 9px ui-monospace,monospace}.brush-color-picker small{color:#99958d;font-size:6px}.edit-palette-popover{z-index:30;background:#fff;border:1px solid #d8d3c8;border-radius:11px;width:min(430px,100vw - 40px);padding:8px;position:absolute;top:calc(100% + 6px);left:250px;box-shadow:0 18px 50px #201d1638}.pattern-edit-bar .undo-button{border-color:#d8d4ca;font-weight:700}.pattern-edit-bar span{color:#8c887f;margin-left:auto;font-size:9px}.pattern-crop-bar{background:#fff8d5;border-bottom:1px solid #d2bb45;align-items:center;gap:7px;min-height:48px;padding:7px 20px;display:flex}.pattern-crop-bar>div{flex:1;min-width:0}.pattern-crop-bar strong,.pattern-crop-bar span{display:block}.pattern-crop-bar strong{font-size:10px}.pattern-crop-bar span{color:#7f7350;margin-top:3px;font-size:8px}.pattern-crop-bar button{cursor:pointer;background:#fff;border:1px solid #d7c35e;border-radius:7px;padding:7px 10px;font-size:8px;font-weight:700}.pattern-crop-bar button:last-child{color:#fff;background:#292927;border-color:#292927}.color-preview-bar{background:#eaf7fb;border-bottom:1px solid #81b7ca;align-items:center;gap:8px;min-height:54px;padding:8px 20px;display:flex;box-shadow:inset 4px 0 #2797c5}.color-preview-bar>div{flex:1;min-width:0}.color-preview-bar strong,.color-preview-bar span{display:block}.color-preview-bar strong{font-size:10px}.color-preview-bar span{color:#547784;margin-top:3px;font-size:8px;line-height:1.35}.color-preview-bar>i{color:#4d7b8c;background:#fff;border-radius:20px;flex:none;padding:4px 7px;font-size:7px;font-style:normal;font-weight:700}.color-preview-bar>button{cursor:pointer;background:#fff;border:1px solid #a9cbd7;border-radius:7px;flex:none;padding:7px 10px;font-size:8px;font-weight:700}.color-preview-bar>button:last-child{color:#fff;background:#1d718e;border-color:#1d718e}.canvas-stage{background-color:#eae8e1;background-image:linear-gradient(45deg,#e5e3dc 25%,#0000 25%),linear-gradient(-45deg,#e5e3dc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e3dc 75%),linear-gradient(-45deg,#0000 75%,#e5e3dc 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1px solid #e2dfd6;border-radius:16px;flex:1;place-items:center;min-height:560px;margin:22px;display:grid;position:relative;overflow:hidden}.source-magnifier-window{z-index:18;background:#fff;border:1px solid #cec8bb;border-radius:12px;width:286px;position:absolute;overflow:hidden;box-shadow:0 15px 45px #1e1b1540}.source-magnifier-window-heading{cursor:move;touch-action:none;background:#faf9f6;border-bottom:1px solid #e6e2d9;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;height:32px;padding:0 9px;display:grid}.source-magnifier-window-heading strong{font-size:9px}.source-magnifier-window-heading span{color:#99958d;font-size:7px}.source-magnifier-window-heading button{cursor:pointer;background:0 0;border:0;font-size:16px}.source-magnifier-window>canvas{object-fit:contain;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:198px;display:block}.source-magnifier-window>canvas:active{cursor:grabbing}.source-magnifier-controls{background:#faf9f6;border-top:1px solid #e6e2d9;justify-content:center;align-items:center;gap:6px;height:34px;display:flex}.source-magnifier-controls button{cursor:pointer;background:#fff;border:1px solid #dcd7cc;border-radius:6px;min-width:27px;height:24px;padding:0 7px;font-size:9px}.source-magnifier-controls span{text-align:center;min-width:38px;font:700 8px ui-monospace,monospace}.canvas-scroll{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:560px;max-height:calc(100vh - 190px);position:relative;overflow:hidden}.canvas-scroll.is-panning{cursor:grabbing}.canvas-scroll.edit-brush{cursor:cell}.canvas-scroll.edit-region{cursor:crosshair}.canvas-scroll.edit-eyedropper{cursor:copy}.canvas-scroll.edit-crop{cursor:crosshair}.canvas-scroll canvas{transform-origin:50%;max-width:none;image-rendering:pixelated;will-change:transform;background:#fff;border-radius:2px;display:block;position:absolute;top:50%;left:50%;box-shadow:0 12px 40px #2c281e21}.empty-state{text-align:center;background:#ffffffe0;border:1px solid #e1ded5;border-radius:18px;max-width:410px;padding:35px;box-shadow:0 18px 60px #2e2a2014}.empty-state h1{letter-spacing:-.7px;margin:20px 0 9px;font-size:23px;line-height:1.3}.empty-state p{color:var(--muted);margin:0 auto 20px;font-size:12px;line-height:1.7}.empty-state button{color:#fff;cursor:pointer;background:#272724;border:0;border-radius:9px;padding:10px 18px;font-size:12px}.mini-pattern{grid-template-columns:repeat(6,1fr);gap:2px;width:96px;height:96px;margin:auto;display:grid;transform:rotate(-4deg)}.mini-pattern i{background:#fff;border:1px solid #dedbd3;border-radius:3px}.mini-pattern i:nth-child(6n+2),.mini-pattern i:nth-child(6n+5){background:#ffd643}.mini-pattern i:nth-child(13),.mini-pattern i:nth-child(16),.mini-pattern i:nth-child(21),.mini-pattern i:nth-child(22){background:#e95b4f}.processing-card{text-align:center;background:#fffffff0;border-radius:15px;padding:30px 42px;box-shadow:0 16px 50px #0000001a}.processing-card strong{margin:15px 0 5px;font-size:14px;display:block}.processing-card p{color:var(--muted);margin:0;font-size:10px}.processing-orbit{border:5px dotted #e4bc0b;border-radius:50%;width:44px;height:44px;margin:auto;animation:1.1s linear infinite spin;display:block}.gallery-save-dialog{z-index:40;background:#fff;border:1px solid #d9d4ca;border-radius:14px;width:min(360px,100% - 28px);padding:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #231f1747}.gallery-save-dialog>div:first-child strong,.gallery-save-dialog>div:first-child span{display:block}.gallery-save-dialog>div:first-child strong{font-size:13px}.gallery-save-dialog>div:first-child span{color:#8b877f;margin-top:5px;font-size:9px;line-height:1.5}.gallery-save-dialog label{color:#6f6b63;margin-top:14px;font-size:9px;font-weight:700;display:block}.gallery-save-dialog input{border:1px solid #d9d5cb;border-radius:8px;outline:0;width:100%;margin-top:6px;padding:10px;font-size:11px}.gallery-save-dialog input:focus{border-color:#b99700;box-shadow:0 0 0 3px #fff2a8}.gallery-save-dialog>div:last-child{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.gallery-save-dialog>div:last-child button{cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:8px;padding:9px;font-size:9px;font-weight:700}.gallery-save-dialog>div:last-child button:last-child{color:#fff;background:#292927;border-color:#292927}.gallery-save-dialog button:disabled{opacity:.45;cursor:wait}.crop-workspace{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:560px;padding:44px;display:flex;overflow:hidden}.reference-workspace{flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;width:100%;height:100%;min-height:560px;max-height:calc(100vh - 190px);padding:24px;display:flex;overflow-y:auto}.reference-step-heading{justify-content:space-between;align-items:baseline;gap:12px;width:min(760px,100%);display:flex}.reference-step-heading strong{font-size:13px}.reference-step-heading span{color:#7f7b73;font-size:9px}.reference-image-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#e9e7e0;background-image:linear-gradient(45deg,#e3e1da 25%,#0000 25%),linear-gradient(-45deg,#e3e1da 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e1da 75%),linear-gradient(-45deg,#0000 75%,#e3e1da 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1px solid #d8d4ca;border-radius:10px;flex:none;width:min(760px,100%);height:380px;position:relative;overflow:hidden}.reference-image-viewport:active{cursor:grabbing}.reference-image-viewport.color-pick-mode{cursor:crosshair}.reference-image-viewport.color-pick-mode .reference-selection{pointer-events:none;opacity:.22;box-shadow:none}.reference-image-layer{transform-origin:50%;will-change:transform;background:#fff;width:fit-content;height:fit-content;line-height:0;position:absolute;top:50%;left:50%;box-shadow:0 12px 42px #24211b33}.reference-image-layer>canvas{object-fit:contain;image-rendering:auto;width:auto;max-width:none;height:auto;max-height:none;display:block}.reference-image-layer.is-dragging .reference-selection{cursor:grabbing}.step-one-eyedropper-overlay{z-index:5;cursor:crosshair;touch-action:none;position:absolute;inset:0}.step-one-eyedropper-overlay>i{pointer-events:none;background:0 0;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #24231f,0 2px 8px #00000059}.step-one-eyedropper-overlay>i:before,.step-one-eyedropper-overlay>i:after{content:"";background:#24231f;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-one-eyedropper-overlay>i:before{width:5px;height:1px}.step-one-eyedropper-overlay>i:after{width:1px;height:5px}.reference-selection{z-index:2;cursor:move;touch-action:none;background:#ffde4314;border:1px solid #d0a900;position:absolute;box-shadow:0 0 0 9999px #1e1d1a47}.reference-handle{background:#fff;border:1.5px solid #d0a900;border-radius:50%;width:9px;height:9px;padding:0;position:absolute}.reference-handle.n,.reference-handle.s{cursor:ns-resize;left:50%;transform:translate(-50%)}.reference-handle.e,.reference-handle.w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.reference-handle.n{top:-5px}.reference-handle.s{bottom:-5px}.reference-handle.e{right:-5px}.reference-handle.w{left:-5px}.reference-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.reference-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.reference-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.reference-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.reference-preview-block{width:min(760px,100%)}.reference-preview-block>span{color:#716d65;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.reference-preview-window{background:#fff;border:1px solid #dcd8ce;border-radius:9px;height:76px;position:relative;overflow:hidden}.reference-preview-window img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.reference-preview-window canvas{object-fit:contain;width:100%;height:100%;display:block}.step-one-image-tools{align-items:center;gap:6px;width:min(760px,100%);display:flex}.step-one-image-tools button{color:#514e47;cursor:pointer;background:#fff;border:1px solid #ddd8cc;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:700}.step-one-image-tools button.active{color:#5f4c00;background:#fff6c7;border-color:#b99800}.step-one-image-tools span{color:#827e75;margin-left:auto;font-size:8px}.sampled-color-result{background:#fffffff7;border:1px solid #dcd7ca;border-radius:10px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px;width:min(760px,100%);padding:10px 12px;display:grid}.sampled-color-result>div{align-items:center;gap:8px;min-width:0;display:flex}.sampled-color-result i{border:1px solid #00000029;border-radius:7px;flex:none;width:32px;height:32px}.sampled-color-result span{flex-direction:column;min-width:0;line-height:1.2;display:flex}.sampled-color-result small{color:#8e8a81;font-size:7px}.sampled-color-result strong{margin-top:2px;font:800 11px ui-monospace,monospace}.sampled-color-result em{color:#817d75;margin-top:2px;font-size:7px;font-style:normal}.sampled-color-result>b{color:#99948a}.sampled-color-result>button{color:#fff;cursor:pointer;white-space:nowrap;background:#272724;border:0;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:700}.crop-image-wrap{touch-action:none;border-radius:3px;width:fit-content;max-width:100%;max-height:calc(100vh - 280px);line-height:0;display:inline-block;position:relative;overflow:visible;box-shadow:0 12px 42px #24211b33}.crop-image-wrap img{-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 280px);display:block}.expanded-grid-preview{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.expanded-grid-preview i{background:#000;display:block;position:absolute}.expanded-grid-preview i.vertical{width:1px;top:0;bottom:0}.expanded-grid-preview i.horizontal{height:1px;left:0;right:0}.crop-selection{z-index:2;cursor:move;touch-action:none;background-image:linear-gradient(90deg,#000 1px,#0000 1px),linear-gradient(#000 1px,#0000 1px);background-position:-1px -1px;border:1px solid #d3aa00;position:absolute}.crop-selection.secondary{border-color:#357da8}.crop-selection.active{z-index:3;box-shadow:0 0 0 1px #ffffffbf}.crop-image-wrap.is-cropping .crop-selection{cursor:grabbing}.crop-handle{background:#ffffff29;border:2px solid #d3aa00;border-radius:50%;width:13px;height:13px;padding:0;position:absolute;box-shadow:0 0 0 1px #ffffffe6}.crop-selection.secondary .crop-handle{border-color:#357da8}.crop-handle.n,.crop-handle.s{cursor:ns-resize;border-width:2px;border-radius:7px;width:30px;height:11px;left:50%;transform:translate(-50%)}.crop-handle.n{top:-7px}.crop-handle.s{bottom:-7px}.crop-handle.e,.crop-handle.w{cursor:ew-resize;border-width:2px;border-radius:7px;width:11px;height:30px;top:50%;transform:translateY(-50%)}.crop-handle.e{right:-7px}.crop-handle.w{left:-7px}.crop-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.crop-handle.ne{cursor:nesw-resize;top:-7px;right:-7px}.crop-handle.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.crop-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.sample-controls{align-items:center;gap:5px;margin-top:12px;display:flex}.sample-controls button{cursor:pointer;background:#fff;border:1px solid #d9d5cb;border-radius:7px;width:30px;height:27px;padding:0;font-weight:800}.sample-controls button.active{background:#fff5c5;border-color:#b99700}.stage-caption{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:0 22px 18px;display:flex}.stage-caption span{color:#716d65;background:#ffffffb3;border:1px solid #dfdcd3;border-radius:20px;padding:5px 10px;font-size:9px}.stage-caption span.review-chip{color:#995d00;background:#fff4df;border-color:#e3a13c;font-weight:700}.stage-caption span.confidence-chip{color:#347249;background:#effaf2;border-color:#abd7ba;font-weight:700}.color-editor-card{z-index:12;background:#fffffffa;border:1px solid #d8d4ca;border-radius:15px;flex-direction:column;width:min(430px,100% - 28px);max-height:calc(100% - 28px);padding:16px;display:flex;position:absolute;box-shadow:0 22px 70px #1a18123d}.color-editor-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.color-editor-heading strong,.color-editor-heading span{display:block}.color-editor-heading strong{font-size:13px}.color-editor-heading span{color:#89857d;margin-top:4px;font-size:9px}.color-editor-heading>button{cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.confidence-detail{color:#8b5a12;background:#fff4df;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:9px;display:flex}.confidence-detail b{background:#fff;border-radius:5px;padding:3px 6px}.palette-search{border:1px solid #dcd8ce;border-radius:8px;outline:none;width:100%;margin:12px 0 8px;padding:9px 10px;font-size:10px}.palette-search:focus{border-color:#b99700;box-shadow:0 0 0 3px #fff4bd}.palette-picker{grid-template-columns:repeat(5,1fr);gap:5px;min-height:120px;max-height:250px;padding:2px;display:grid;overflow-y:auto}.palette-picker button{cursor:pointer;background:#fff;border:1px solid #e2dfd6;border-radius:7px;align-items:center;gap:5px;min-width:0;padding:6px;font:700 9px ui-monospace,monospace;display:flex}.palette-picker button.selected{background:#fff7cc;border-color:#b99700;box-shadow:0 0 0 2px #f7df69}.palette-picker i{border:1px solid #00000024;border-radius:4px;flex:none;width:15px;height:15px}.palette-picker .empty-option{grid-column:span 2}.color-editor-actions{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.color-editor-actions button{cursor:pointer;border:0;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700}.color-editor-actions .recalculate-button{background:#efede7}.color-editor-actions .apply-color-button{background:#ffd643}.inspector-actions{grid-column:1/-1;grid-template-columns:30px 30px 1fr auto auto;gap:5px;display:grid}.inspector-actions button{cursor:pointer;background:#fff;border:1px solid #d9cfc4;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:700}.inspector-actions button:nth-child(3){color:#fff;background:#f28b30;border-color:#df8029}.inspector-actions button:disabled{opacity:.35;cursor:default}.filter-header{color:#8f8b83;border-bottom:1px solid var(--line);justify-content:space-between;min-height:28px;font-size:10px;display:flex}.color-list{max-height:calc(100vh - 260px);margin:6px -8px 0;padding:0 6px;overflow-y:auto}.color-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f1efe9;border-radius:8px;grid-template-columns:28px 1fr auto 17px;align-items:center;gap:8px;width:100%;padding:10px 6px;transition:all .15s;display:grid}.color-list>button:hover{background:#f8f7f3}.color-list>button:disabled{cursor:default}.color-list>button.selected{background:#fff9dc;box-shadow:inset 0 0 0 1px #edd76b}.color-list>button.muted{opacity:.4}.color-dot{border:1px solid #00000021;border-radius:50%;width:25px;height:25px;box-shadow:inset 0 0 0 3px #ffffff47}.color-meta{flex-direction:column;min-width:0;display:flex}.color-meta strong{font:700 11px ui-monospace,monospace}.color-meta small{color:#928f88;margin-top:2px;font-size:9px}.color-list b{white-space:nowrap;font-size:12px}.color-list b small{color:#96928b;margin-left:2px;font-size:8px;font-weight:500}.color-list i{color:#806900;font-size:11px;font-style:normal}.color-placeholder{color:#9b978f;background:#f8f7f3;border-radius:10px;margin-top:12px;padding:16px;font-size:11px;line-height:1.7}.global-replace{background:#faf9f6;border:1px solid #e4e0d7;border-radius:10px;margin-top:14px;padding:11px}.global-replace>strong{margin-bottom:8px;font-size:10px;display:block}.global-replace-selection{grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;display:grid}.global-replace select{background:#fff;border:1px solid #dcd8ce;border-radius:6px;width:100%;min-width:0;padding:6px 4px;font:700 9px ui-monospace,monospace}.global-target-button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dcd8ce;border-radius:6px;grid-template-columns:16px 1fr;align-items:center;column-gap:5px;min-width:0;padding:4px 5px;display:grid}.global-target-button i{border:1px solid #00000026;border-radius:4px;grid-row:span 2;width:16px;height:16px}.global-target-button i.empty{background-color:#f1efe9!important;background-image:linear-gradient(45deg,#0000 44%,#aaa 45% 55%,#0000 56%),linear-gradient(-45deg,#0000 44%,#aaa 45% 55%,#0000 56%)!important}.global-target-button b{min-width:0;font:800 9px ui-monospace,monospace}.global-target-button small{color:#99958d;font-size:6px}.global-palette-popover{background:#fff;border:1px solid #dcd7cb;border-radius:9px;margin-top:8px;padding:7px;box-shadow:0 10px 28px #211e181f}.global-empty-target{cursor:pointer;color:#5f5b53;background:#f6f4ee;border:1px dashed #cfc9bd;border-radius:7px;width:100%;margin-bottom:6px;padding:6px;font-size:8px;font-weight:700}.global-empty-target.selected{background:#fff7cc;border-color:#b99700}.global-replace>button{color:#fff;cursor:pointer;background:#292927;border:0;border-radius:7px;width:100%;margin-top:7px;padding:7px;font-size:9px}.global-replace>button:disabled{opacity:.35;cursor:default}.style-transform-card{background:#faf9f6;border:1px solid #e0dcd2;border-radius:10px;margin-top:10px;padding:11px}.style-transform-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.style-transform-heading strong,.style-transform-heading span{display:block}.style-transform-heading strong{font-size:10px}.style-transform-heading span{color:#918d84;margin-top:3px;font-size:7px;line-height:1.35}.style-transform-heading>button{cursor:pointer;background:#fff;border:1px solid #d8d3c8;border-radius:6px;flex:none;padding:6px 8px;font-size:8px;font-weight:700}.style-preset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px;display:grid}.style-preset-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dedad1;border-radius:7px;min-width:0;padding:7px}.style-preset-list button.active{background:#fff7cc;border-color:#b99700;box-shadow:inset 0 0 0 1px #ecd15a}.style-preset-list strong,.style-preset-list small{display:block}.style-preset-list strong{color:#37342e;font-size:8px}.style-preset-list small{color:#969188;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:6px;overflow:hidden}.style-mapping-preview{background:#fff;border:1px solid #e4e0d7;border-radius:7px;max-height:112px;margin-top:8px;padding:6px;overflow-y:auto}.style-mapping-preview>span{color:#8f8b82;margin-bottom:5px;font-size:7px;display:block}.style-mapping-preview>div{border-top:1px solid #f1efe9;align-items:center;gap:5px;padding:3px 1px;font:700 7px ui-monospace,monospace;display:flex}.style-mapping-preview i{border:1px solid #00000024;border-radius:3px;width:13px;height:13px}.style-mapping-preview b{color:#7c776e;margin-left:auto}.style-transform-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.style-transform-actions button{cursor:pointer;background:#fff;border:1px solid #d9d5cc;border-radius:7px;padding:7px;font-size:8px;font-weight:700}.style-transform-actions button:last-child{color:#fff;background:#292927;border-color:#292927}.style-transform-actions button:disabled{opacity:.35;cursor:default}.inline-color-form{background:#fffffff5;border:1px solid #ddd9cf;border-radius:12px;width:min(760px,100%);padding:14px}.inline-color-heading{grid-template-columns:1fr minmax(210px,260px);align-items:end;gap:16px;margin-bottom:10px;display:grid}.inline-color-heading strong,.inline-color-heading span{display:block}.inline-color-heading strong{font-size:12px}.inline-color-heading span{color:#8c887f;margin-top:4px;font-size:8px}.inline-color-heading .color-info-size{margin:0}.inline-color-form .color-info-table{max-height:220px}.inline-color-form .color-info-head,.inline-color-form .color-info-row{grid-template-columns:.85fr 1.2fr 24px}.current-color-library{background:#faf9f6;border:1px solid #e1ddd3;border-radius:10px;margin-bottom:12px;padding:10px}.current-color-library-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.current-color-library-heading>div{align-items:baseline;gap:7px;display:flex}.current-color-library-heading strong{font-size:10px}.current-color-library-heading span{color:#8c887f;font-size:7px}.current-color-library-heading>button{color:#7b6500;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:700}.current-color-library-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.current-color-library-list>p{color:#8b877e;text-align:center;border:1px dashed #d9d4c9;border-radius:8px;grid-column:1/-1;margin:0;padding:12px;font-size:8px}.current-color-library-list>div{background:#fff;border:1px solid #e1ded6;border-radius:8px;grid-template-columns:25px 1fr auto auto;align-items:center;gap:6px;min-width:0;padding:6px;display:grid}.current-color-library-list>div.editing{border-color:#b99700;box-shadow:0 0 0 2px #fff0a1}.current-color-library-list i{border:1px solid #00000024;border-radius:6px;width:25px;height:25px}.current-color-library-list span{flex-direction:column;min-width:0;display:flex}.current-color-library-list strong{font:800 10px ui-monospace,monospace}.current-color-library-list small{color:#969189;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.current-color-library-list button{color:#666159;cursor:pointer;background:#f1eee7;border:0;border-radius:5px;padding:4px 5px;font-size:7px}.current-color-library-list button:last-child{color:#9a958c;background:0 0;font-size:13px}.full-palette-heading{justify-content:space-between;align-items:baseline;margin:3px 1px 7px;display:flex}.full-palette-heading strong{font-size:10px}.full-palette-heading span{color:#99958d;font-size:7px}.mard-palette-panel{background:#fff;border:1px solid #e1ddd3;border-radius:10px;overflow:hidden}.mard-palette-tools{border-bottom:1px solid #efede7;align-items:center;gap:8px;padding:8px;display:flex}.mard-palette-tools input{border:1px solid #dcd8ce;border-radius:7px;outline:0;flex:1;min-width:0;padding:8px 9px;font-size:9px}.mard-palette-tools input:focus{border-color:#b99700;box-shadow:0 0 0 3px #fff4bd}.mard-palette-tools span{color:#8f8b82;white-space:nowrap;font-size:7px}.mard-family-tabs{scrollbar-width:thin;border-bottom:1px solid #efede7;gap:4px;padding:7px 8px;display:flex;overflow-x:auto}.mard-family-tabs button{color:#6f6b63;cursor:pointer;white-space:nowrap;background:#faf9f6;border:1px solid #e0ddd5;border-radius:20px;flex:none;padding:5px 7px;font-size:7px}.mard-family-tabs button.active{color:#604c00;background:#fff3ad;border-color:#b99700;font-weight:800}.mard-swatch-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-height:280px;padding:8px;display:grid;overflow-y:auto}.mard-swatch-grid>button{cursor:pointer;background:#fff;border:1px solid #e5e2da;border-radius:7px;align-items:center;gap:5px;min-width:0;padding:5px;font:700 8px ui-monospace,monospace;display:flex}.mard-swatch-grid>button:hover{border-color:#bbb5aa;transform:translateY(-1px)}.mard-swatch-grid>button.selected{background:#fff8d3;border-color:#b99700;box-shadow:inset 0 0 0 1px #ecd15a}.mard-swatch-grid i{border:1px solid #00000026;border-radius:5px;flex:none;width:18px;height:18px}.mard-swatch-grid p{color:#98948b;text-align:center;grid-column:1/-1;font-size:8px}.mard-palette-panel.compact .mard-palette-tools{padding:5px}.mard-palette-panel.compact .mard-palette-tools input{padding:6px;font-size:8px}.mard-palette-panel.compact .mard-family-tabs{padding:5px}.mard-palette-panel.compact .mard-family-tabs button{padding:4px 6px;font-size:6px}.mard-palette-panel.compact .mard-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:170px;padding:5px}.mard-palette-panel.compact .mard-swatch-grid>button{padding:4px;font-size:7px}.mard-palette-panel.compact .mard-swatch-grid i{width:15px;height:15px}.allowed-color-summary{background:#f1f7f2;border-radius:8px;align-items:baseline;gap:6px;margin-top:11px;padding:9px 10px;display:flex}.allowed-color-summary strong{color:#347249;font:800 13px ui-monospace,monospace}.allowed-color-summary span{color:#58715e;font-size:8px}.allowed-color-summary em{color:#7e8b80;margin-left:auto;font-size:8px;font-style:normal}.step-side-note{background:#faf9f6;border:1px solid #e5e1d7;border-radius:11px;gap:7px;padding:14px;display:grid}.step-side-note strong{font-size:10px}.step-side-note span{color:#89857d;font-size:9px;line-height:1.6}.step-side-note i{color:#347249;background:#eaf6ed;border-radius:20px;justify-self:start;padding:4px 7px;font-size:8px;font-style:normal;font-weight:700}.color-info-size{grid-template-columns:1fr auto 1fr;align-items:end;gap:7px;margin-bottom:14px;display:grid}.color-info-size label{color:#77736b;font-size:8px}.color-info-size input{border:1px solid #dcd8ce;border-radius:7px;width:100%;margin-top:5px;padding:8px;font:700 11px ui-monospace,monospace}.color-info-size>span{color:#918d84;padding-bottom:8px}.color-info-table{max-height:360px;overflow-y:auto}.color-info-head,.color-info-row{grid-template-columns:.72fr 1.1fr .78fr 22px;align-items:center;gap:5px;display:grid}.color-info-head{color:#99958d;padding:0 3px 5px;font-size:8px}.color-info-row{border-top:1px solid #f0ede6;padding:5px 0}.color-info-row>input,.color-info-select{background:#fff;border:1px solid #dedad1;border-radius:6px;width:100%;min-width:0;height:30px;font:700 9px ui-monospace,monospace}.color-info-row>input{padding:5px 6px}.color-info-select{align-items:center;gap:4px;padding:3px 4px;display:flex}.color-info-select i{border:1px solid #00000024;border-radius:4px;flex:none;width:18px;height:18px}.color-info-select select{background:0 0;border:0;outline:0;width:100%;min-width:0;font:700 8px ui-monospace,monospace}.color-info-row>button{color:#9b968e;cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0}.color-info-row>button:disabled{opacity:.25}.add-color-row{cursor:pointer;background:#faf9f6;border:1px dashed #d7d2c7;border-radius:7px;width:100%;margin-top:8px;padding:7px;font-size:9px;font-weight:700}.confirm-color-info{color:#fff;cursor:pointer;background:#272724;border:0;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-size:10px;font-weight:750}.confirm-color-info:disabled{opacity:.35;cursor:default}.manual-color-note{color:#97938b;margin:9px 0 0;font-size:8px;line-height:1.5}.palette-note{color:#99958d;background:#f7f6f2;border-radius:9px;margin-top:18px;padding:10px;font-size:9px;line-height:1.6}.bom-section{border-top:1px solid var(--line);background:#fff;padding:28px 34px 36px}.bom-section .bom-title{margin-bottom:17px}.bom-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:9px;display:grid}.bom-card{border:1px solid var(--line);border-radius:11px;grid-template-columns:31px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:10px 12px;display:grid}.bom-card>span{border:1px solid #0000001f;border-radius:8px;width:30px;height:30px}.bom-card div{flex-direction:column;display:flex}.bom-card strong{font:700 11px ui-monospace,monospace}.bom-card small{color:#96928b;font-size:9px}.bom-card b{font-size:12px}.bom-empty{text-align:center;color:#aaa69e;border:1px dashed #ddd9d0;border-radius:11px;grid-column:1/-1;padding:21px;font-size:11px}footer{color:#fff;background:#292927;align-items:center;gap:14px;padding:22px 34px;font-size:11px;display:flex}footer span{color:#aaa9a3}footer em{color:#85847e;margin-left:auto;font:500 9px ui-monospace,monospace}.gallery-shell{background:#f4f3ef;min-height:100vh}.gallery-hero{background:#fff;border-bottom:1px solid #e2dfd7;justify-content:space-between;align-items:flex-end;gap:30px;min-height:210px;padding:52px max(28px,50vw - 590px);display:flex}.gallery-hero>div>span{color:#a08600;letter-spacing:.14em;font:800 9px ui-monospace,monospace}.gallery-hero h1{letter-spacing:-.055em;margin:8px 0 7px;font-size:clamp(32px,5vw,54px)}.gallery-hero p{color:#827e76;margin:0;font-size:12px}.gallery-hero>a,.primary-link{color:#fff;background:#292927;border-radius:9px;flex:none;padding:11px 16px;font-size:10px;font-weight:750;text-decoration:none}.gallery-content{max-width:1180px;margin:auto;padding:28px}.gallery-summary{align-items:baseline;gap:7px;margin-bottom:17px;display:flex}.gallery-summary strong{font:800 14px ui-monospace,monospace}.gallery-summary span{color:#8e8a82;font-size:9px}.gallery-error{color:#ae3d32;background:#fff0ed;border-radius:9px;padding:10px 12px;font-size:10px}.gallery-empty{color:#98948c;background:#fff;border:1px dashed #d7d2c8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;font-size:11px;display:flex}.gallery-empty strong{color:#36342f;font-size:17px}.gallery-empty a{color:#725d00;margin-top:5px;font-weight:700}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.gallery-card{background:#fff;border:1px solid #dedad1;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 8px 28px #2c271d0d}.gallery-card-preview{background-color:#eae8e1;background-image:linear-gradient(45deg,#e3e1da 25%,#0000 25%),linear-gradient(-45deg,#e3e1da 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e1da 75%),linear-gradient(-45deg,#0000 75%,#e3e1da 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;height:210px;padding:12px;display:grid}.gallery-card-preview img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 8px 24px #231f181f}.gallery-card-body{padding:13px 14px 15px}.gallery-card-body>a{color:#2c2a25;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;text-decoration:none;display:block;overflow:hidden}.gallery-card-body>div{color:#77736b;gap:9px;margin-top:7px;font:700 8px ui-monospace,monospace;display:flex}.gallery-card-body time{color:#aaa69e;margin-top:8px;font-size:8px;display:block}.gallery-card>button{color:#8e4e47;cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;padding:5px 7px;font-size:7px;position:absolute;top:9px;right:9px}.gallery-detail{max-width:1180px;margin:auto;padding:30px}.gallery-detail-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.gallery-detail-heading>div:first-child>a{color:#7c6800;font-size:9px;font-weight:700;text-decoration:none}.gallery-detail-heading h1{letter-spacing:-.04em;margin:9px 0 5px;font-size:28px}.gallery-detail-heading p{color:#8d8981;margin:0;font-size:10px}.gallery-detail-heading>div:last-child{gap:7px;display:flex}.gallery-detail-heading button{cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:9px;padding:10px 14px;font-size:9px;font-weight:700}.gallery-detail-tools{background:#fff;border:1px solid #dedad1;border-radius:9px 9px 0 0;gap:4px;padding:4px;display:flex}.gallery-detail-tools button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:9px}.gallery-detail-tools button.active{background:#f2efe7;font-weight:750}.gallery-detail-canvas{background:#eae8e1;border:1px solid #dedad1;border-top:0;border-radius:0 0 14px 14px;place-items:center;height:min(68vh,740px);padding:26px;display:grid;overflow:auto}.gallery-detail-canvas canvas{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;background:#fff;display:block;box-shadow:0 14px 44px #231f1824}.gallery-history{background:#fff;border:1px solid #e0dcd3;border-radius:11px;gap:5px;margin-top:14px;padding:14px;display:grid}.gallery-history strong{margin-bottom:3px;font-size:10px}.gallery-history span{color:#817d75;font-size:8px}.gallery-detail-empty{color:#8d8981;align-content:center;place-items:center;gap:12px;min-height:calc(100vh - 72px);display:grid}.gallery-detail-empty a{color:#715d00;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1040px){.workspace{grid-template-columns:230px minmax(390px,1fr)}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.right-panel .color-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;max-height:none;display:grid}.palette-note{display:none}}@media (max-width:720px){.topbar{padding:0 16px}.brand-copy span,.brand-copy small,.topbar-note{display:none}.topbar-nav{margin-left:auto}.topbar-nav a{padding:6px 8px;font-size:8px}.workspace{flex-direction:column;display:flex}.left-panel{border-right:0;border-bottom:1px solid var(--line)}.upload-zone{min-height:130px}.canvas-stage{min-height:500px;margin:12px}.canvas-scroll{min-height:500px;max-height:520px}.crop-workspace{min-height:500px;padding:40px}.crop-image-wrap,.crop-image-wrap img{max-height:420px}.pattern-edit-bar{flex-wrap:wrap;padding:8px 12px}.pattern-edit-bar span{text-align:center;width:100%;margin-left:0}.color-preview-bar{flex-wrap:wrap;padding:9px 12px}.color-preview-bar>div{flex-basis:100%}.color-preview-bar>i{margin-right:auto}.edit-palette-popover{width:calc(100% - 20px);left:10px}.source-magnifier-window{width:min(270px,100% - 16px)}.reference-workspace{padding:14px}.step-one-image-tools{flex-wrap:wrap}.step-one-image-tools span{width:100%;margin-left:0}.sampled-color-result{grid-template-columns:1fr auto 1fr}.sampled-color-result>button{grid-column:1/-1}.inline-color-heading{grid-template-columns:1fr}.inline-color-heading .color-info-size{width:100%}.current-color-library-list{grid-template-columns:1fr}.mard-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-color-form .color-info-head,.inline-color-form .color-info-row{grid-template-columns:.8fr 1.1fr 22px}.allowed-color-summary{flex-wrap:wrap}.allowed-color-summary em{width:100%;margin-left:0}.palette-picker{grid-template-columns:repeat(4,1fr)}.stage-toolbar{flex-wrap:wrap;padding:9px 10px}.stage-toolbar .viewer-controls{order:3;justify-content:center;width:100%}.empty-state{margin:18px;padding:25px 18px}.right-panel{border-left:0}.bom-section{padding:25px 18px}footer{padding:20px}footer span,footer em{display:none}.gallery-hero{flex-direction:column;align-items:flex-start;min-height:190px;padding:34px 20px}.gallery-content,.gallery-detail{padding:18px}.gallery-detail-heading{flex-direction:column;align-items:flex-start}.gallery-detail-canvas{height:60vh;padding:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}