#guga-sketches .gg-puzzle-scenes{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
#guga-sketches .ggr-chooser summary{min-height:44px;padding:12px 4px;font-size:15px;color:var(--gg-ink)}
#guga-sketches .gg-paint-scenes{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}
#guga-sketches .ggr-piece-badge{display:block;font-size:11px;color:light-dark(#597276,#c9d4d2);padding-bottom:4px}
#guga-sketches .ggr-jigsaw-board{display:block;position:relative;width:100%;max-width:720px;margin:18px auto;padding:0;border:2px solid light-dark(#b9cac5,#61767b);border-radius:12px;background:#f3efe4;overflow:hidden;grid-template-columns:none!important}
#guga-sketches .ggr-jigsaw-surface{display:block;width:100%;height:100%}
#guga-sketches .ggr-jigsaw-slots{position:absolute;inset:0}
#guga-sketches .ggr-jigsaw-slot{position:absolute;border:0;background:transparent;padding:0;min-width:0;min-height:0;touch-action:manipulation}
#guga-sketches .ggr-jigsaw-slot:focus-visible{outline:3px solid #af8735;outline-offset:-3px;background:#f3ca5c22}
#guga-sketches .gg-puzzle-tray{max-width:720px;gap:8px;padding:2px;margin:18px auto;align-items:center}
#guga-sketches .ggr-jigsaw-piece{padding:3px;border:2px solid light-dark(#dae3dd,#607279);border-radius:12px;background:light-dark(#faf7ef,#31444c);min-width:0;min-height:66px;touch-action:none}
#guga-sketches .ggr-jigsaw-piece canvas{display:block;width:100%;height:auto;pointer-events:none}
#guga-sketches .ggr-jigsaw-piece[aria-pressed=true],#guga-sketches .ggr-sample-piece[aria-pressed=true]{outline:3px solid #b78c35;outline-offset:1px;background:light-dark(#fff0bc,#685b35)}
#guga-sketches .ggr-jigsaw-piece:disabled,#guga-sketches .ggr-sample-piece:disabled{visibility:hidden}
#guga-sketches .ggr-drag-ghost{position:fixed!important;z-index:99999;transform:translate(-50%,-50%);pointer-events:none;opacity:.92;box-shadow:0 6px 24px #263d3d33}
#guga-sketches .ggr-drag-ghost canvas{display:block;width:100%;height:auto}
#guga-sketches .gg-puzzle-settings{gap:8px}
#guga-sketches .gg-puzzle-settings .gg-small{font-size:13px;padding:10px 12px}
#guga-sketches .gg-canvas-wrap{max-width:720px}
#guga-sketches .gg-color-canvas{background:#fff;touch-action:manipulation;min-height:180px}
#guga-sketches .ggr-template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
#guga-sketches .ggr-template-gallery button{min-width:0;padding:10px 5px;font-size:13px}
#guga-sketches .ggr-template-thumb{position:relative;width:100%;aspect-ratio:6/5;background:light-dark(#eef5ee,#40534f);border-bottom:3px solid #a5bd94;border-radius:5px;margin-bottom:5px}
#guga-sketches .ggr-model-line{display:flex;align-items:center;justify-content:center;gap:18px;margin:15px auto;color:var(--gg-ink)}
#guga-sketches .ggr-model{position:relative;width:156px;height:130px;background:light-dark(#eef5ee,#40534f);border-radius:8px;border-bottom:5px solid #a5bd94;box-sizing:border-box}
#guga-sketches .ggr-sample-stage{position:relative;aspect-ratio:6/5;max-width:520px;width:100%;margin:15px auto;background:repeating-linear-gradient(0deg,transparent 0 calc(20% - 1px),#a5bcb133 calc(20% - 1px) 20%),repeating-linear-gradient(90deg,transparent 0 calc(16.666% - 1px),#a5bcb133 calc(16.666% - 1px) 16.666%),light-dark(#edf6f1,#334a4a);border-bottom:9px solid #92ad88;border-radius:10px;overflow:hidden;box-sizing:border-box}
#guga-sketches .ggr-sample-position,#guga-sketches .ggr-sample-slot{position:absolute;padding:2px;box-sizing:border-box;border:0;border-radius:0;background:transparent;min-width:0;min-height:0}
#guga-sketches .ggr-sample-position .ggr-sample-shape,#guga-sketches .ggr-sample-slot .ggr-sample-shape{width:100%;height:100%;aspect-ratio:auto!important}
#guga-sketches .ggr-sample-shape{position:relative;box-sizing:border-box;background:var(--piece-color);border:2px solid #789194;border-radius:5px;pointer-events:none;box-shadow:inset 0 3px 0 #fff5}
#guga-sketches .ggr-sample-shape[data-kind=roof]{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}
#guga-sketches .ggr-sample-shape[data-kind=window]:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:60%;width:60%;max-width:36px;max-height:36px;border:3px solid #f8edc8;background:linear-gradient(90deg,transparent 45%,#f8edc8 46% 54%,transparent 55%),linear-gradient(0deg,transparent 45%,#f8edc8 46% 54%,transparent 55%),#87b9ce;border-radius:7px;box-sizing:border-box}
#guga-sketches .ggr-sample-shape[data-kind=door]:after{content:'';position:absolute;left:20%;right:20%;top:10%;bottom:0;border:2px solid #efe0be;border-radius:20px 20px 0 0;background:radial-gradient(circle at 75% 65%,#f6dc9e 0 3px,transparent 4px),#a68e77}
#guga-sketches .ggr-sample-shape[data-kind=wheel]{border-radius:50%;background:radial-gradient(circle,#f7e5ba 0 17%,var(--piece-color) 18% 58%,#7f8e8d 60%)}
#guga-sketches .ggr-sample-shape[data-kind=arch]{border-radius:40px 40px 3px 3px;background:radial-gradient(ellipse at 50% 115%,light-dark(#edf6f1,#334a4a) 0 40%,var(--piece-color) 42%);border-bottom:0}
#guga-sketches .ggr-sample-shape[data-kind=flag]{border:0;box-shadow:none;background:linear-gradient(90deg,#899898 0 11%,transparent 12%);border-radius:0}
#guga-sketches .ggr-sample-shape[data-kind=flag]:after{content:'';position:absolute;top:0;left:9%;right:0;height:60%;background:var(--piece-color);clip-path:polygon(0 0,100% 20%,78% 100%,0 80%)}
#guga-sketches .ggr-sample-shape[data-kind=chimney]{border-top:6px solid #788797;border-radius:2px}
#guga-sketches .ggr-sample-shape.ggr-missing{background:#ffffff44!important;border:2px dashed #829b97;box-shadow:none;opacity:.65}
#guga-sketches .ggr-missing:after{opacity:.25}
#guga-sketches .ggr-sample-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:520px;margin:18px auto}
#guga-sketches .ggr-sample-piece{display:flex;align-items:center;justify-content:center;min-width:0;min-height:70px;padding:9px;border:2px solid light-dark(#d4e0d8,#607279);border-radius:12px;background:light-dark(#faf8ef,#31444c);touch-action:none}
#guga-sketches .ggr-sample-piece .ggr-sample-shape{width:100%;max-width:100px;max-height:54px}
@media(max-width:430px){#guga-sketches .gg-puzzle-scenes{gap:5px}#guga-sketches .gg-puzzle-tray{gap:6px}#guga-sketches .ggr-jigsaw-piece{padding:2px;border-radius:8px}#guga-sketches .ggr-model-line{margin:10px auto}#guga-sketches .ggr-model{width:132px;height:110px}#guga-sketches .ggr-sample-palette{gap:7px}#guga-sketches .ggr-sample-piece{min-height:63px;padding:7px}}