/* Justpixel Software Library — responsive tool layout */
.jp-new-tool{display:grid;gap:var(--jp-space-5,1.25rem);max-width:1050px;margin:0 auto}.jp-new-tool .jp-panel{min-width:0}.jp-new-tool input:not([type=checkbox]),.jp-new-tool textarea,.jp-new-tool select{width:100%;min-width:0;padding:.7rem;border:1px solid var(--jp-border,#d0d5dd);border-radius:var(--jp-radius-md,8px);background:var(--jp-surface,#fff);color:inherit}.jp-new-tool label{display:grid;gap:.4rem}.jp-new-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.jp-new-check{display:flex!important;align-items:center;gap:.5rem;margin-top:1rem}.jp-new-actions{display:flex;flex-wrap:wrap;align-items:end;justify-content:center;gap:.75rem;margin:1rem 0}.jp-new-center{text-align:center}.jp-new-clock{font-size:clamp(3.5rem,12vw,7rem);font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums}.jp-new-tool progress{width:min(100%,450px);height:12px;accent-color:var(--jp-primary,#2563eb)}.jp-new-stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.jp-new-stats>div{padding:.8rem 1rem;border:1px solid var(--jp-border,#ddd);border-radius:10px}.jp-new-stats strong{font-size:1.35rem}.jp-new-passage{font-size:1.3rem;line-height:2;overflow-wrap:anywhere;margin:1.25rem 0}.jp-new-passage .correct{color:#16804a}.jp-new-passage .incorrect{color:#c43b3b;text-decoration:underline}.jp-new-passage .current{background:rgba(70,130,240,.2);border-radius:3px}.jp-new-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#b9ada1;padding:8px;border-radius:12px;width:min(100%,430px);aspect-ratio:1;margin:1rem auto;touch-action:none}.jp-new-tile{display:grid;place-items:center;background:#cdc1b4;border-radius:6px;font-weight:750;font-size:clamp(1.1rem,5vw,2rem);color:#554b43;min-width:0}.jp-new-tile[data-value="2"]{background:#eee4da}.jp-new-tile[data-value="4"]{background:#ede0c8}.jp-new-tile[data-value="8"]{background:#f2b179;color:white}.jp-new-tile[data-value="16"]{background:#f59563;color:white}.jp-new-tile[data-value="32"]{background:#f67c5f;color:white}.jp-new-tile[data-value="64"]{background:#f65e3b;color:white}.jp-new-tile[data-value="128"],.jp-new-tile[data-value="256"],.jp-new-tile[data-value="512"],.jp-new-tile[data-value="1024"],.jp-new-tile[data-value="2048"]{background:#edc850;color:#403a31}.jp-new-directions button{min-width:48px;min-height:44px;margin:3px;border:1px solid var(--jp-border,#ddd);border-radius:8px;background:var(--jp-surface,#fff);color:inherit}.jp-new-drop{padding:1.5rem;text-align:center;border:2px dashed var(--jp-border,#aaa);border-radius:10px;margin-top:1rem}.jp-new-drop.is-over{background:rgba(70,130,240,.12)}.jp-new-image-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}.jp-new-preview{max-width:100%;max-height:420px;object-fit:contain}.jp-new-details{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:.65rem;overflow-wrap:anywhere}.jp-new-details dt{font-weight:650}.jp-new-details dd{margin:0}@media(max-width:768px){.jp-new-fields{grid-template-columns:1fr 1fr}.jp-new-image-layout{grid-template-columns:1fr}.jp-new-passage{font-size:1.1rem}}@media(max-width:400px){.jp-new-fields{grid-template-columns:1fr}.jp-new-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.jp-new-actions>*{min-width:0}.jp-new-stats{display:grid;grid-template-columns:1fr 1fr}.jp-new-board{gap:5px;padding:5px}.jp-new-tile{font-size:clamp(.95rem,5vw,1.4rem)}}