.kit-visual{padding-top:26px!important}.kit-mini{background:#fffdf7;border:1px solid #d8dfd0;box-shadow:0 10px 25px #33482d0d;border-radius:10px;padding:18px 22px;width:100%;max-width:370px;transform:rotate(-1deg)}.kit-mini>b{font-size:13px;font-weight:600}.kit-mini-row{display:flex;align-items:center;gap:12px;margin-top:13px;font-size:11px}.kit-mini-row small{margin-left:auto;color:#56754b;font-size:10px}.kit-mask{display:block;background:#293d2d;height:15px;width:130px;border-radius:2px}.kit-mask.short{width:100px}.kit-mini-pill{font-size:10px;margin-top:16px;color:#5e7654}.kit-number{font-size:16px;color:#ce703f}.kit-thumbnail{display:block;background:#bbcab1;width:36px;height:28px;border-radius:4px;margin-left:auto}.kit-mini-row>.kit-thumbnail:first-child{margin-left:0}.kit-thumbnail.peach{background:#e5c4a5}.sku-images{background:#f0e9da}.steps-word{background:#e5ede5}.kit-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 30px}.kit-heading h1{font-size:38px;font-weight:600;letter-spacing:-1px}.kit-heading p{font-size:14px;color:var(--muted);margin-top:10px}.kit-app{margin-bottom:65px}.kit-note{background:#eaf0e4;border:1px solid #d5dfcb;padding:15px 20px;border-radius:10px;font-size:13px;line-height:1.85;color:#4d6646}.kit-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0}.kit-file{position:relative;overflow:hidden;cursor:pointer}.kit-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.kit-file:focus-within{outline:3px solid #456c3e;outline-offset:3px}.kit-app button:disabled,.kit-app .button:has(input:disabled){opacity:.45;cursor:not-allowed}.kit-app button,.kit-app input,.kit-app textarea,.kit-app select{font:inherit}.kit-app label{font-size:13px}.kit-app input:not([type=checkbox]):not([type=file]),.kit-app select,.kit-app textarea{width:100%;border:1px solid #d3dccb;background:#fffdf8;border-radius:7px;padding:10px 12px;font-size:14px;color:#31412e;min-width:0}.kit-app textarea{min-height:110px;resize:vertical}.kit-app label:not(.button):not(.kit-confirm){display:flex;flex-direction:column;gap:8px}.kit-settings label+label{margin-top:20px}.kit-manual{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.kit-settings{background:#efeee6;border-radius:12px;padding:20px;height:fit-content;position:sticky;top:20px}.kit-small,.kit-prose{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0}.kit-count{border-top:1px solid #d6ddcf;margin-top:18px;padding-top:14px;font-size:13px}.kit-empty{padding:65px 25px;text-align:center;border:1px dashed #c9d3bd;border-radius:12px;width:100%;color:#53674b;font-size:18px}.kit-empty span{font-size:13px;line-height:2.5;color:#788571}.kit-step{display:grid;grid-template-columns:minmax(160px,40%) minmax(0,1fr);gap:18px;background:#fffdf8;border:1px solid #dbe2d3;padding:18px;border-radius:12px;margin-bottom:16px;position:relative}.kit-step img{width:100%;max-height:270px;object-fit:contain;align-self:start;background:#eeefe9;border:1px solid #e3e6db;border-radius:7px}.kit-step-head{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.kit-step-head strong{margin-right:auto;font-size:15px}.kit-step button{padding:5px 9px;background:#f1f1e8;border:1px solid #dbe1d2;border-radius:6px;font-size:12px}.kit-step label+label{margin-top:12px}.kit-step-head .kit-delete{color:#9f4f2c}.kit-selects{display:grid;grid-template-columns:2fr 2fr 1fr;gap:15px;margin:20px 0}.kit-summary{display:flex;gap:12px;flex-wrap:wrap;padding:16px;background:#efeee6;border-radius:10px;font-size:13px}.kit-summary strong{font-size:21px;color:#355231}.kit-confirm{display:flex;align-items:flex-start;gap:10px;margin:18px 0;line-height:1.8}.kit-confirm input{margin-top:5px;accent-color:#42613a}.kit-picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.kit-picture-grid>.kit-empty{grid-column:1/-1}.kit-picture{background:#fffdf8;border:1px solid #dce2d4;border-radius:12px;padding:15px;overflow-wrap:anywhere}.kit-picture img,.kit-image-missing{width:100%;height:150px;object-fit:contain;background:#f0f1ea;border-radius:6px;margin-bottom:12px}.kit-image-missing{display:grid;place-items:center;color:#7b8874;font-size:13px}.kit-picture h3{font-size:15px}.kit-picture p{font-size:12px;color:var(--muted);margin-top:6px}.kit-picture .kit-warning{color:#99522c}.kit-picture .kit-ok{color:#426c39}.kit-issues{background:#f4ecdf;border:1px solid #e3d6be;padding:18px;border-radius:10px;margin:24px 0}.kit-issues summary,.kit-scope summary{cursor:pointer;font-weight:550;font-size:14px}.kit-issues ul{padding-left:20px;margin-top:15px;font-size:12px;line-height:1.9}.kit-issues li+li{margin-top:7px}.kit-issues button{margin-top:15px;padding:8px 15px;border:1px solid #cbbca2;border-radius:6px;background:#fff9ee;color:#6a563b}.kit-scope{border-top:1px solid #dce1d3;padding:22px 0;margin-top:26px}.kit-scope p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:14px}.kit-sandbox{background:#fffdf8;border:1px solid #d8dfcd;border-radius:14px;padding:30px}.kit-sandbox-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.kit-sandbox h2{font-size:25px}.kit-total{display:flex;flex-direction:column;gap:5px}.kit-total strong{font-size:27px}.kit-total small{font-size:12px;color:var(--muted)}.kit-table-scroll{overflow:auto}.kit-sandbox table{border-collapse:collapse;width:100%;min-width:540px;font-size:13px}.kit-sandbox th,.kit-sandbox td{border-bottom:1px solid #e2e5da;text-align:left;padding:17px 14px}.kit-sandbox th{color:#67775c;font-weight:500;background:#f0f3e9}#kit-status{min-height:23px;font-size:13px;margin:12px 0 20px;color:#4b6541;line-height:1.8;overflow-wrap:anywhere}#kit-status.error{color:#a44c29}.kit-more{padding:12px;display:block;margin:15px auto;background:#edf0e5;border:1px solid #cfdbc5;border-radius:8px;color:#416137}
@media(max-width:900px){.kit-manual{grid-template-columns:200px minmax(0,1fr)}.kit-step{grid-template-columns:1fr}.kit-step img{max-height:240px}.kit-picture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.kit-heading{align-items:flex-start;flex-direction:column;margin-top:15px}.kit-heading h1{font-size:32px}.kit-heading p{line-height:1.8}.kit-manual{grid-template-columns:1fr}.kit-settings{position:static}.kit-selects{grid-template-columns:1fr}.kit-picture-grid{grid-template-columns:1fr}.kit-sandbox{padding:18px}.kit-sandbox-head{align-items:flex-start;flex-direction:column}.kit-mini{padding:16px}.kit-toolbar .button{font-size:12px}.kit-note{padding:13px 16px}.kit-step{padding:14px}.kit-visual{height:250px}.kit-confirm{font-size:12px}.kit-app{margin-bottom:40px}}

/* Workspace hierarchy: input, review, export. */
.kit-heading{margin:18px 0 24px;align-items:center}.kit-heading h1{font-size:30px;letter-spacing:-.6px}.kit-heading p{font-size:14px;margin-top:8px}.kit-heading .button{padding:8px 15px;font-size:12px}.kit-flow{list-style:none;display:flex;align-items:center;padding:0 0 22px;margin:0;gap:28px;color:#84907c;font-size:13px}.kit-flow li{display:flex;gap:9px;align-items:center}.kit-flow li+li:before{content:'→';font-size:13px;color:#acb4a5;margin-right:12px}.kit-flow li>span{display:grid;place-items:center;width:24px;height:24px;background:#e9ece3;border-radius:50%;font-size:11px}.kit-flow [aria-current=step]{color:#324f41;font-weight:600}.kit-flow [aria-current=step]>span{background:#324f41;color:white}.kit-flow .is-complete{color:#56754b}.kit-dropzone{border:1px dashed #bdccb5;border-radius:12px;display:flex;align-items:center;gap:16px;padding:23px;background:#f0f3e9}.kit-dropzone.is-dragging{background:#e1ecd8;border:2px solid #527243;padding:22px}.drop-icon{display:grid;place-items:center;background:#e2ead9;width:42px;height:42px;border-radius:10px;font-size:25px;color:#6a805b;flex-shrink:0}.kit-dropzone>div{flex:1;min-width:0}.kit-dropzone strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}.kit-dropzone p{font-size:12px;color:#66765e;margin-top:5px}.kit-dropzone .button{font-size:13px;padding:10px 18px;white-space:nowrap}.kit-text-button{background:none;color:#5f7257;padding:8px 2px;font-size:12px!important;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.kit-workbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;font-size:12px;color:#73806b}.kit-workbar [data-state=error]{color:#a44c29}.kit-workbar [data-state=saving]{color:#8b743e}.kit-manual{grid-template-columns:220px minmax(0,1fr);gap:20px}.kit-settings{background:#efeee6;padding:18px;top:16px}.kit-settings .kit-small{font-size:12px;margin:13px 0 0}.kit-settings label{font-size:13px}.kit-count{font-size:12px}.kit-step{grid-template-columns:180px minmax(0,1fr);gap:20px}.kit-step img{max-height:220px}.kit-step textarea{min-height:84px}.kit-step-head button{min-height:32px}.kit-empty{padding:45px 20px;font-size:16px;background:#fafaf5}.kit-empty span{font-size:13px}.kit-inline-details{margin-top:18px;font-size:12px}.kit-inline-details summary{cursor:pointer;color:#65775d}.kit-inline-details label{margin-top:10px}.kit-inline-details textarea{font-size:13px}.kit-export-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d9e1d0;background:#f0f3e9;border-radius:12px;padding:18px 22px;margin-top:20px}.kit-export-bar strong{font-size:15px}.kit-export-bar p{font-size:12px;color:#697862;margin-top:4px}.kit-export-bar .button{flex-shrink:0;padding:11px 22px;font-size:14px}.kit-export-bar .kit-confirm{margin:0;font-size:13px}.kit-selects{gap:16px;margin:20px 0}.kit-selects label{font-size:12px!important}.kit-summary{background:#edf1e6;gap:26px;padding:17px 20px}.kit-summary span{display:flex;align-items:center;gap:6px}.kit-summary .summary-warning{color:#9b6236}.kit-summary .summary-warning strong{color:inherit}.kit-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.kit-preview-heading h2{font-size:17px;font-weight:600}.kit-preview-heading .catalog-tabs{width:auto}.kit-picture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.kit-picture{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;padding:15px;border-radius:10px}.kit-picture img,.kit-image-missing{height:90px;width:90px;margin:0}.kit-picture h3{font-size:14px}.kit-picture p{font-size:12px;line-height:1.7;margin-top:4px}.kit-picture .kit-filename{color:#7e8976;font-size:11px}.kit-picture .kit-advice{font-size:12px;color:#836544}.kit-picture:has(.kit-warning){border-color:#e5d6bd}.kit-picture-details{font-size:11px;color:#708064;margin-top:7px}.kit-picture-details summary{cursor:pointer}.kit-issues{margin:18px 0;padding:15px 18px}.kit-issues ul{font-size:13px}.kit-more{grid-column:1/-1}.kit-scope{margin-top:24px;padding:18px 0}.kit-scope summary{font-size:13px}#kit-status{margin:12px 0;min-height:0;font-size:13px}#kit-status:empty{display:none}.kit-app{margin-bottom:36px}.kit-note{font-size:13px}.kit-sandbox{padding:24px}
@media(max-width:960px){.kit-manual{grid-template-columns:190px minmax(0,1fr)}.kit-step{grid-template-columns:130px minmax(0,1fr)}.kit-step-head{gap:5px}.kit-step-head strong{width:100%}.kit-dropzone{flex-wrap:wrap}.kit-dropzone>div{flex-basis:65%}.kit-dropzone>.button{margin-left:58px}}
@media(max-width:680px){.kit-heading{align-items:flex-start;margin:18px 0 22px;gap:12px}.kit-heading h1{font-size:27px}.kit-heading .eyebrow{font-size:11px}.kit-heading p{font-size:13px}.kit-flow{gap:12px;justify-content:space-between;font-size:11px;padding-bottom:17px}.kit-flow li{gap:5px}.kit-flow li+li:before{display:none}.kit-flow li>span{width:21px;height:21px}.kit-dropzone{padding:20px 16px;gap:12px}.kit-dropzone.is-dragging{padding:19px 15px}.drop-icon{display:none}.kit-dropzone>div{flex-basis:100%}.kit-dropzone strong{font-size:15px}.kit-dropzone p{font-size:12px;line-height:1.8}.kit-dropzone>.button{margin-left:0;min-height:44px}.kit-manual{grid-template-columns:1fr;gap:16px}.kit-settings{position:static}.kit-step{grid-template-columns:1fr;padding:15px;gap:14px}.kit-step img{max-height:180px}.kit-step-head strong{width:auto}.kit-step-head button{min-height:36px}.kit-export-bar{padding:17px;flex-direction:column;gap:15px;align-items:stretch}.kit-export-bar .button{justify-content:center;min-height:46px}.kit-selects{grid-template-columns:1fr}.kit-summary{gap:10px 18px;padding:14px;font-size:12px}.kit-summary strong{font-size:19px}.kit-preview-heading{gap:12px}.kit-preview-heading h2{font-size:16px;white-space:nowrap}.kit-preview-heading .catalog-tabs button{padding:7px 9px;font-size:11px}.kit-picture-grid{grid-template-columns:1fr}.kit-picture{grid-template-columns:76px minmax(0,1fr);padding:13px;gap:12px}.kit-picture img,.kit-image-missing{width:76px;height:76px}.kit-workbar{font-size:11px;gap:10px}.kit-export-bar .kit-confirm{font-size:12px}.kit-heading .button{font-size:12px}.kit-app{margin-bottom:30px}}
.kit-export-bar{position:sticky;bottom:12px;z-index:5;box-shadow:0 4px 24px #263d3610}
@media(max-width:680px){.kit-export-bar{bottom:8px;gap:10px}.kit-export-bar>div>strong{display:none}.kit-export-bar p{font-size:11px}.kit-export-bar .button{min-height:44px}}