.ce-draft-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #dce5d3;background:#edf3e6;border-radius:12px;padding:17px 21px;margin-bottom:23px}.ce-draft-banner strong{font-size:12px}.ce-draft-banner p{font-size:11px;color:#7b8a70;margin-top:6px;line-height:1.6}.ce-catalog-toolbar{margin-bottom:14px}.ce-catalog-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.ce-catalog-card .content-card-top{width:100%;gap:7px}.ce-catalog-card h3{font-size:17px;letter-spacing:-.025em;margin:14px 0}.ce-catalog-card>button{margin-top:auto;padding-top:18px}.ce-card-shapes{display:flex;gap:8px;flex-wrap:wrap;margin:7px 0 17px}.ce-card-shape{display:flex;flex-direction:column;align-items:center;gap:5px}.ce-card-shape small{font-size:8px;color:#87977c}.ce-shape-icon{display:grid;grid-template-columns:repeat(4,5px);grid-template-rows:repeat(2,5px);gap:2px}.ce-shape-icon i{border-radius:1px}.ce-shape-icon .filled{background:#8da97a}.ce-card-description{margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ce-miniature{display:inline-grid;gap:3px;padding:12px;background:#f3f5ee;border-radius:8px;margin:0 0 12px;align-self:flex-start}.ce-mini-cell{width:16px;height:16px;border-radius:3px}.ce-part-0{background:#c8d8bb}.ce-part-1{background:#dfc89d}.ce-part-2{background:#cbbfe2}.ce-part-3{background:#b9d6d8}.ce-part-4{background:#d9bbac}.ce-part-5{background:#d5d395}.ce-part-6{background:#b7c9df}.ce-part-7{background:#cbd2ca}.ce-part-empty{background:#e9ece3}.content-modal{width:min(1090px,calc(100vw - 30px));max-height:92vh}.content-modal .modal-header{z-index:5}.ce-fields{border:0;margin:0;padding:0;min-width:0}.ce-editor-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#98a58b;font-size:11px;margin-bottom:25px}.ce-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.ce-section-number{border:1px solid #dce4d2;border-radius:7px;width:29px;height:29px;display:flex;align-items:center;justify-content:center;color:#8a9c77;font-size:10px;flex:none;background:#f7f9f2}.ce-section-title h3{font-size:17px;letter-spacing:-.025em;margin-top:3px}.ce-section-title p{font-size:11px;color:#96a08d;margin-top:6px;line-height:1.6}.ce-section{margin-bottom:25px}.ce-panel{padding:21px;background:#f8faf4;border:1px solid #e4e9dc;border-radius:12px}.ce-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.ce-shape-picker{display:flex;gap:9px;flex-wrap:wrap}.ce-shape-button{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;min-width:67px;height:80px;background:#fff;border:1px solid #e0e5d9;border-radius:9px;color:#8d9982;font-size:11px}.ce-shape-button .ce-shape-icon{grid-template-columns:repeat(4,8px);grid-template-rows:repeat(2,8px);gap:3px}.ce-shape-button[aria-pressed=true]{background:#edf3e5;border-color:#8daa75;color:#426135;box-shadow:inset 0 0 0 1px #8daa75}.ce-shape-button[aria-pressed=true] .filled{background:#6e8f54}.ce-help{font-size:11px;line-height:1.7;color:#8a987e;margin:12px 0}.ce-stat-row{display:flex;gap:24px;border-top:1px solid #e1e7d8;padding-top:18px;margin-top:20px}.ce-stat-row strong{display:block;font-size:22px;font-weight:500;color:#597446}.ce-stat-row span{font-size:10px;color:#94a087}.ce-recipe-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);gap:23px}.ce-grid-scroll{max-width:100%;overflow:auto;background:#f3f6ed;border:1px solid #e0e7d6;border-radius:12px;padding:22px;min-height:240px;display:flex;align-items:center;justify-content:center}.ce-paint-grid{display:grid;gap:4px;width:max-content;margin:auto}.ce-paint-cell{width:31px;height:31px;padding:0;border:1px solid #ffffff90;border-radius:5px;color:#4f6250;font-size:10px;font-weight:650;touch-action:manipulation}.ce-paint-cell:hover{outline:2px solid #8aab6c;outline-offset:1px}.ce-paint-cell.ce-part-empty{color:#b4bca9;border-style:dashed;border-color:#d2dac6;background:#edf1e7}.ce-dimensions{display:flex;align-items:flex-end;gap:10px;margin:0 0 16px}.ce-dimensions .field{flex:1;margin:0;max-width:100px}.ce-dimensions .button{margin-bottom:1px}.ce-palette{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.ce-palette-button{display:inline-flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid #dfe6d5;background:white;border-radius:7px;color:#718366;font-size:10px}.ce-palette-button[aria-pressed=true]{border-color:#74985b;box-shadow:inset 0 0 0 1px #74985b;color:#36572a}.ce-swatch{display:inline-flex;align-items:center;justify-content:center;border-radius:3px;width:20px;height:20px;font-size:10px;color:#4f6250;flex:none}.ce-material-box{padding:18px;border:1px solid #e0e7d7;border-radius:12px;background:#fcfdf9}.ce-material-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.ce-material-heading h3{font-size:15px}.ce-material-heading small{display:block;color:#9aa58f;margin-top:4px}.ce-material-list{display:flex;flex-direction:column;gap:3px;max-height:342px;overflow-y:auto;margin-top:12px;overscroll-behavior:contain}.ce-material-option{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid transparent;border-radius:6px;font-size:11px;color:#708364;line-height:1.5;cursor:pointer}.ce-material-option:has(input:checked){background:#eff4e7;border-color:#e2eace}.ce-material-option input{accent-color:var(--green);flex:none}.ce-material-option .mono{font-size:9px;color:#96a58a;min-width:30px}.ce-material-box .search-box{width:100%;min-width:0}.ce-material-box .search-box input{width:100%;min-width:0}.ce-material-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.ce-material-tools button{font-size:9px}.ce-add-part{display:flex;align-items:flex-end;gap:8px;margin-top:15px}.ce-add-part .field{margin:0;flex:1}.ce-add-part .button{margin-bottom:1px}.ce-parts-summary{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.ce-parts-summary span{font-size:10px;color:#7f9171}.ce-inline-error{font-size:11px;line-height:1.6;color:#ac7155;background:#fff4e9;border:1px solid #ecdcc8;padding:11px 13px;border-radius:7px;margin:12px 0}.ce-requirements{margin-top:26px;padding-top:24px;border-top:1px solid #e4e9dc}.content-modal .form-actions{position:sticky;bottom:-25px;padding:17px 0;background:#fff;z-index:4}.ce-publish-note{font-size:11px;color:#889a79;line-height:1.7}.ce-cols-1{grid-template-columns:repeat(1,auto)}.ce-cols-2{grid-template-columns:repeat(2,auto)}.ce-cols-3{grid-template-columns:repeat(3,auto)}.ce-cols-4{grid-template-columns:repeat(4,auto)}.ce-cols-5{grid-template-columns:repeat(5,auto)}.ce-cols-6{grid-template-columns:repeat(6,auto)}.ce-cols-7{grid-template-columns:repeat(7,auto)}.ce-cols-8{grid-template-columns:repeat(8,auto)}.ce-cols-9{grid-template-columns:repeat(9,auto)}.ce-cols-10{grid-template-columns:repeat(10,auto)}.ce-cols-11{grid-template-columns:repeat(11,auto)}.ce-cols-12{grid-template-columns:repeat(12,auto)}
@media(max-width:1000px){.ce-recipe-layout{grid-template-columns:1fr}.ce-material-list{max-height:240px;display:grid;grid-template-columns:1fr 1fr}.ce-grid-scroll{justify-content:flex-start}.ce-catalog-toolbar{flex-wrap:wrap}.ce-catalog-card .ce-mini-cell{width:13px;height:13px}}@media(max-width:720px){.content-modal{width:calc(100vw - 16px);max-height:95vh}.content-modal #modal-body{padding:20px 16px}.content-modal .modal-header{padding:20px 16px}.content-modal .modal-header h2{font-size:21px}.ce-split{grid-template-columns:1fr}.ce-draft-banner{align-items:flex-start;flex-direction:column;padding:16px}.ce-catalog-toolbar>.segmented{max-width:100%}.ce-catalog-toolbar .segmented button{padding:8px 11px}.ce-material-list{grid-template-columns:1fr}.ce-paint-cell{width:27px;height:27px}.ce-grid-scroll{padding:12px}.ce-panel{padding:16px}.ce-shape-button{min-width:57px;height:72px}.ce-editor-meta{flex-wrap:wrap}.ce-dimensions .field{max-width:90px}.ce-catalog-card .ce-mini-cell{width:13px;height:13px}.content-modal .form-actions{bottom:-20px}.ce-card-shapes{gap:7px}}
.ce-example-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px 100px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e5eadf}.ce-example-row>div strong{font-size:11px;font-weight:550}.ce-example-row>div small{display:block;font-size:10px;color:#92a086;margin-top:5px}.ce-example-row .field{margin:0}.ce-tutorial-layout{margin-top:22px;padding:17px 20px;background:#f8faf3;border:1px solid #e2e8d7;border-radius:10px}.ce-tutorial-layout h3{font-size:15px}.ce-tutorial-layout .ce-help{margin:7px 0}.ce-example-row:last-child{border:0}@media(max-width:600px){.ce-example-row{grid-template-columns:1fr 1fr 1fr}.ce-example-row>div:first-child{grid-column:1/-1}.ce-tutorial-layout{padding:15px}.ce-example-row .field{min-width:0}}
/* Keep all seven forms visible together and the save action inside the dialog. */
.ce-shape-picker{gap:7px}.ce-shape-button{min-width:55px;height:76px}.content-modal .form-actions{bottom:0}@media(max-width:720px){.content-modal .form-actions{bottom:0}.ce-shape-button{min-width:57px;height:72px}}
.ce-new-dimensions{margin:22px 0 0;padding:20px;border:1px solid #e1e8d8;border-radius:12px;background:#f8faf4}.ce-new-dimensions .checkbox-field{margin-bottom:0}.ce-new-dimensions fieldset:not([hidden]){margin-top:18px}@media(max-width:720px){.ce-new-dimensions{padding:15px}}