html body .suite-editor .zl-panel{padding:20px 18px}.suite-editor .step-label{font-size:13px;color:#6c7d57;margin:20px 0 10px}.suite-start .step-label{margin-top:0}.suite-library{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;color:#849077}.suite-library select{min-width:0;flex:1;padding:6px;border:1px solid #d5dcc8;border-radius:8px;background:#fffdf5;color:#536a40;font-size:12px}.suite-selection{display:flex;flex-wrap:wrap;gap:9px 12px;font-size:13px;margin-bottom:12px}.suite-selection label{display:flex;align-items:center;gap:5px}.suite-selection input{accent-color:#647b4e;width:16px;height:16px}.suite-editor #generate-set{width:100%;min-height:39px;background:#e2e9d0}.suite-editor .quick-products{grid-template-columns:repeat(3,1fr);padding:4px}.suite-editor .quick-products button{font-size:14px;padding:9px 4px;min-height:36px}.suite-editor .quick-description{font-size:12px;margin:10px 0}.suite-editor .quick-source{margin:10px 0 16px}.suite-editor .quick-source img{width:48px;height:48px}.suite-editor .text-button{font-size:11px;padding:2px 0;border:0;background:none;color:#758963;text-decoration:underline;min-height:24px}.suite-editor .quick-size{margin-bottom:16px}.suite-editor .quick-finish>span{font-size:13px}.suite-editor .quick-auto{margin:14px 0;font-size:11px}.suite-eyebrow{margin:0 0 5px;font-size:12px;color:#879477}.suite-results{display:flex;gap:8px;flex-wrap:wrap}.suite-results button{flex:1;min-width:95px;text-align:left;padding:11px 12px;background:#fbfcf4;border:1px solid #dce3cf;border-radius:12px}.suite-results strong{display:block;font-size:14px}.suite-results span{display:block;font-size:10px;color:#81916f;margin-top:5px}.suite-editor .canvas-caption #kit-views{margin-left:auto}.suite-editor .quick-result{display:flex;align-items:center;justify-content:space-between;gap:12px}.suite-editor #download-current{white-space:nowrap;font-size:12px}.suite-editor #canvas-title{font-size:26px}.bead-spec{font-size:11px;line-height:1.8;padding:10px;background:#e9eddc;border-radius:9px}.suite-editor #bead-controls select{width:100%;border:1px solid #cdd7bd;border-radius:8px;background:#fffef6;color:#4e6340;min-height:38px;margin-top:7px;padding:6px}.suite-editor .number-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.suite-editor .number-pair label{font-size:12px}.suite-editor .number-pair input{width:100%;min-width:0;display:block;margin-top:7px;padding:8px;border:1px solid #cdd7bd;border-radius:7px;background:#fffef6;color:#4e6340}.bead-colors{display:flex;gap:16px}.bead-colors label{display:flex;align-items:center;gap:7px;font-size:12px}.bead-colors input{width:45px;height:35px;padding:2px;border:1px solid #cbd5ba;border-radius:7px;background:#fff}.bead-palettes{display:flex;gap:6px;margin-top:12px}.bead-palettes button{font-size:11px;padding:5px 8px}.suite-editor .hint{font-size:11px;line-height:1.7;color:#849077}.suite-editor #overview{font-size:12px}.suite-editor .canvas-shell{min-height:350px}
@media(max-width:760px){html body .suite-editor .zl-panel{padding:16px}.suite-editor #workspace{padding-top:18px}.suite-results{gap:5px}.suite-results button{min-width:82px;padding:9px}.suite-editor .step-label{margin-top:15px}.suite-editor .quick-products{grid-template-columns:repeat(5,minmax(0,1fr))}.suite-editor .quick-products button{font-size:13px;padding:8px 2px}.suite-editor .quick-auto{margin:10px 0}.suite-editor .quick-result{align-items:flex-start;flex-wrap:wrap}.suite-editor .canvas-caption{gap:7px}.suite-editor #canvas-title{font-size:22px}.suite-editor .canvas-shell{min-height:380px}}
/* 2026-10-27: product tabs across the top, parameter tools down the left. */
html body .zl-editor.tabs-editor{grid-template-columns:72px 274px minmax(0,1fr);grid-template-rows:76px auto 62px minmax(0,1fr)}
html body .tabs-editor #product-bar{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:center;gap:28px;border-bottom:1px solid #d6dec9;background:#f5f5e9;padding:8px 22px;min-width:0}
html body .tabs-editor #product-tabs{display:flex;gap:8px;min-width:0}
html body .tabs-editor #product-tabs button{min-width:92px;padding:10px 16px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:17px;color:#71835d;white-space:nowrap}
html body .tabs-editor #product-tabs button.selected{background:#e0e8ce;border-color:#9eae89;color:#40572f}
html body .tabs-editor #product-tabs button[data-status=error]{border-color:#b77a56}
html body .tabs-editor #overview{font-size:12px;background:transparent;border:1px solid #c8d3b7;padding:8px 12px;white-space:nowrap}
html body .tabs-editor .zl-rail{display:flex!important;grid-column:1;grid-row:4;flex-direction:column;align-items:center;gap:6px;padding:16px 4px;border-right:1px solid #d4dbc8;background:#f1f3e6;overflow:auto}
html body .tabs-editor .zl-tool{width:60px;min-height:66px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-radius:12px;color:#7d8d6a;padding:8px 4px}
html body .tabs-editor .zl-tool[aria-selected=true]{background:#e0e7cc;color:#4a6338}
html body .tabs-editor .zl-tool-label{font-size:12px}
html body .tabs-editor .zl-inspector{grid-column:2;grid-row:4;visibility:visible;pointer-events:auto}
html body .tabs-editor .zl-inspector-head{display:flex!important;padding:23px 20px 8px}.tabs-editor .zl-panel-close{display:none}
html body .tabs-editor .zl-stage{grid-column:3;grid-row:4}
html body .tabs-editor .zl-panel{padding:16px 20px}
html body .tabs-editor #workspace{padding:25px 28px;gap:18px}
html body .tabs-editor .canvas-shell{min-height:300px}
html body .tabs-editor #generate-set{margin-top:20px}
html body .tabs-editor .quick-source{margin:22px 0}.tabs-editor .quick-source strong{max-width:150px}
html body .tabs-editor .quick-finish>span{margin-bottom:12px}.tabs-editor #draft-tools{margin-top:24px}
html body .tabs-editor #color-panel select{width:100%;min-height:40px;padding:8px;border:1px solid #cdd7bd;border-radius:8px;background:#fffef6;color:#4e6340;margin:10px 0 22px}
html body .tabs-editor .bead-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tabs-editor .bead-colors label{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.tabs-editor .bead-colors input{width:100%;height:48px}.tabs-editor .bead-palettes{margin:18px 0 12px;flex-wrap:wrap}
html body .tabs-editor .quick-swap{margin-top:6px}
html body .tabs-editor .structure-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #dde3d2;font-size:14px}.tabs-editor .structure-toggle input{width:18px;height:18px;accent-color:#657c4b}
@media(max-width:1000px) and (min-width:761px){html body .zl-editor.tabs-editor{grid-template-columns:64px 230px minmax(0,1fr)}html body .tabs-editor #workspace{padding:20px 18px}html body .tabs-editor .zl-panel{padding:14px}}
@media(max-width:760px){html body .zl-editor.tabs-editor{grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto 58px auto auto;height:auto;min-height:100dvh}html body .tabs-editor #product-bar{grid-column:1/-1;grid-row:3;justify-content:flex-start;padding:6px 8px;gap:10px;overflow-x:auto}html body .tabs-editor #product-tabs{gap:3px;flex:1}html body .tabs-editor #product-tabs button{min-width:0;padding:10px 9px;font-size:14px}html body .tabs-editor #overview{display:none}html body .tabs-editor .zl-rail{grid-column:1;grid-row:4;width:auto;padding:10px 2px;gap:2px;overflow:visible}html body .tabs-editor .zl-tool{width:54px;min-height:60px;padding:7px 3px}html body .tabs-editor .zl-inspector{grid-column:2;grid-row:4;border-bottom:1px solid #d5ddc8;overflow:visible}html body .tabs-editor .zl-inspector-head{padding:14px 16px 0}html body .tabs-editor .zl-panel{padding:12px 16px 20px}html body .tabs-editor .zl-stage{grid-column:1/-1;grid-row:5}html body .tabs-editor #workspace{padding:20px 14px}html body .tabs-editor .quick-source{margin:12px 0}html body .tabs-editor .quick-finish .segmented{gap:3px}html body .tabs-editor .quick-finish button{padding:8px 4px;font-size:12px}html body .tabs-editor #generate-set{margin-top:14px}}
html body .tabs-editor .zl-header{grid-column:1/-1;grid-row:1}
html body .zl-editor.tabs-editor.zl-panel-collapsed{grid-template-columns:72px 274px minmax(0,1fr);grid-template-rows:76px auto 62px minmax(0,1fr)}
@media(max-width:1000px) and (min-width:761px){html body .zl-editor.tabs-editor.zl-panel-collapsed{grid-template-columns:64px 230px minmax(0,1fr)}}
@media(max-width:760px){html body .zl-editor.tabs-editor.zl-panel-collapsed{grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto 58px auto auto}html body .tabs-editor .zl-header{grid-column:1/-1}html body .tabs-editor .zl-inspector{max-height:none}}
/* Basic editing is the default. Product choices live with the canvas. */
html body .zl-editor.tabs-editor,html body .zl-editor.tabs-editor.zl-panel-collapsed{grid-template-rows:76px auto minmax(0,1fr)}
html body .tabs-editor .zl-rail,html body .tabs-editor .zl-inspector,html body .tabs-editor .zl-stage{grid-row:3}
html body .tabs-editor #product-bar{padding:0;border:0;background:none;gap:16px;justify-content:space-between;flex-shrink:0}
html body .tabs-editor #product-tabs{flex:1;gap:9px}
html body .tabs-editor #product-tabs button{flex:1;min-width:0;padding:13px 12px;text-align:center;background:#fbfcf4;border:1px solid #dce3cf;border-radius:13px;font-size:16px;transition:background .15s,border-color .15s}
html body .tabs-editor #product-tabs button:hover{background:#eaf0dd}
html body .tabs-editor #product-tabs button.selected{background:#e0e8ce;border-color:#92a579;color:#40572f}
html body .tabs-editor #workspace{gap:15px}
html body .tabs-editor #view-tabs{display:flex;align-self:center;background:#e5eadb;padding:4px;border-radius:12px;gap:3px;flex-shrink:0}
html body .tabs-editor #view-tabs button{padding:9px 24px;border:0;background:transparent;font-size:14px;border-radius:9px}
html body .tabs-editor #view-tabs button.selected{background:#fffef8;color:#465c36;box-shadow:0 1px 4px #53623b12}
html body .tabs-editor #flat{position:absolute;inset:0;width:100%;height:100%;touch-action:none;user-select:none}
html body .tabs-editor #flat[hidden]{display:none}
.art-selection{cursor:move}.art-handle{cursor:nwse-resize}.art-selection:focus{outline:none;stroke:#3c5b28;stroke-width:.4}
html body .tabs-editor .color-cards{display:grid;gap:12px;margin:4px 0 12px}
html body .tabs-editor .color-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px 12px;padding:14px;border:1px solid #d5dec8;border-radius:12px;background:#fffef8;min-width:0}
html body .tabs-editor .color-card>label{grid-column:1/-1;font-size:13px;color:#536a40}
html body .tabs-editor .color-card input[type=color]{height:44px;width:48px;border:1px solid #ced8bf;border-radius:9px;padding:4px;background:#fffef9;cursor:pointer}
html body .tabs-editor .color-card input[type=color]::-webkit-color-swatch-wrapper{padding:1px}
html body .tabs-editor .color-card input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}
html body .tabs-editor .color-card input[type=text]{min-width:0;width:100%;height:44px;padding:7px;border:1px solid #d5dec8;border-radius:8px;background:#fffdf7;font:13px ui-monospace,monospace;color:#526442;text-align:center;text-transform:uppercase}
html body .tabs-editor input[aria-invalid=true]{border-color:#ac6044!important}
html body .tabs-editor .palette-label{font-size:12px;margin:23px 0 10px;color:#78876a}
html body .tabs-editor .bead-palettes{display:flex;gap:10px;margin:0 0 15px}
html body .tabs-editor .bead-palettes button{display:flex;gap:0;align-items:center;padding:5px;border:1px solid #d5dec8;border-radius:24px;background:#fffef8;min-height:40px}
html body .tabs-editor .bead-palettes i{display:block;width:25px;height:25px;border-radius:50%;border:1px solid #61734d18}
html body .tabs-editor .bead-palettes i+i{margin-left:-8px}
html body .tabs-editor .quick-swap{border-style:solid;border-radius:9px;min-height:40px;background:#edf0df}
html body .tabs-editor #center-art{font-size:12px;min-height:36px}
@media(max-width:1000px){html body .tabs-editor #product-tabs{gap:5px}html body .tabs-editor #product-tabs button{font-size:14px;padding:12px 7px}html body .tabs-editor #product-bar{gap:8px}html body .tabs-editor #overview{padding:8px;font-size:11px}}
@media(max-width:760px){html body .zl-editor.tabs-editor,html body .zl-editor.tabs-editor.zl-panel-collapsed{grid-template-rows:auto auto auto auto}html body .tabs-editor .zl-rail,html body .tabs-editor .zl-inspector{grid-row:3}html body .tabs-editor .zl-stage{grid-row:4}html body .tabs-editor #product-bar{overflow:visible}html body .tabs-editor #product-tabs{gap:5px}html body .tabs-editor #product-tabs button{font-size:14px;padding:11px 5px}html body .tabs-editor #view-tabs button{padding:9px 22px}html body .tabs-editor .color-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body .tabs-editor .color-card{padding:10px;grid-template-columns:1fr;gap:7px}html body .tabs-editor .color-card input[type=color]{width:100%}html body .tabs-editor #flat{min-height:300px}}
html body .tabs-editor #view-tabs button{white-space:nowrap;min-width:112px}
/* Overview is a peer of the five tool tabs, with the same geometry. */
html body .tabs-editor #product-tabs #overview{display:block;flex:1;min-width:0;padding:13px 12px;min-height:50px;border:1px solid #657c50;border-radius:13px;font-size:16px;background:#6f855b;color:#fffef1;white-space:nowrap}
html body .tabs-editor #product-tabs #overview:hover{background:#61794c}
html body .tabs-editor #product-tabs #overview.selected{background:#465d36;border-color:#465d36;color:#fffef1}
html body .tabs-editor #product-tabs button{min-height:50px}
html body .tabs-editor #flat[hidden],html body .tabs-editor #solid[hidden]{display:none!important;pointer-events:none!important}
#flat [data-open-product]{cursor:pointer}#flat [data-open-product]:hover>rect,#flat [data-open-product]:focus>rect{stroke:#829868;stroke-width:.8;fill:#eef3df}
@media(max-width:1000px){html body .tabs-editor #product-tabs #overview{padding:12px 7px;font-size:14px}}
@media(max-width:760px){html body .tabs-editor #product-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}html body .tabs-editor #product-tabs button,html body .tabs-editor #product-tabs #overview{padding:11px 5px;font-size:14px;min-height:44px}}
html body .tabs-editor .quantity-field{display:flex;flex-direction:column;gap:12px;font-size:14px;margin:20px 0}
html body .tabs-editor #quantity,html body .tabs-editor #size-number{width:100%;min-width:0;min-height:43px;padding:9px 12px;border:1px solid #cdd7bd;border-radius:9px;background:#fffef7;color:#4e6340}
html body .tabs-editor #size-number{grid-column:1/-1}
html body .tabs-editor .print-advice{flex-shrink:0;font-size:12px;line-height:1.7;color:#6e795f;background:#eaf0de;border:1px solid #d5dfc7;border-radius:10px;padding:10px 14px;margin:0}
html body .tabs-editor #multi-color-cards{grid-template-columns:1fr}
html body .tabs-editor #multi-color-cards input[type=color]{width:48px}
html body .tabs-editor #flat .art-target{cursor:default}
@media(max-width:760px){html body .tabs-editor #multi-color-cards{grid-template-columns:repeat(2,minmax(0,1fr))}html body .tabs-editor #multi-color-cards input[type=color]{width:100%}}