1const r=` 2<svg class="sketch-lights" viewBox="0 0 1440 200" aria-hidden="true" focusable="false" 3 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 4 <path d="M -20 48 Q 100 98 220 114 Q 340 130 460 120 Q 580 106 700 68"/> 5 <path d="M 700 68 Q 830 122 960 136 Q 1090 150 1220 118 Q 1330 90 1460 40"/> 6 ${[[100,89],[220,114],[340,123],[460,120],[580,100],[700,68],[830,112],[960,136],[1090,139],[1220,118],[1335,84]].map(([t,e])=>`<path d="M ${t} ${e} v 10"/><circle class="bulb" cx="${t}" cy="${e+16}" r="5.5"/>`).join("")} 7</svg>`,h=` 8<svg class="sketch-left" viewBox="0 0 500 480" aria-hidden="true" focusable="false" 9 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 10 <!-- cornice + facade edge --> 11 <path d="M 0 22 Q 190 16 386 24"/> 12 <path d="M 0 38 L 386 44"/> 13 <path d="M 386 24 Q 390 240 386 462"/> 14 <!-- awning --> 15 <path d="M 16 106 L 362 108"/> 16 <path d="M 16 106 L -2 160"/> 17 <path d="M 362 108 L 382 162"/> 18 <path d="M -2 160 q 27 15 55 1 q 27 15 55 1 q 27 15 55 1 q 27 15 55 1 q 27 15 55 1 q 27 15 55 1 q 27 15 55 0"/> 19 <g stroke-width="1.5"> 20 <path d="M 96 107 L 84 160"/> 21 <path d="M 190 107 L 186 161"/> 22 <path d="M 284 108 L 288 161"/> 23 </g> 24 <!-- window with mullions, pendant lamp inside --> 25 <path d="M 40 214 Q 125 210 210 214"/> 26 <path d="M 210 214 Q 213 332 210 450"/> 27 <path d="M 40 214 Q 37 332 40 450"/> 28 <path d="M 28 452 Q 125 448 222 452"/> 29 <path d="M 125 216 Q 126 332 125 450" stroke-width="1.5"/> 30 <path d="M 41 314 Q 125 310 209 314" stroke-width="1.5"/> 31 <g stroke-width="1.5"> 32 <path d="M 168 216 L 168 248"/> 33 <path d="M 152 272 Q 168 246 184 272"/> 34 <circle class="bulb" cx="168" cy="280" r="3.5"/> 35 </g> 36 <!-- door --> 37 <path d="M 252 462 L 252 232 Q 252 194 302 194 Q 352 194 352 232 L 352 462"/> 38 <path d="M 265 462 L 265 236 Q 265 206 302 206 Q 339 206 339 236 L 339 462" stroke-width="1.5"/> 39 <circle cx="327" cy="330" r="4"/> 40 <!-- hanging sign with wine glass --> 41 <path d="M 386 62 L 460 62"/> 42 <path d="M 386 88 L 436 62" stroke-width="1.5"/> 43 <path d="M 440 62 L 444 76" stroke-width="1.5"/> 44 <path d="M 456 62 L 452 76" stroke-width="1.5"/> 45 <circle cx="448" cy="106" r="30"/> 46 <g stroke-width="1.5"> 47 <path d="M 437 94 Q 437 110 448 112 Q 459 110 459 94"/> 48 <path d="M 448 112 L 448 122"/> 49 <path d="M 440 124 L 456 124"/> 50 </g> 51 <!-- chalkboard menu --> 52 <path d="M 398 372 Q 433 370 468 376 L 462 440 Q 428 442 394 436 Z"/> 53 <path d="M 400 436 L 396 462"/> 54 <path d="M 462 440 L 468 462"/> 55 <g stroke-width="1.5"> 56 <path d="M 408 392 q 14 4 28 0 q 8 -2 16 1"/> 57 <path d="M 406 408 q 16 3 32 0"/> 58 <path d="M 405 422 q 12 3 24 0"/> 59 </g> 60 <!-- ground --> 61 <path d="M 0 462 Q 240 458 500 464"/> 62</svg>`,a=t=>` 63<svg class="${t}" viewBox="0 0 520 400" aria-hidden="true" focusable="false" 64 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 65 <!-- left chair --> 66 <path d="M 16 362 Q 8 260 20 192 Q 26 164 50 174"/> 67 <path d="M 12 268 Q 42 262 72 270"/> 68 <path d="M 66 270 Q 70 318 72 362"/> 69 <path d="M 20 314 Q 46 310 72 316" stroke-width="1.5"/> 70 <!-- bistro table --> 71 <path d="M 55 210 Q 150 194 245 210 Q 150 226 55 210 Z"/> 72 <path d="M 57 216 Q 150 236 243 216" stroke-width="1.5"/> 73 <path d="M 146 228 Q 144 300 140 362"/> 74 <path d="M 154 228 Q 156 300 160 362"/> 75 <path d="M 100 380 Q 150 362 200 380 Q 150 394 100 380 Z"/> 76 <!-- wine bottle + two glasses --> 77 <g stroke-width="1.5"> 78 <path d="M 116 206 L 116 148 Q 116 140 120 135 L 120 112 L 126 112 L 126 135 Q 130 140 130 148 L 130 206"/> 79 <path d="M 116 176 L 130 176"/> 80 <path d="M 166 158 Q 166 178 175 180 Q 184 178 184 158"/> 81 <path d="M 175 180 L 175 200"/> 82 <path d="M 167 202 L 183 202"/> 83 <path d="M 193 170 Q 193 186 200 188 Q 207 186 207 170"/> 84 <path d="M 200 188 L 200 202"/> 85 <path d="M 193 204 L 207 204"/> 86 </g> 87 <!-- right chair --> 88 <path d="M 294 362 Q 302 260 290 192 Q 284 164 260 174"/> 89 <path d="M 298 268 Q 268 262 238 270"/> 90 <path d="M 244 270 Q 240 318 238 362"/> 91 <path d="M 290 314 Q 264 310 238 316" stroke-width="1.5"/> 92 <!-- potted plant --> 93 <g stroke-width="1.5"> 94 <path d="M 362 366 L 398 366 L 394 392 L 366 392 Z"/> 95 <path d="M 380 366 L 380 344"/> 96 <path d="M 380 352 Q 368 348 364 336"/> 97 <path d="M 380 352 Q 392 348 396 336"/> 98 <path d="M 380 344 Q 378 332 382 324"/> 99 </g> 100 <!-- street lamp --> 101 <path d="M 465 392 Q 468 200 465 42"/> 102 <path d="M 465 42 Q 465 12 432 12"/> 103 <path d="M 432 12 L 432 20" stroke-width="1.5"/> 104 <path class="lamp-glass" d="M 420 20 Q 432 16 444 20 L 439 46 Q 432 49 425 46 Z" stroke-width="1.5"/> 105 <path d="M 459 376 Q 465 372 471 376" stroke-width="1.5"/> 106 <path d="M 452 392 L 478 392"/> 107 <!-- ground --> 108 <path d="M 0 392 Q 260 386 520 393"/> 109</svg>`,i=` 110<svg class="sketch-grill" viewBox="0 0 300 250" aria-hidden="true" focusable="false" 111 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 112 <!-- smoke, drawn bottom-up so it reads as rising --> 113 <g class="grill-smoke" stroke-width="1.5"> 114 <path d="M 122 68 q -13 -18 2 -33 q 14 -14 1 -28"/> 115 <path d="M 152 62 q 11 -15 -1 -28 q -11 -13 1 -24"/> 116 <path d="M 182 72 q -10 -13 1 -24 q 10 -11 0 -20"/> 117 </g> 118 119 <!-- Legs and the bottom ring first, so the bowl sits in front of them. 120 The ring is the detail that stops a kettle reading as a bowl on sticks. --> 121 <path d="M 100 150 L 78 222"/> 122 <path d="M 200 150 L 222 222"/> 123 <path d="M 150 170 L 150 222"/> 124 <path d="M 94 196 q 56 14 112 0" stroke-width="1.5"/> 125 <circle cx="222" cy="214" r="9" stroke-width="1.5" fill="var(--cream)"/> 126 127 <!-- Z-order is the whole trick: bowl, then the opening, then embers INSIDE 128 that opening, then the grate over them, then the food on top. Get it 129 wrong and the embers read as spots on the outside of the kettle. --> 130 <path d="M 76 108 q 3 72 74 76 q 71 -4 74 -76" fill="var(--cream-dark)"/> 131 <!-- side handles, both sides, like the real thing --> 132 <path d="M 77 116 q -13 7 -8 18" stroke-width="1.5"/> 133 <path d="M 223 116 q 13 7 8 18" stroke-width="1.5"/> 134 135 <ellipse cx="150" cy="108" rx="74" ry="18" fill="var(--cream-darker)"/> 136 <!-- Placed in the gaps the food leaves, or they simply don't show --> 137 <g class="grill-embers" stroke="none"> 138 <ellipse cx="98" cy="114" rx="10" ry="3" fill="var(--accent)"/> 139 <ellipse cx="150" cy="121" rx="24" ry="3" fill="var(--accent)"/> 140 <ellipse cx="200" cy="114" rx="9" ry="3" fill="var(--accent)"/> 141 </g> 142 143 <!-- the grate: bars shorten toward the edges to follow the opening --> 144 <g class="grill-grate" stroke-width="1.5"> 145 <path d="M 94 97 L 206 97"/> 146 <path d="M 81 102 L 219 102"/> 147 <path d="M 76 108 L 224 108"/> 148 <path d="M 81 114 L 219 114"/> 149 <path d="M 94 119 L 206 119"/> 150 </g> 151 152 <!-- What's actually cooking. Everything here has to sit inside the opening 153 ellipse (cx 150, cy 108, rx 74, ry 18), which narrows fast toward the 154 front: at the dogs' x-range there is only about y 91-125 to play with. 155 An earlier layout ran a dog to y 133 and it hung off the front edge. --> 156 <g stroke-width="1.5"> 157 <ellipse cx="112" cy="104" rx="18" ry="7.5" fill="var(--patty-done)"/> 158 <ellipse cx="190" cy="106" rx="18" ry="7.5" fill="var(--patty-done)"/> 159 <!-- two hot dogs, because the page asks about them too --> 160 <rect x="133" y="99" width="36" height="9" rx="4.5" fill="var(--patty-raw)"/> 161 <rect x="135" y="111" width="36" height="9" rx="4.5" fill="var(--patty-raw)"/> 162 </g> 163 164 <!-- ground: nearly straight, so the legs land ON it rather than through it --> 165 <path d="M 48 225 L 252 227"/> 166</svg>`,o=` 167<svg class="sketch-shop" viewBox="0 0 300 250" aria-hidden="true" focusable="false" 168 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 169 <!-- far rim: the back edge of the opening, behind the shopping --> 170 <path d="M 78 118 Q 150 104 222 118"/> 171 172 <!-- Groceries. All inside x 78-222, bottoming at y 136 so the bag's near rim 173 (which only reaches y 125 at its centre) covers them with room to spare. --> 174 <!-- Bag of buns. The scalloped top edge is doing all the work: three domes 175 under film say "soft round things" instantly, where a plain rounded 176 rectangle with a gathered neck just read as a second bottle. --> 177 <path d="M 86 136 L 86 95 a 11 11 0 0 1 21.3 0 a 11 11 0 0 1 21.4 0 a 11 11 0 0 1 21.3 0 L 150 136 Z" 178 fill="var(--cream)"/> 179 <path d="M 88 110 L 148 110" stroke-width="1.5"/> 180 181 <!-- Tray of mince. Everything here has to clear the bag's near rim, which 182 runs y 118 at the edges to 125 at the centre â an earlier version put the 183 tray at y 94 and all that showed above the bag was a stray orange blob. --> 184 <rect x="154" y="78" width="40" height="58" rx="3" fill="var(--cream)"/> 185 <path d="M 154 86 L 194 86" stroke-width="1.5"/> 186 <path d="M 159 106 q 8 -13 17 -6 q 9 -7 14 6 q -15 6 -31 0 z" 187 fill="var(--patty-raw)" stroke-width="1.5"/> 188 189 <!-- sauce bottle, the tallest thing in the bag so the group has a rhythm --> 190 <rect x="198" y="56" width="18" height="80" rx="5" fill="var(--accent)"/> 191 <rect x="202" y="45" width="10" height="11" fill="var(--cream)"/> 192 <rect x="200" y="36" width="14" height="9" rx="2" fill="var(--cream)"/> 193 <rect x="200" y="74" width="14" height="17" rx="2" fill="var(--cream)" stroke-width="1.5"/> 194 195 <!-- The bag. Flared toward the top, one gusset crease rather than two, and a 196 folded base corner â that trio is what reads "paper bag" instead of 197 "box". An earlier version had a band 24px below the rim and every part of 198 it said washing machine. --> 199 <path d="M 78 118 Q 150 132 222 118 L 208 216 Q 150 223 92 216 Z" fill="var(--cream-dark)"/> 200 <g stroke-width="1.5"> 201 <!-- rolled lip: tight to the rim, so it's a fold and not a lid --> 202 <path d="M 80 126 Q 150 140 220 126"/> 203 <path d="M 120 136 L 117 214"/> 204 <path d="M 95 215 L 116 197"/> 205 </g> 206 207 <!-- The list the calculator writes, tucked against the bag. --> 208 <g transform="rotate(-4 142 178)"> 209 <rect x="100" y="152" width="84" height="52" rx="4" fill="var(--cream)"/> 210 <g stroke-width="1.5"> 211 <path d="M 108 166 l 4 5 l 8 -10"/> 212 <path d="M 108 181 l 4 5 l 8 -10"/> 213 <path d="M 126 168 L 174 168"/> 214 <path d="M 126 183 L 174 183"/> 215 <path d="M 126 195 L 158 195"/> 216 </g> 217 </g> 218</svg>`,s=` 219<svg class="sketch-live" viewBox="0 0 300 250" aria-hidden="true" focusable="false" 220 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 221 <g class="live-bubbles"> 222 <g> 223 <path d="M 27 52 h 42 a 11 11 0 0 1 11 11 v 14 a 11 11 0 0 1 -11 11 h -30 l -13 10 l 3 -10 h -2 224 a 11 11 0 0 1 -11 -11 v -14 a 11 11 0 0 1 11 -11 z" fill="var(--cream)"/>
225 <path d="M 28 66 L 62 66" stroke-width="1.5"/> 226 <rect x="28" y="74" width="16" height="7" rx="3.5" fill="var(--accent)" stroke="none"/> 227 </g> 228 <g> 229 <path d="M 21 118 h 38 a 11 11 0 0 1 11 11 v 12 a 11 11 0 0 1 -11 11 h -26 l -12 9 l 3 -9 h -3 230 a 11 11 0 0 1 -11 -11 v -12 a 11 11 0 0 1 11 -11 z" fill="var(--cream)"/> 231 <path d="M 22 132 L 52 132" stroke-width="1.5"/> 232 <rect x="22" y="140" width="11" height="7" rx="3.5" fill="var(--accent)" stroke="none"/> 233 </g> 234 <g> 235 <path d="M 231 64 h 42 a 11 11 0 0 1 11 11 v 14 a 11 11 0 0 1 -11 11 h -2 l 3 10 l -13 -10 h -30 236 a 11 11 0 0 1 -11 -11 v -14 a 11 11 0 0 1 11 -11 z" fill="var(--cream)"/> 237 <path d="M 238 78 L 272 78" stroke-width="1.5"/> 238 <rect x="238" y="86" width="16" height="7" rx="3.5" fill="var(--accent)" stroke="none"/> 239 </g> 240 <g> 241 <path d="M 237 134 h 36 a 11 11 0 0 1 11 11 v 12 a 11 11 0 0 1 -11 11 h -3 l 3 9 l -12 -9 h -24 242 a 11 11 0 0 1 -11 -11 v -12 a 11 11 0 0 1 11 -11 z" fill="var(--cream)"/> 243 <path d="M 244 148 L 272 148" stroke-width="1.5"/> 244 <rect x="244" y="156" width="11" height="7" rx="3.5" fill="var(--accent)" stroke="none"/> 245 </g> 246 </g> 247 248 <!-- the phone whoever is cooking is holding --> 249 <rect x="104" y="40" width="92" height="176" rx="15" fill="var(--cream)"/> 250 <rect x="112" y="56" width="76" height="144" rx="8" fill="#fff"/> 251 <g stroke-width="1.5"> 252 <path d="M 141 48 L 159 48"/> 253 <path d="M 137 208 L 163 208"/> 254 </g> 255 256 <!-- the running count, three items deep --> 257 <g stroke-width="1.5"> 258 <path d="M 120 70 L 158 70"/> 259 <path d="M 118 99 L 182 99" stroke="var(--cream-darker)"/> 260 <path d="M 118 121 L 182 121" stroke="var(--cream-darker)"/> 261 <path d="M 120 88 L 152 88"/> 262 <path d="M 120 110 L 144 110"/> 263 <path d="M 120 132 L 156 132"/> 264 </g> 265 <g stroke="none"> 266 <rect x="160" y="82" width="20" height="12" rx="6" fill="var(--accent)"/> 267 <rect x="160" y="104" width="20" height="12" rx="6" fill="var(--accent)" opacity="0.72"/> 268 <rect x="160" y="126" width="20" height="12" rx="6" fill="var(--accent)" opacity="0.48"/> 269 </g> 270 271 <!-- the total, which is the whole reason anyone opens this --> 272 <rect x="118" y="150" width="64" height="38" rx="7" fill="var(--cream-dark)" stroke-width="1.5"/> 273 <rect x="126" y="160" width="22" height="18" rx="4" fill="var(--accent)" stroke="none"/> 274 <path d="M 156 169 L 174 169" stroke-width="1.5"/> 275 276 <!-- live marker, same slow pulse as the grill embers --> 277 <circle class="live-dot" cx="178" cy="68" r="4" fill="var(--accent)" stroke="none"/> 278</svg>`,d=` 279<svg class="sketch-potluck" viewBox="0 0 300 250" aria-hidden="true" focusable="false" 280 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 281 <!-- The table FIRST: everything below rests on it, and an earlier version 282 drew the dishes first, so the table's fill swallowed the salad bowl's 283 body and most of the dashed gap. --> 284 <path d="M 52 150 L 248 150 L 260 166 L 40 166 Z" fill="var(--cream-dark)"/> 285 <g stroke-width="1.5"> 286 <path d="M 56 166 L 52 210"/> 287 <path d="M 244 166 L 248 210"/> 288 </g> 289 <path d="M 34 212 L 266 213"/> 290 291 <!-- covered dish: base on the surface, dome above it --> 292 <ellipse cx="98" cy="150" rx="30" ry="7" fill="var(--cream)"/> 293 <path d="M 68 150 q 30 -34 60 0" fill="var(--cream)"/> 294 <circle cx="98" cy="129" r="4" fill="var(--cream-darker)" stroke-width="1.5"/> 295 296 <!-- salad bowl: rim above, body tapering down to meet the table --> 297 <!-- control y is 164, not 156: a quadratic reaches half its control offset, 298 so 156 bottomed the bowl at 146 and left it floating above the table. --> 299 <path d="M 142 136 q 26 28 52 0" fill="var(--cream)"/> 300 <g stroke-width="1.5"> 301 <path d="M 152 133 q 7 -11 14 -2"/> 302 <path d="M 165 131 q 8 -12 15 -1"/> 303 </g> 304 <ellipse cx="168" cy="136" rx="26" ry="6" fill="var(--cream)"/> 305 306 <!-- The gap: an empty place nobody has claimed. Lying flat ON the surface, 307 which is what makes it read as a missing dish rather than a stray mark. --> 308 <ellipse class="pot-gap" cx="222" cy="151" rx="24" ry="7" 309 stroke-dasharray="5 5" stroke="var(--accent)"/> 310</svg>`;function l(){return`<div class="cookout-sketch" aria-hidden="true">${i}</div>`}function n(){return`<div class="cookout-sketch scene-shop" aria-hidden="true">${o}</div>`}function c(){return`<div class="cookout-sketch scene-live" aria-hidden="true">${s}</div>`}function p(){return`<div class="cookout-sketch scene-potluck" aria-hidden="true">${d}</div>`}function g(){return`<div class="landing-sketch" aria-hidden="true">${r}${h}${a("sketch-right")}</div>`}function k(){return`<div class="result-sketch" aria-hidden="true">${a("sketch-table")}</div>`}export{g as a,l as c,c as l,p,n as s,k as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.