@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#20332f;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid #e4e9e4}.topbar-inner{max-width:1440px;margin:auto;height:100%;padding:0 36px;display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:#164b3a}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:#22785e;border-radius:7px;transform:rotate(-8deg)}.brand-mark span{width:13px;height:13px;border:3px solid #fff;border-radius:3px}.brand-caption{font-size:12px;color:#86948d;padding-left:18px;border-left:1px solid #dce3dc}.help-button{margin-left:auto;border:0;background:none;display:flex;align-items:center;gap:7px;color:#5a6e65;font-size:13px}.help-button:hover,.footer button:hover{color:#137b5d}.page{max-width:1440px;margin:0 auto;padding:36px 36px 24px}.page-heading{height:210px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden}.kicker{font-size:13px;color:#147759;font-weight:700;margin:0 0 13px}.page-heading h1{font-size:34px;line-height:1.35;font-weight:800;margin:0;color:#193e33}.intro{font-size:14px;color:#657a6e;margin:13px 0 0}.case-art{width:280px;height:188px;position:relative;margin-right:48px}.case-back{position:absolute;width:215px;height:103px;background:#dfe9de;bottom:0;left:28px;transform:skewY(-8deg);border-radius:12px 12px 4px 4px}.case-box{position:absolute;width:76px;height:91px;background:#fff;border:2px solid #2a765c;border-radius:5px;box-shadow:7px 10px #c5d9ca;transform:rotate(var(--rotation));display:grid;place-items:center}.case-box:before{content:"";position:absolute;top:12px;left:10px;right:10px;border-top:2px solid #cde2d7}.case-box i{width:30px;height:30px;background:#f4d9b7;border:2px solid #2c6e55;border-radius:50% 50% 42% 42%;position:relative}.case-box i:before,.case-box i:after{content:"";position:absolute;width:11px;height:12px;background:#f4d9b7;border:2px solid #2c6e55;border-radius:50%;top:-8px}.case-box i:before{left:-5px}.case-box i:after{right:-5px}.box-a{left:28px;top:55px;--rotation:-13deg}.box-b{left:104px;top:23px;--rotation:7deg;z-index:2}.box-c{left:186px;top:55px;--rotation:15deg}.case-star{position:absolute;top:0;right:28px;color:#ed8e62;font-size:42px;transform:rotate(18deg)}.workspace{display:grid;grid-template-columns:minmax(275px,320px) minmax(0,1fr);gap:34px;align-items:start}.setup-column{border-top:2px solid #236f56}.machine-column{border-top:2px solid #236f56;min-width:0}.section-heading{min-height:86px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #dce5dd}.step-index{display:grid;place-items:center;flex:none;width:36px;height:36px;background:#e3f0e8;border-radius:5px;color:#277258;font-size:13px;font-weight:700}.section-heading h2{font-size:19px;line-height:1.2;margin:0 0 6px;font-weight:800;color:#213d33}.section-heading p{font-size:12px;color:#819187;margin:0}.machine-heading .available-counter{margin-left:auto;background:#e5f0e8;border-radius:4px;color:#27775a;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}.setup-block{padding:21px 0;border-bottom:1px solid #dce5dd}.number-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#40554b;font-size:14px;font-weight:600}.number-control:last-of-type{margin-bottom:0}.stepper{display:grid;grid-template-columns:32px 39px 32px;align-items:center;text-align:center;border:1px solid #d2ddd3;background:#fff;border-radius:5px;height:33px}.stepper button{height:30px;border:0;background:none;color:#28765a;font-size:19px;line-height:1}.stepper button:disabled{color:#b4c4b8}.stepper strong{font-size:14px}.case-size{display:flex;align-items:center;justify-content:space-between;margin-top:20px;background:#e9f2ec;padding:10px 13px;border-radius:5px;color:#5c7d68;font-size:12px}.case-size strong{color:#286a53;font-size:13px}.block-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.block-heading h3{font-size:14px;font-weight:700;margin:0}.block-heading span{font-size:11px;color:#9aa69c;white-space:nowrap}.style-input-list{display:grid;gap:6px;max-height:330px;overflow:auto;padding-right:3px}.style-input-row{height:39px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7ebe5;border-radius:4px;padding:4px 7px}.style-number{display:grid;place-items:center;width:38px;height:28px;border-radius:3px;background:var(--tag-color);font-size:11px;font-weight:800;color:#334e45;flex:none}.style-type{font-size:11px;color:#87948a;white-space:nowrap}.style-input-row input{min-width:0;width:80px;flex:1;margin-left:auto;border:0;border-bottom:1px solid transparent;background:transparent;outline:0;text-align:right;font-size:13px;color:#203e32}.style-input-row input:focus{border-bottom-color:#309071}.style-input-row input::placeholder{color:#b7c2b8}.rate-input{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9e2d9;padding:7px 10px;border-radius:5px}.rate-input span{font-size:12px;color:#667b6e;margin-right:auto}.rate-input strong{font-size:16px;color:#314c3e}.rate-input input{width:70px;height:28px;border:0;outline:0;font-size:14px;font-weight:700;color:#254a37}.rate-input input::placeholder{font-weight:400;color:#a9b7ac}.field-note{font-size:11px;line-height:1.6;color:#87988a;margin:8px 0 0}.reset-button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#879a8b;font-size:12px;margin-top:17px;padding:3px 0}.reset-button:hover{color:#bf665f}.box-list{border-bottom:1px solid #dce5dd}.box-row{border-bottom:1px solid #e2e9e1;background:#fff}.box-row:last-child{border-bottom:0}.box-row-main{display:grid;grid-template-columns:116px minmax(0,1fr) 150px 61px;align-items:center;gap:13px;min-height:83px;padding:12px 13px}.box-row.sold{background:#f2f4f1}.box-label{display:flex;align-items:center;gap:9px;white-space:nowrap}.box-glyph{width:29px;height:29px;background:#edf3ed;border:1px solid #ccdcd0;border-radius:4px;transform:rotate(-5deg);display:grid;place-items:center}.box-glyph span{width:13px;height:12px;border:1.5px solid #63a183;border-radius:2px}.box-label strong{display:block;font-size:12px;color:#2c493a}.box-label small{display:block;margin-top:4px;font-size:10px;color:#91a193}.box-options{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.option-chip{height:28px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;border:1px solid #dce8dc;background:#fff;border-radius:4px;color:#476253;font-size:11px;font-weight:600;white-space:nowrap;min-width:41px;justify-content:center}.option-chip:hover{border-color:#69aa85;background:#f7fbf7}.option-chip.excluded{background:#e8efea;color:#899b8d;border-color:#dce5df;text-decoration:line-through}.option-chip.hidden{border-color:#edd8e4;color:#ad5c88}.option-chip.hidden.excluded{background:#f1e8ed;color:#b398a7}.option-chip:disabled{opacity:.46}.chip-mark{display:inline-grid;place-items:center;min-width:0}.option-chip:not(.hidden):not(.excluded) .chip-mark{display:none}.box-result{min-width:0}.pending-result,.muted-result{font-size:11px;color:#a2afa4}.prediction-button{background:none;border:0;padding:0;text-align:left;width:100%;display:block}.prediction-overline{display:block;font-size:10px;color:#869a8a;margin-bottom:4px}.prediction-line{display:flex;align-items:center;gap:6px;min-width:0}.prediction-line strong{font-size:14px;color:#2b7156;white-space:nowrap}.prediction-line>svg{color:#a6b4a9;flex:none}.style-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;white-space:nowrap;padding:5px 8px;background:var(--tag-color);border-radius:4px;color:#345444;font-size:12px;font-weight:700}.style-tag.compact{font-size:11px;padding:4px 6px}.style-tag.is-hidden{color:#914d78}.style-dot{width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}.sold-toggle{display:flex;align-items:center;gap:6px;color:#849588;font-size:11px;white-space:nowrap;cursor:pointer}.sold-toggle input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{width:29px;height:17px;border-radius:10px;background:#d5dfd7;padding:2px;transition:background .15s}.switch-track span{display:block;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #aaa;transition:transform .15s}.sold-toggle input:checked+.switch-track{background:#4a9b78}.sold-toggle input:checked+.switch-track span{transform:translate(12px)}.sold-toggle input:focus-visible+.switch-track{outline:2px solid #277b5e;outline-offset:2px}.box-detail{padding:0 18px 18px 138px;background:#fbfcfa}.detail-title{font-size:11px;font-weight:700;color:#688570;padding:11px 0 9px;border-top:1px solid #e7eee7}.prob-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}.prob-item{display:grid;grid-template-columns:50px minmax(0,1fr) 48px;align-items:center;gap:8px}.prob-item strong{font-size:11px;color:#506957;text-align:right}.prob-bar{height:5px;background:#e8ede7;border-radius:5px;overflow:hidden}.prob-bar span{display:block;height:100%;border-radius:5px}.action-band{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e9f2ec;padding:17px 19px;margin-top:18px;border-radius:6px}.action-band strong,.action-band span{display:block}.action-band strong{font-size:14px;color:#294f3b}.action-band span{font-size:11px;color:#789080;margin-top:4px}.predict-button{height:43px;background:#227657;color:#fff;border:0;border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:700;white-space:nowrap}.predict-button:hover{background:#185b42}.predict-button:disabled{opacity:.65}.error-line{background:#fff1ec;border-left:3px solid #d9684c;color:#ac4638;padding:12px 14px;font-size:12px;margin-top:13px}.empty-state{background:#fff5f1;padding:20px;margin-top:13px;display:grid;gap:5px;color:#a94c3d;font-size:12px}.empty-state strong{font-size:13px}.summary-line{display:flex;align-items:center;gap:12px;padding:16px 1px;font-size:12px;color:#688071}.summary-line strong{font-size:17px;color:#2b7757}.summary-line small{margin-left:auto;color:#91a092;font-size:11px}.combinations-section{margin-top:34px;border-top:2px solid #236f56}.combination-heading{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;text-align:left;padding:20px 0}.combination-heading>div{display:flex;gap:14px;align-items:center}.combination-heading strong{display:block;font-size:18px;color:#244638}.combination-heading small{display:block;margin-top:5px;color:#879a89;font-size:12px}.combination-heading>svg{color:#6d917b}.combination-content{padding-bottom:18px}.combination-tools{display:flex;justify-content:space-between;align-items:center;margin:2px 0 15px;color:#85988a;font-size:12px}.segmented{display:flex;border:1px solid #d3e1d6;padding:3px;border-radius:5px;background:#eaf0e9}.segmented button{border:0;background:transparent;color:#769079;font-size:12px;padding:6px 13px;border-radius:3px}.segmented button.active{background:#fff;color:#256e51;box-shadow:0 1px 3px #cbd8ce;font-weight:700}.combination-scroll{overflow:auto;border:1px solid #e2e8e0;border-radius:5px}.combination-scroll table{border-collapse:collapse;width:100%;min-width:650px;background:#fff}.combination-scroll th,.combination-scroll td{padding:11px 12px;text-align:left;border-bottom:1px solid #edf0eb;white-space:nowrap;font-size:11px}.combination-scroll th{background:#f0f5ee;color:#6d8473;font-weight:700}.combination-scroll td:first-child{color:#92a394}.combination-scroll tr:last-child td{border-bottom:0}.missing-note{margin-left:6px;color:#a3818d}.regular-note{color:#71957b}.filtered-empty{padding:20px;text-align:center;color:#91a091;font-size:12px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:12px;color:#809382}.pagination>div{display:flex;align-items:center;gap:6px}.pagination button{height:30px;border:1px solid #d7e2d9;background:#fff;color:#3b7c5d;border-radius:4px;padding:0 8px}.pagination button:disabled{opacity:.4}.pagination form{display:flex;align-items:center;gap:4px}.pagination input{width:58px;height:30px;border:1px solid #d7e2d9;border-radius:4px;padding:0 7px;text-align:center;color:#345a43}.footer{border-top:1px solid #e0e8df;display:flex;justify-content:space-between;align-items:center;margin-top:44px;padding-top:17px;color:#9ba99d;font-size:11px}.footer button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#78917d;font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a3429a8;z-index:100;display:grid;place-items:center;padding:20px}.rules-dialog{width:min(100%,520px);max-height:min(90vh,700px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 20px 80px #122a204d;padding:26px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start}.modal-header h2{font-size:22px;margin:0}.icon-button{border:0;background:#f1f5f0;width:31px;height:31px;border-radius:4px;display:grid;place-items:center;color:#687d6c}.rules-body{font-size:13px;line-height:1.8;color:#607565}.rules-body p{margin:17px 0}.source-list{border-top:1px solid #e7ede6;padding-top:17px;display:grid;gap:9px}.source-list strong{color:#325641}.source-list a{display:flex;align-items:center;gap:5px;color:#277e5b;font-size:12px}.source-list a:hover{text-decoration:underline}.dialog-done{width:100%;height:38px;background:#247655;color:#fff;border:0;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #2b9870;outline-offset:2px}@media(max-width:1110px){.workspace{grid-template-columns:270px minmax(0,1fr);gap:24px}.box-row-main{grid-template-columns:105px minmax(0,1fr) 128px 54px;gap:8px;padding:12px 10px}.option-chip{padding:0 5px}.prediction-line{gap:3px}.prediction-line strong{font-size:12px}}@media(max-width:850px){.page{padding:25px 22px}.page-heading{height:178px}.page-heading h1{font-size:27px}.case-art{transform:scale(.78);transform-origin:top right;margin-right:0}.workspace{display:block}.setup-column{margin-bottom:26px}.style-input-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.style-input-row{min-width:0}.count-block{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.case-size{grid-column:1/-1}.machine-column{margin-top:8px}.box-row-main{grid-template-columns:110px minmax(0,1fr) 135px 55px}.box-detail{padding-left:130px}}@media(max-width:620px){.topbar{height:58px}.topbar-inner{padding:0 17px;gap:10px}.brand{font-size:16px}.brand-caption{font-size:10px;padding-left:10px}.help-button span{display:none}.page{padding:20px 15px}.page-heading{height:auto;min-height:160px;margin-bottom:8px}.page-heading h1{font-size:26px}.desktop-br{display:none}.intro{max-width:240px;font-size:12px;line-height:1.6}.case-art{position:absolute;right:-38px;bottom:-48px;transform:scale(.55);z-index:-1}.section-heading{min-height:70px}.machine-heading{gap:9px}.machine-heading .available-counter{font-size:10px;padding:5px 6px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.box-row-main{grid-template-columns:92px minmax(0,1fr) 49px;grid-template-areas:"label result sold" "options options options";min-height:0;padding:12px;gap:10px}.box-label{grid-area:label}.box-result{grid-area:result}.box-options{grid-area:options;padding-top:2px}.sold-toggle{grid-area:sold;justify-content:flex-end}.prediction-line strong{font-size:13px}.option-chip{height:29px;min-width:44px}.box-detail{padding:0 12px 15px}.prob-list{grid-template-columns:1fr}.action-band{padding:15px;gap:8px}.action-band strong{font-size:12px}.action-band span{font-size:10px}.predict-button{font-size:11px;padding:0 10px;gap:5px;height:40px}.summary-line{flex-wrap:wrap}.summary-line small{width:100%;margin-left:0}.combinations-section{margin-top:25px}.combination-heading strong{font-size:15px}.combination-heading small{font-size:10px}.footer{margin-top:30px}.rules-dialog{padding:19px}}@media(max-width:390px){.style-input-list{grid-template-columns:1fr}.count-block{gap:0 7px}.case-art{opacity:.45}.page-heading h1{font-size:23px}.intro{max-width:225px}.machine-heading .available-counter{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reset-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}@media(max-width:620px){.case-art{display:none}.page-heading{min-height:145px}}@media(max-width:350px){.count-block{grid-template-columns:1fr}.case-size{grid-column:1}}.style-number.color-trigger{border:0;color:var(--tag-text);cursor:pointer}.style-number.color-trigger:hover{outline:2px solid #75a58d;outline-offset:1px}.style-tag,.style-tag.is-hidden{color:var(--tag-text)}.palette-panel{margin-top:12px;padding:12px;background:#fff;border:1px solid #dce7dc;border-radius:5px}.palette-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.palette-heading strong{font-size:12px;color:#345242}.palette-default{border:0;background:transparent;color:#36795d;font-size:11px}.palette-default[aria-pressed=true]{font-weight:700}.palette-grid{display:grid;gap:6px}.palette-group{display:grid;grid-template-columns:38px 1fr 1fr;align-items:center;gap:7px}.palette-group>span{color:#748b79;font-size:11px}.palette-choice{height:27px;border:1px solid #4d66563b;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700}.palette-choice.selected{outline:2px solid #328365;outline-offset:1px}.unwanted-options{display:flex;flex-wrap:wrap;gap:7px}.unwanted-choice{min-width:53px;height:30px;padding:0 7px;background:#fff;border:1px solid #d8e3d9;border-radius:4px;color:#506855;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700}.unwanted-choice:hover{border-color:#6ca78a}.unwanted-choice.selected{background:color-mix(in srgb,var(--tag-color) 24%,white);border-color:var(--tag-color)}.unwanted-swatch{width:9px;height:9px;flex:none;border-radius:2px;background:var(--tag-color)}.unwanted-choice>svg{color:#23805e;flex:none}.option-chip:not(.excluded){background:color-mix(in srgb,var(--tag-color) 18%,white);border-color:color-mix(in srgb,var(--tag-color) 55%,#dce8dc)}.option-chip.hidden:not(.excluded){color:#476253}.option-chip.excluded{background:color-mix(in srgb,var(--tag-color) 12%,#edf1ee)}.box-row-main{grid-template-columns:116px minmax(0,1fr) 248px 61px}.result-metrics{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:end;gap:8px}.prediction-button{min-width:0}.prediction-line{white-space:nowrap}.trap-metric{border-left:1px solid #e1e9e0;padding-left:9px;min-width:0}.trap-metric span{display:block;color:#a38383;font-size:10px;white-space:nowrap;margin-bottom:4px}.trap-metric strong{display:block;color:#ba6050;font-size:13px;white-space:nowrap}@media(max-width:1110px){.box-row-main{grid-template-columns:105px minmax(0,1fr) 238px 54px}}@media(max-width:850px){.box-row-main{grid-template-columns:110px minmax(0,1fr) 248px 55px}}@media(max-width:620px){.box-row-main{grid-template-columns:minmax(0,1fr) 55px;grid-template-areas:"label sold" "options options" "result result"}.box-result{border-top:1px solid #edf1ec;padding-top:8px}.result-metrics{grid-template-columns:minmax(0,1fr) 82px}.trap-metric strong{font-size:14px}}