/* Shared canvas for the two dessert workbenches. */
.dessert-design-canvas,.dessert-design-review { color:var(--ink,#181614); border-top:1px solid var(--rule-gold,#d8d1c5); padding:20px 0; margin:12px 0; min-width:0; }
.dessert-design-kicker { font-family:var(--font-mono,monospace); font-size:10px; letter-spacing:.16em; color:var(--burgundy,#641322); }
.dessert-design-canvas h3 { font-size:19px; font-weight:400; margin:10px 0; }
.dessert-design-canvas p,.dessert-design-review p { font-size:12px; line-height:1.75; margin:8px 0 12px; }
.dessert-design-canvas details,.dessert-layer-design { border-top:1px solid var(--rule-color,#d8d1c5); padding:12px 0; }
.dessert-design-canvas summary,.dessert-layer-design summary { cursor:pointer; font-size:13px; color:var(--burgundy,#641322); line-height:1.6; }
.dessert-design-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding-top:10px; }
.dessert-design-field { display:flex; flex-direction:column; gap:6px; font-size:12px; min-width:0; }
.dessert-design-field textarea,.dessert-design-field select { box-sizing:border-box; width:100%; min-width:0; max-width:100%; background:transparent; color:inherit; border:0; border-bottom:1px solid #b8965a; border-radius:0; padding:8px 2px; font:inherit; line-height:1.6; }
.dessert-design-field textarea { resize:vertical; min-height:76px; }
.dessert-design-field textarea:focus-visible,.dessert-design-field select:focus-visible,.dessert-design-canvas summary:focus-visible,.dessert-layer-design summary:focus-visible { outline:2px solid #641322; outline-offset:3px; }
.dessert-design-review h4 { font-size:16px; font-weight:400; margin:0 0 12px; }
.dessert-design-route,.dessert-design-hints { padding-left:20px; margin:12px 0; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.dessert-design-route li { padding:5px 0; border-bottom:1px solid var(--rule-color,#d8d1c5); }
.dessert-design-route small { display:block; color:#6c6257; }
.dessert-design-hints li { margin:8px 0; }
.dessert-design-footnote { color:#6c6257; }
.dessert-layer-design { width:100%; box-sizing:border-box; }
.dessert-design-stages { color:var(--burgundy,#641322); }
@media(max-width:600px) { .dessert-design-grid { grid-template-columns:1fr; } }