.tool-jigsaw-puzzle-generator{width:100%}
.tool-jigsaw-puzzle-generator>.container.wide{width:calc(100% - 32px)!important;max-width:1760px!important}
.jpg-app{--panel:#fff;--line:#dce4ef;--text:#10203a;--muted:#687a94;--accent:#5b7cff;--soft:#f5f8fc;--cut:#ff0000;color:var(--text)}
.jpg-workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;align-items:start}
.jpg-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 35px rgba(15,35,65,.08)}
.jpg-controls{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;padding:20px}
.jpg-panel-head,.jpg-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.jpg-panel-head{margin-bottom:15px}.jpg-panel-head h2,.jpg-preview-head h2{margin:0;color:var(--text)}
.jpg-panel-head span{padding:4px 8px;border-radius:6px;background:#e4eaff;color:#4664d8;font-size:12px;font-weight:800}
.jpg-control-group{padding:14px;margin-bottom:14px;border:1px solid #dfe7f2;border-radius:14px;background:#f9fbfe}
.jpg-control-group h3{margin:0 0 13px;color:#183052;font-size:15px}
.jpg-controls label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#263a58;font-size:13px;font-weight:750}
.jpg-controls input[type=number],.jpg-controls input[type=file],.jpg-controls input[type=range]{width:100%}
.jpg-controls input[type=number],.jpg-controls input[type=file]{min-height:43px;padding:9px 11px;border:1px solid #ccd7e5;border-radius:10px;background:#fff;color:#10203a;font:inherit}
.jpg-controls input[type=file]{padding:7px}
.jpg-controls input[type=range]{accent-color:var(--accent)}
.jpg-controls label>strong{color:#4b64b8;font-size:12px}
.jpg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jpg-inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.jpg-unit{display:flex;align-items:center;gap:7px}.jpg-unit em{font-style:normal;color:var(--muted);font-weight:700}
.jpg-check{flex-direction:row!important;align-items:center!important;gap:9px!important;margin-bottom:10px!important}.jpg-check input{width:auto}
.jpg-actions{display:grid;gap:8px;margin-top:18px}.jpg-info{display:grid;gap:3px;margin-top:16px;padding:13px;border:1px solid #dbe4f1;border-radius:12px;background:var(--soft)}
.jpg-info strong{font-size:17px}.jpg-info span,.jpg-help,.jpg-export-note{color:var(--muted);font-size:12px}
.jpg-help{margin:10px 0 0}.jpg-export-note{margin:10px 0 0}
.jpg-main{min-width:0}.jpg-preview-panel{padding:18px}
.jpg-preview-head{margin-bottom:12px}.jpg-preview-head p{margin:5px 0 0;color:var(--muted)}
.jpg-legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.jpg-legend i{width:22px;height:3px;border-radius:4px;background:var(--cut)}
.jpg-canvas-wrap{height:calc(100vh - 330px);min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:14px;background:#eef3f8}
#jpg-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;box-shadow:0 12px 30px rgba(25,42,70,.16);touch-action:none;cursor:grab}
#jpg-canvas.jpg-dragging{cursor:grabbing}
.jpg-downloads{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
#jpg-photo-controls[hidden]{display:none}
@media(max-width:1100px){.jpg-workspace{grid-template-columns:1fr}.jpg-controls{position:static;max-height:none}.jpg-canvas-wrap{height:auto;min-height:500px}}
@media(max-width:680px){.tool-jigsaw-puzzle-generator>.container.wide{width:calc(100% - 18px)!important}.jpg-grid-2{grid-template-columns:1fr}.jpg-preview-head{align-items:flex-start;flex-direction:column}.jpg-canvas-wrap{min-height:360px;padding:8px}}