.jp-production-flow{background:#fff;border:1px solid #ded8d1;border-radius:20px;margin:22px 0 70px;padding:24px;box-shadow:0 8px 28px #2b241c0a}.jp-flow-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.jp-flow-head h3{margin:0 0 6px;font-size:26px}.jp-flow-head p{color:#6e655d;margin:0}.jp-badge{color:#fff;white-space:nowrap;background:#2d2924;border-radius:999px;padding:7px 11px;font-size:12px}.jp-step-guide{flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0;display:flex}.jp-step-guide button,.jp-actions button{cursor:pointer;background:#f8f5f1;border:1px solid #d8d0c8;border-radius:12px;padding:12px 14px;font-weight:700}.jp-step-guide button.primary{color:#fff;background:#6b5140;border-color:#6b5140}.jp-step-guide span{color:#a79c91}.jp-callout{background:#f6f0e8;border:1px solid #eadfce;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.jp-callout b{white-space:nowrap}.jp-callout span{color:#625950;line-height:1.6}.jp-final-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0 18px;display:grid}.jp-final-grid article{background:#faf9f7;border:1px solid #e2ddd7;border-radius:14px;overflow:hidden}.jp-final-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.jp-final-meta{padding:9px 10px 11px}.jp-final-grid b,.jp-final-grid small{display:block}.jp-final-grid small{color:#7c736a;margin:3px 0 8px}.jp-download-one{text-align:center;color:#4d4037;background:#fff;border:1px solid #d8d0c8;border-radius:9px;padding:8px 7px;font-size:11px;font-weight:800;text-decoration:none;display:block}.jp-download-one:hover{background:#f2ebe4}.jp-empty{color:#8b8178;text-align:center;border:1px dashed #d8d0c8;border-radius:14px;padding:28px}.jp-actions{flex-wrap:wrap;gap:10px;display:flex}.jp-actions .warn{color:#8d4939;background:#fff5f1;border-color:#c98b79}.jp-actions button:disabled{opacity:.45;cursor:not-allowed}.jp-candidates{margin-top:20px}.jp-candidates h4{margin:0 0 4px;font-size:18px}.jp-candidates>p{color:#756b62;margin:0 0 12px}.jp-candidate-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.jp-candidate-grid article{background:#fbfaf8;border:1px solid #e1dbd4;border-radius:13px;padding:12px}.jp-candidate-grid article>span{text-transform:uppercase;background:#eee6dd;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-block}.jp-candidate-grid b,.jp-candidate-grid small{margin-top:6px;display:block}.jp-candidate-grid small{color:#84796f}.jp-candidate-grid article>div{gap:5px;margin-top:10px;display:flex}.jp-candidate-grid button{cursor:pointer;background:#fff;border:1px solid #d8d0c8;border-radius:8px;flex:1;padding:7px 4px;font-size:11px}.jp-candidate-grid button.selected{color:#fff;background:#6b5140;border-color:#6b5140}.jp-flow-map{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:22px 0 12px;display:grid}.jp-flow-map div{background:#f2eee9;border:1px solid #e4ddd5;border-radius:10px;padding:11px 12px;font-size:12px;font-weight:700}.jp-flow-map .done{color:#3f7149;background:#edf6ef;border-color:#cfe3d2}.jp-flow-map .locked{color:#9b938b;background:#f4f2ef}.jp-safety{color:#70675f;margin:12px 0 0;font-size:13px}.jp-pantone-list{background:#f7f4ef;border:1px solid #e8e0d7;border-radius:9px;gap:2px;margin-top:8px;padding:8px 9px;font-size:10px;line-height:1.35;display:grid}.jp-pantone-list b{font-size:10px}.jp-pantone-list span{color:#4f473f;display:block}.jp-pantone-list small{color:#877c72;margin-top:4px;display:block}.jp-flow-toast{color:#fff;z-index:99999;opacity:0;background:#2d2924;border-radius:12px;max-width:480px;padding:14px 18px;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 12px 35px #0004}.jp-flow-toast.show{opacity:1;transform:none}.jp-flow-toast.ok{background:#315f3c}.jp-flow-toast.error{background:#8d3d35}@media (width<=900px){.jp-flow-head{display:block}.jp-badge{margin-top:10px;display:inline-block}.jp-step-guide{align-items:stretch}.jp-step-guide span{display:none}.jp-step-guide button{flex:45%}}.tone-master-board{background:#fffaf4;border:2px solid #d9c8b9;border-radius:20px;margin:18px 0 24px;padding:22px}.tone-master-mode>.calibration-layout>.controls{display:none}.tone-master-mode>.calibration-layout{grid-template-columns:1fr}.tone-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.tone-head h3{margin:0 0 6px;font-size:24px}.tone-head p{color:#645b53;margin:0;line-height:1.65}.tone-badge{color:#fff;white-space:nowrap;background:#6b5140;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.tone-explain{background:#f3ece4;border-radius:12px;align-items:center;gap:14px;margin:16px 0;padding:12px 14px;display:flex}.tone-explain b{white-space:nowrap}.tone-explain span{color:#625950}.tone-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.tone-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #0000;border-radius:14px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000a}.tone-card:hover{border-color:#c8ad97;transform:translateY(-1px)}.tone-card.selected{border-color:#6b5140;box-shadow:0 0 0 4px #6b51402a}.tone-card.selected:after{content:"✓ この画像を基準に選択中";color:#fff;text-align:center;background:#6b5140;border-radius:8px;padding:7px 8px;font-size:11px;font-weight:900;position:absolute;bottom:58px;left:8px;right:8px}.tone-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.tone-number{z-index:2;color:#fff;background:#2d2924;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #0003}.tone-stage{z-index:2;color:#fff;background:#887568;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;position:absolute;top:9px;right:8px}.tone-stage.latest{background:#49735a}.tone-meta{padding:10px;display:block}.tone-meta b{color:#302b27;margin-bottom:3px;font-size:13px;display:block}.tone-meta small{color:#7c736a;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tone-controls{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.tone-controls>div{background:#fff;border:1px solid #e3d9cf;border-radius:13px;padding:14px}.tone-controls label,.tone-controls small{display:block}.tone-controls label{margin-bottom:8px;font-weight:800}.tone-controls input{width:100%}.tone-controls small{color:#84796f;margin-top:5px;line-height:1.45}.tone-selected{background:#f7f3ee;border:1px solid #e4d9cf;border-radius:10px;grid-template-columns:auto 1fr;gap:3px 8px;margin:16px 0 12px;padding:12px 14px;display:grid}.tone-selected span{color:#786f66;font-size:12px}.tone-selected b{font-size:15px}.tone-selected small{color:#81766c;overflow-wrap:anywhere;grid-column:2}.tone-apply{color:#fff;cursor:pointer;background:#6b5140;border:0;border-radius:12px;width:100%;padding:15px 16px;font-weight:900}.tone-apply:disabled{color:#5e554e!important;opacity:1!important;cursor:not-allowed!important;background:#e8e1da!important;border:1px solid #d6cec6!important}.tone-note{color:#786f66;margin:10px 0 0;font-size:12px;line-height:1.5}.tone-master-toast{z-index:99999;color:#fff;opacity:0;border-radius:12px;max-width:520px;padding:14px 18px;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.tone-master-toast.show{opacity:1;transform:none}.tone-master-toast.ok{background:#315f3c}.tone-master-toast.error{background:#8d3d35}.jp-step-guide button:disabled,.jp-actions button:disabled,button[disabled]{color:#625a53!important;opacity:1!important;text-shadow:none!important;background:#e9e4de!important;border-color:#d7d0c9!important}.jp-step-guide button:disabled{box-shadow:inset 0 0 0 1px #d7d0c9}.jp-flow-map .locked{color:#6f665f!important;background:#f0ece7!important;border-color:#ddd5cd!important}.jp-flow-map div{color:#3f3934}@media (width<=900px){.tone-head{display:block}.tone-badge{margin-top:10px;display:inline-block}.tone-controls{grid-template-columns:1fr}.tone-grid{grid-template-columns:repeat(2,1fr)}}*{box-sizing:border-box}body{color:#28231f;background:#f4f1ec;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system}.shell{grid-template-columns:255px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#28231f;height:100vh;padding:26px 22px;position:sticky;top:0}aside h1{margin:0 0 8px;font-size:24px;line-height:1.05}aside>b{border:1px solid #8f8278;border-radius:6px;padding:4px 7px;font-size:12px}.sub{color:#aaa095;margin-top:14px;font-size:11px}nav{color:#ddd;gap:2px;margin-top:22px;display:grid}nav span,nav strong{border-radius:8px;padding:7px 8px;font-size:12px}nav strong{background:#3a332e}.status{gap:5px;display:grid;position:absolute;bottom:14px;left:22px;right:22px}.status span{border-radius:8px;padding:6px 7px;font-size:9px}.ok{background:#315b3c}.warn{background:#6d5726}.bad{background:#7a3535}main{width:100%;max-width:1720px;padding:28px}header{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}header small{color:#877c72}h2{margin:4px 0 0;font-size:38px}h3{margin:0 0 6px;font-size:23px}h4{margin:0 0 12px;font-size:16px}p{color:#746a61;margin:4px 0 14px;line-height:1.5}.badge{background:#fff;border:1px solid #d7d0c8;border-radius:999px;padding:10px 14px}.hero,section{background:#fff;border:1px solid #d9d1c8;border-radius:18px;margin-bottom:16px;padding:22px;box-shadow:0 4px 14px #00000008}form{gap:8px;margin-bottom:16px;display:flex}input,select{color:#28231f;background:#fff;border:1px solid #cfc6bd;border-radius:10px;padding:11px}form input{flex:1}button{color:#fff;cursor:pointer;background:#675246;border:0;border-radius:10px;padding:11px 15px;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}.danger{color:#9b3a2e;background:#fff0ee;border:1px solid #e5b7b0}.soft{color:#5d4a3f;background:#f3eee9;border:1px solid #d9cec4}.mini{padding:8px 10px}.linkbtn{color:#6b574b;background:0 0;margin-bottom:6px;padding:0}.project{border-top:1px solid #eee4dc;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.project-open{color:#28231f;text-align:left;background:0 0;flex:1;padding:8px 0}.project-open small,.image-card small,.project-open .pid-line{color:#8b8177;margin-top:4px;display:block}.title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.actions{align-items:center;gap:8px;display:flex}.file{max-width:280px}.image-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin-top:14px;display:grid}.sortable .image-card{cursor:grab;transition:transform .16s,box-shadow .16s,opacity .16s}.sortable .image-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000012}.sortable .image-card.dragging{opacity:.38;transform:scale(.98)}.image-card{background:#fbfaf8;border:1px solid #ddd3c9;border-radius:14px;padding-bottom:10px;overflow:hidden}.image-card.master{outline:3px solid #aa866f}.pic{aspect-ratio:1;background:#eee8e2;position:relative;overflow:hidden}.pic img{object-fit:cover;width:100%;height:100%;display:block}.role,.mastertag{color:#fff;background:#526f5c;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.role.full{background:#a34478}.role.detail{background:#52705d}.role.other{background:#716c67}.mastertag{background:#9c6b4e;left:auto;right:8px}.grab{color:#66564c;background:#ffffffdc;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0002}.image-card>b,.image-card>small,.card-actions{margin-left:10px;margin-right:10px;display:block}.image-card>b{white-space:nowrap;text-overflow:ellipsis;margin-top:9px;overflow:hidden}.card-actions{align-items:center;gap:6px;margin-top:9px;display:flex}.card-actions select{flex:1;min-width:0;padding:8px}.card-actions button{white-space:nowrap}.calibration-layout{grid-template-columns:310px minmax(0,1fr);gap:18px;margin-top:12px;display:grid}.controls{background:#faf8f5;border:1px solid #ddd4cb;border-radius:14px;gap:14px;padding:16px;display:grid}.controls>label:first-child{gap:7px;font-size:12px;font-weight:700;display:grid}.slider{gap:7px;display:grid}.slider span{justify-content:space-between;font-size:12px;display:flex}.slider input{width:100%;padding:0}.check{align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:auto}.primary-big{background:#624b3e;padding:14px}.primary-big.compact{padding:12px 16px}.recommend{background:#f5eee4;border:1px solid #e4d5c6;border-radius:10px;margin:8px 0 14px;padding:10px 12px}.preview-panel{border:1px solid #ddd4cb;border-radius:14px;padding:16px}.compare-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;display:grid}.compare{background:#fff;border:1px solid #e4ddd6;border-radius:12px;padding:8px}.compare>div{grid-template-columns:1fr;gap:4px;margin-bottom:7px;display:grid}.compare>div+div{border-top:1px solid #eee7e1;padding-top:7px}.compare span{color:#82776d;font-size:10px}.compare img,.empty{aspect-ratio:4/3;object-fit:cover;background:#eee8e2;border-radius:8px;width:100%}.empty{color:#9b9087;place-items:center;font-size:12px;display:grid}.empty.tall{aspect-ratio:1}.compare small{white-space:nowrap;text-overflow:ellipsis;color:#776c63;display:block;overflow:hidden}.rgb-fields{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px;display:grid}.rgb-fields input{width:100%;min-width:0;padding:9px}.linen-swatch{color:#5c5148;text-shadow:0 1px #fff8;border:1px solid #d5ccc3;border-radius:10px;place-items:center;min-height:54px;font-size:11px;font-weight:800;display:grid}.palette-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;display:grid}.palette-card{border:1px solid #e2dad2;border-radius:12px;gap:7px;padding:9px;display:grid}.palette-card>img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.palette-card>b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.palette-card>small{color:#81766d;font-size:10px}.swatches{flex-wrap:wrap;gap:5px;display:flex}.swatches span{border:1px solid #0002;border-radius:7px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #fff4}.history{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.history a{color:#4d4139;border:1px solid #e4ddd6;border-radius:10px;grid-template-columns:1.2fr 1fr 1fr;gap:8px;padding:10px;font-size:12px;text-decoration:none;display:grid}.placeholder,.next{color:#8d8278;border-style:dashed}.next{background:#faf8f5}.pipeline{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.pipeline span{color:#5d5047;background:#eee7e0;border-radius:999px;padding:8px 10px;font-size:12px}.pipeline .done{color:#365b3d;background:#e5efe6}.calibration-layout>*,.controls>*{min-width:0}.controls select,.controls input:not([type=checkbox]){width:100%;min-width:0}.controls select{text-overflow:ellipsis}main img{max-width:100%}.s8-card{min-width:0}.s8-card b,.s8-card small{white-space:normal!important;overflow-wrap:anywhere!important}nav .nav-item{text-align:left;color:#ddd;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:7px 8px;font-family:inherit;font-size:12px;font-weight:400;display:block}nav .nav-item:hover{background:#3a332e}nav .nav-item.head{background:#3a332e;font-weight:700}@media (width<=1300px){.image-grid{grid-template-columns:repeat(3,1fr)}.compare-grid,.palette-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.shell{display:block}aside{z-index:60;height:auto;padding:10px 14px;position:sticky;top:0;box-shadow:0 6px 18px #00000026}aside h1{font-size:16px;display:inline}aside h1 br{display:none}aside>b{vertical-align:2px;margin-left:8px;padding:2px 6px;font-size:9px}.sub,.status{display:none}nav{-webkit-overflow-scrolling:touch;gap:6px;margin-top:10px;padding-bottom:2px;display:flex;overflow-x:auto}nav .nav-item{white-space:nowrap;background:#3a332e;flex:none;width:auto}main{padding:14px}h2{font-size:26px}form{flex-wrap:wrap}.actions{flex-wrap:wrap;margin-top:10px}.calibration-layout{grid-template-columns:1fr}.image-grid,.compare-grid,.palette-grid{grid-template-columns:repeat(2,1fr)}.title-row{display:block}.history{grid-template-columns:1fr}}@media (width<=560px){.image-grid,.compare-grid,.palette-grid{grid-template-columns:1fr}}.wizard-shell{grid-template-columns:1fr}.wz{color:#2b2620;max-width:980px;margin:0 auto;padding:8px 4px 80px;font-size:16px}.wz button{color:#2b2620}.wz-loading{text-align:center;color:#77706a;padding:60px;font-size:18px}.wz-head{justify-content:space-between;align-items:flex-end;gap:16px;margin:6px 0 18px;display:flex}.wz-head h2{letter-spacing:.01em;margin:6px 0 0;font-size:30px}.wz-pid{color:#a49a90;letter-spacing:.04em;font-size:12.5px}.wz-link{color:#3e6b52;cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:14.5px;font-weight:800}.wz-link.subtle{color:#8b8178;background:#fff;border:1px solid #d9d0c7;border-radius:999px;padding:8px 14px;font-weight:700}.wz-link.subtle:hover{color:#3e6b52;border-color:#3e6b52}.wz-stepper{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px;display:grid}.wz-step{cursor:pointer;background:#fff;border:1.5px solid #ddd4ca;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:13px 6px 11px;transition:all .15s;display:flex}.wz-step i{color:#8b8178;background:#efe9e2;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-style:normal;font-weight:900;display:grid}.wz-step b{text-align:center;color:#6f665e;font-size:12.8px;font-weight:800;line-height:1.25}.wz-step.done i{color:#fff;background:#3e6b52}.wz-step.done b{color:#3e6b52}.wz-step.active{background:#f2f7f3;border-color:#3e6b52;box-shadow:0 4px 18px #3e6b5224}.wz-step.active i{color:#fff;background:#3e6b52;transform:scale(1.06)}.wz-step.active b{color:#274b38}.wz-step.locked{opacity:.45;cursor:default}.wz-step:focus-visible{outline-offset:2px;outline:3px solid #9cc7ae}.wz-error{background:#fdf1ef;border:1.5px solid #d9a69f;border-radius:16px;margin-bottom:14px;padding:16px 18px}.wz-error b{color:#9a4038}.wz-error p{white-space:pre-wrap;margin:6px 0 10px}.wz-error button{cursor:pointer;background:#fff;border:1px solid #d9a69f;border-radius:9px;padding:7px 14px;font-weight:800}.wz-celebrate{z-index:1000;color:#fff;background:#2f6b47;border-radius:999px;padding:13px 22px;font-weight:900;animation:.3s wzpop;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}@keyframes wzpop{0%{opacity:0;transform:translate(-50%)translateY(-14px)}}.wz-busy{z-index:60;color:#fff;background:#2c3e33;border-radius:16px;align-items:center;gap:13px;margin-bottom:14px;padding:15px 19px;display:flex;position:sticky;top:10px;box-shadow:0 10px 26px #0000002e}.wz-busy b{font-size:16px}.wz-busy small{color:#bcd0c4;margin-left:auto}.wz-spin{border:2.5px solid #fff;border-top-color:#0000;border-radius:50%;flex:none;width:17px;height:17px;animation:.7s linear infinite wzspin}@keyframes wzspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wz-spin{animation-duration:1.6s}.wz-celebrate{animation:none}}.wz-card{background:#fff;border:1px solid #e3dbd2;border-radius:22px;padding:30px 32px;box-shadow:0 8px 28px #3c30260f}.wz-card h3{margin:0 0 8px;font-size:24px}.wz-card .wz-sub{color:#4c5751;margin:24px 0 10px;font-size:16px}.wz-lead{color:#5f574f;margin:0 0 18px;font-size:15.5px;line-height:1.85}.wz-foot{border-top:1px dashed #e3dbd2;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;padding-top:18px;display:flex}.wz-foot>span{color:#8b8178;font-size:14px}.wz-hint-inline{color:#8b8178;font-size:13.5px}.wz .wz-primary{color:#fff;cursor:pointer;background:#3e6b52;border:none;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:900;transition:all .15s;box-shadow:0 4px 14px #3e6b5240}.wz .wz-primary:hover{background:#2f5440}.wz .wz-primary:disabled{color:#a49a90;cursor:default;box-shadow:none;background:#d8d2ca}.wz .wz-primary.big{border-radius:16px;padding:17px 34px;font-size:18.5px}.wz-secondary{color:#2f5440;cursor:pointer;background:#fff;border:1.5px solid #3e6b52;border-radius:12px;padding:11px 18px;font-weight:800}.wz-primary:focus-visible,.wz-secondary:focus-visible{outline-offset:2px;outline:3px solid #9cc7ae}.wz-action-row{justify-content:center;margin:20px 0 6px;display:flex}.wz-mini{cursor:pointer;background:#fffdf9;border:1px solid #cfc4ba;border-radius:9px;padding:6px 10px;font-size:12.5px;font-weight:800}.wz-mini.danger{color:#9a4038;border-color:#d9a69f}.wz .wz-x{color:#fff;cursor:pointer;background:#2b26209e;border:none;border-radius:50%;width:26px;height:26px;font-size:15px;font-weight:900;line-height:1;position:absolute;top:6px;right:6px}.wz .wz-badge{color:#fff}.wz-drop{cursor:pointer;text-align:center;background:#fbf9f6;border:2.5px dashed #c9bfb4;border-radius:20px;flex-direction:column;align-items:center;gap:7px;padding:44px 20px;transition:all .15s;display:flex}.wz-drop:hover,.wz-drop.over{background:#f2f7f3;border-color:#3e6b52}.wz-drop-icon{font-size:34px}.wz-drop b{font-size:17px}.wz-drop small{color:#8b8178}.wz-photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:18px;display:grid}.wz-photo-grid figure{background:#faf8f5;border:1.5px solid #e3dbd2;border-radius:14px;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.wz-photo-grid figure.full{border-color:#3e6b52;box-shadow:0 0 0 2px #3e6b5233}.wz-photo-grid img{object-fit:cover;width:100%;height:118px}.wz-photo-grid .tag{color:#fff;text-align:center;background:#3e6b52;padding:6px;font-size:12px;font-weight:900}.wz-photo-grid .wz-mini{border:none;border-top:1px solid #e3dbd2;border-radius:0}.wz-benefit{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 4px;display:flex}.wz-benefit span{color:#5f574f;background:#f5f1ec;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:800}.wz-strip{gap:8px;margin-top:14px;padding:6px 2px;display:flex;overflow-x:auto}.wz-strip img{border:1px solid #e3dbd2;border-radius:10px;height:110px}.wz-ok{color:#2f683d;background:#edf7ef;border-radius:12px;margin-top:14px;padding:12px 16px;font-weight:800}.wz-notice{color:#6a5a35;background:#fff8ec;border:1.5px solid #e6cf9d;border-radius:14px;margin:8px 0;padding:14px 18px;line-height:1.7}.wz-notice code{background:#fff;border:1px solid #e6cf9d;border-radius:6px;padding:1px 6px}.wz-parts-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:16px;display:grid}.wz-parts-grid figure{background:repeating-conic-gradient(#f0ece6 0 25%,#fff 0 50%) 50%/18px 18px;border:1.5px solid #e3dbd2;border-radius:14px;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.wz-parts-grid img{object-fit:contain;width:100%;height:112px}.wz-parts-grid .wz-mini{background:#fff;border:none;border-top:1px solid #e3dbd2;border-radius:0}.wz-quality-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;display:grid}.wz-quality{cursor:pointer;text-align:left;background:#fff;border:1.8px solid #ddd4ca;border-radius:16px;flex-direction:column;align-items:flex-start;gap:5px;padding:15px 15px 13px;transition:all .15s;display:flex;position:relative}.wz-quality b{font-size:17px}.wz-quality small{color:#77706a;font-size:12.8px}.wz-quality small.dim{color:#a49a90}.wz-quality .wz-bars{color:#3e6b52;letter-spacing:2px;font-size:13px}.wz-quality.sel{background:#f2f7f3;border-color:#3e6b52;box-shadow:0 4px 16px #3e6b5229}.wz-quality:focus-visible{outline-offset:2px;outline:3px solid #9cc7ae}.wz-reco{color:#fff;background:#c08b2d;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900;position:absolute;top:-9px;right:10px}.wz-fabric-row{flex-wrap:wrap;gap:9px;display:flex}.wz-fabric{cursor:pointer;background:#fff;border:1.8px solid #ddd4ca;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:14px;font-weight:800;display:flex}.wz-fabric i{border:1px solid #0002;border-radius:50%;width:19px;height:19px}.wz-fabric.sel{background:#f2f7f3;border-color:#3e6b52}.wz-fabric.custom input{cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0}.wz-details{background:#fbf9f6;border:1px solid #e9e2d9;border-radius:12px;margin:16px 0 0;padding:11px 16px}.wz-details summary{cursor:pointer;color:#6f665e;font-size:14px;font-weight:800}.wz-field{color:#5f574f;flex-direction:column;gap:6px;margin-top:10px;font-size:14px;font-weight:800;display:flex}.wz-field input{border:1.5px solid #cfc4ba;border-radius:10px;width:160px;padding:11px;font-size:16px}.wz-result{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:22px;margin-top:20px;display:grid}.wz-sim{border:1px solid #e3dbd2;border-radius:16px;width:100%;box-shadow:0 8px 24px #3c30261a}.wz-grade{color:#fff;border-radius:14px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:900;display:inline-grid}.wz-grade.gA{background:#2f7d4c}.wz-grade.gB{background:#7d9a3c}.wz-grade.gC{background:#c08b2d}.wz-grade.gD{background:#a53c31}.wz-grade-msg{color:#4c5751;margin:8px 0 12px;font-weight:800;line-height:1.7}.wz-chips{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.wz-chips span{background:#f5f1ec;border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:800}.wz-partlist{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.wz-partlist li{border:1px solid #eee7de;border-radius:11px;align-items:center;gap:9px;padding:8px 12px;font-size:14px;display:flex}.wz-badge{color:#fff;background:#3e6b52;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:900}.wz-thread{color:#6f665e;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.wz-thread i{border:1px solid #0002;border-radius:50%;width:13px;height:13px}.wz-issues{color:#6a5a35;margin:8px 0 0 18px;font-size:13.5px;line-height:1.8}.wz-cost-inputs{flex-wrap:wrap;align-items:flex-end;gap:22px;display:flex}.wz-check{color:#5f574f;align-items:center;gap:8px;padding-bottom:12px;font-size:14.5px;font-weight:800;display:flex}.wz-check input{accent-color:#3e6b52;width:19px;height:19px}.wz-advice{background:#f2f7f3;border:1.5px solid #cfe0d4;border-radius:16px;margin-top:8px;padding:17px 20px}.wz-advice>b{color:#274b38;font-size:18px}.wz-advice p{color:#4c5751;margin:7px 0 0;line-height:1.75}.wz-table{border-collapse:collapse;width:100%;margin-top:16px;font-size:14.5px}.wz-table th,.wz-table td{text-align:right;border:1px solid #e6ded4;padding:10px 12px}.wz-table th:first-child,.wz-table td:first-child{text-align:left}.wz-table thead{background:#f5f1ec}.wz-table tr.dim{color:#8b8178}.wz-checklist{flex-direction:column;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.wz-checklist li{color:#a49a90;border:1px solid #eee7de;border-radius:12px;align-items:center;gap:10px;padding:11px 15px;font-weight:800;display:flex}.wz-checklist li:before{content:"○";font-weight:900}.wz-checklist li.on{color:#2f683d;background:#f4faf5;border-color:#cfe0d4}.wz-checklist li.on:before{content:"✓"}.wz-checklist li.warn{color:#8a6b25;background:#fffaf0;border-color:#e6cf9d}.wz-checklist li.warn:before{content:"！"}.wz-package{margin-top:16px}.wz-download{color:#fff;background:#3e6b52;border-radius:14px;margin:12px 0;padding:15px 26px;font-size:17px;font-weight:900;text-decoration:none;display:inline-block;box-shadow:0 4px 14px #3e6b5240}.wz-download:hover{background:#2f5440}.wz-pkg-list{color:#5f574f;margin:8px 0 0 4px;padding:0 0 0 18px;line-height:2}@media (width<=840px){.wz-stepper{grid-template-columns:repeat(3,1fr)}.wz-result{grid-template-columns:1fr}.wz-card{padding:22px 18px}}.wz-size-free{color:#5f574f;align-items:center;gap:7px;font-size:14px;font-weight:800;display:flex}.wz-size-free input{border:1.5px solid #cfc4ba;border-radius:10px;width:88px;padding:9px;font-size:16px}.wz-est{color:#2f5440;font-weight:800;line-height:1.5}