.jpg-tool-shell.jpg-v2-tool { min-height:0; padding:27px max(22px, calc((100vw - 1160px)/2)) 0; background:#fff; color:#172033; }
.jpg-v2-tool .pk-v2-tool-page-heading { padding:0 0 4px; }
.jpg-v2-tool .pk-v2-breadcrumb { margin-bottom:4px; }
.jpg-v2-tool .pk-v2-tool-header p { margin-bottom:29px; }
.jpg-v2-uploader { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:0; min-height:267px; padding:34px 24px 28px; text-align:center; }
.jpg-v2-uploader-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:16px; border-radius:14px; background:#eaeaff; color:#574ce2; font-size:23px; }
.jpg-v2-uploader .jpg-v2-choose { min-width:0; min-height:48px; padding:0 30px; font-size:16px; font-weight:650; }
.jpg-v2-uploader p { margin:13px 0 5px; color:#53627b; font-size:14px; }
.jpg-v2-uploader small { color:#71809a; font-size:12px; }
.jpg-v2-limits { width:min(100%,620px); margin-top:18px; color:#53627b; text-align:start; font-size:13px; }
.jpg-v2-limits summary { width:max-content; max-width:100%; margin:auto; color:#255fc7; font-weight:600; cursor:pointer; }
.jpg-v2-limits dl { margin:16px 0 0; padding:16px; border:1px solid #e1e8f2; border-radius:10px; background:#fff; }
.jpg-v2-limits dl div + div { margin-top:12px; }
.jpg-v2-limits dt { color:#263b5e; font-weight:700; }
.jpg-v2-limits dd { margin:3px 0 0; line-height:1.5; }
.tool-workspace-page[data-tool-state="workspace"] .jpg-tool-shell.jpg-v2-tool { padding:0; background:#f4f4f8; }
.jpg-v2-tool .jpg-workspace { width:100%; max-width:none; min-height:calc(100dvh - 72px); margin:0; display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:0; align-items:start; }
.jpg-v2-tool .jpg-workspace-main,.jpg-v2-tool .jpg-options-panel { min-width:0; border:0; border-radius:0; background:#fff; box-shadow:none; }
.jpg-v2-tool .jpg-workspace-main { display:block; }
.jpg-v2-tool .jpg-workspace-toolbar { min-height:78px; padding:16px 20px; border-bottom:1px solid #e8edf5; border-radius:0; }
.jpg-v2-tool .jpg-workspace-toolbar h2 { margin:0 0 4px; color:#203553; font-size:23px; font-weight:700; }
.jpg-v2-tool .jpg-v2-order-help { margin:0 0 7px; color:#5f6d83; font-size:13px; line-height:1.5; }
.jpg-v2-tool .jpg-v2-selection-summary { margin:0; color:#3f5676; font-size:13px; font-weight:650; }
.jpg-v2-tool .jpg-file-stage { min-height:calc(100dvh - 150px); padding:24px; grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr)); gap:16px; background:#f4f4f8; }
.jpg-v2-tool .jpg-file-card { border-color:#dfe7f1; border-radius:13px; box-shadow:none; }
.jpg-v2-preview-frame { display:grid; place-items:center; aspect-ratio:1.1; overflow:hidden; background:#f2f5fa; }
.jpg-v2-tool .jpg-file-preview { max-width:85%; max-height:85%; width:auto; height:auto; aspect-ratio:auto; object-fit:contain; background:transparent; }
.jpg-v2-card-info { display:grid; gap:4px; padding:12px 11px 3px; }
.jpg-v2-card-info strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.jpg-v2-card-info span { color:#6b7890; font-size:11px; }
.jpg-v2-tool .jpg-file-actions { justify-content:flex-start; gap:3px; padding:8px; }
.jpg-v2-tool .jpg-file-actions .btn { min-width:38px; min-height:38px; padding:0; color:#425b85; }
.jpg-v2-tool .jpg-file-actions .btn:last-child { color:#aa4141; }
.jpg-v2-tool .jpg-options-panel { position:sticky; top:72px; max-height:calc(100dvh - 72px); overflow:auto; padding:22px; border-left:1px solid #e1e8f2; }
.jpg-v2-tool .jpg-options-panel h2 { margin:0 0 21px; color:#203553; font-size:20px; font-weight:700; }
.jpg-v2-tool .jpg-options-panel fieldset,.jpg-v2-tool .jpg-v2-setting { margin:0 0 22px; }
.jpg-v2-tool .jpg-options-panel legend,.jpg-v2-tool .jpg-v2-setting label { margin:0 0 10px; color:#263b5e; font-size:14px; font-weight:700; }
.jpg-v2-tool .jpg-options-panel fieldset p,.jpg-v2-tool .jpg-v2-setting p { margin:9px 0 0; color:#718099; font-size:12px; line-height:1.5; }
.jpg-v2-option-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.jpg-v2-margin-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
.jpg-v2-tool .option-tile { min-height:58px; display:grid; gap:1px; place-items:center; padding:8px 5px; border:1px solid #dce5f2; border-radius:9px; background:#fff; color:#435672; font-size:13px; font-weight:600; }
.jpg-v2-tool .option-tile small { font-size:11px; color:#728098; }
.jpg-v2-tool .btn-check:checked + .option-tile { border-color:#376ddd; background:#f0f5ff; color:#2358bf; box-shadow:inset 0 0 0 1px #376ddd; }
.jpg-v2-tool .jpg-convert-button { width:100%; position:static; padding:12px 18px; box-shadow:none; font-weight:700; }
.jpg-v2-tool .jpg-result-screen { min-height:0; padding:0; display:block; }
.jpg-v2-tool .jpg-result-card { width:100%; padding:38px; border-color:#e1e8f2; border-radius:16px; box-shadow:0 8px 24px rgba(16,24,40,.05); text-align:center; }
.jpg-v2-tool .jpg-result-icon { width:54px; height:54px; font-size:25px; }
.jpg-v2-tool .jpg-result-card h2 { margin:16px 0 8px; color:#203553; font-size:30px; font-weight:700; }
.jpg-v2-tool [data-result-heading]:focus { outline:none; }
.jpg-v2-tool .jpg-result-card > p { color:#637188; }
.jpg-v2-tool .jpg-result-filename { margin:26px auto 0; text-align:start; }
.jpg-v2-tool .jpg-result-filename label { display:block; margin-bottom:7px; font-weight:650; }
.jpg-v2-tool .jpg-result-filename p { margin:7px 0 0; color:#718099; font-size:12px; }
.jpg-v2-result-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:25px; }
.jpg-v2-result-actions .btn { min-height:44px; padding:10px 17px; }
.jpg-v2-tool .jpg-v2-result-privacy { margin:21px 0 0; font-size:12px; }
.jpg-v2-continue { margin-top:30px; padding-top:26px; border-top:1px solid #e6ebf2; text-align:start; }
.jpg-v2-continue h3 { margin:0 0 13px; font-size:18px; color:#243a5d; }
.jpg-v2-continue-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.jpg-v2-continue-grid a { display:grid; gap:7px; padding:16px; border:1px solid #e1e8f2; border-radius:10px; color:#324567; text-decoration:none; }
.jpg-v2-continue-grid a:hover { border-color:#8baaf1; }
.jpg-v2-continue-grid span { font-size:13px; color:#647187; }
.jpg-v2-tool .jpg-processing-card { width:min(100%,420px); text-align:center; }
.jpg-v2-tool .jpg-processing-card h2 { margin:18px 0 8px; color:#203553; font-size:21px; }
.jpg-v2-tool .jpg-processing-card p { color:#617089; font-size:14px; }
.jpg-v2-tool .jpg-tool-message { position:static; z-index:auto; width:100%; margin:0 0 8px; transform:none; white-space:normal; }
.jpg-v2-tool .jpg-tool-message strong { display:block; margin-bottom:4px; }
.jpg-v2-tool .jpg-tool-message p { margin:0; }
.jpg-v2-tool .jpg-tool-message p + strong { margin-top:12px; }
.jpg-v2-tool .jpg-v2-error-actions { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.jpg-v2-tool .jpg-v2-error-recovery { padding:5px 0; font-size:14px; }
.jpg-v2-tool .jpg-v2-error-start-over { background:#fff; }
.jpg-v2-content { max-width:1160px; margin:auto; padding:0 22px 90px; }
.jpg-v2-content .pk-v2-trust-row { justify-content:center; padding:12px 0 35px; }
.jpg-v2-all-guides { display:inline-block; margin-top:20px; font-weight:650; }
@media(max-width:991px) { .jpg-v2-tool .jpg-workspace { min-height:0; grid-template-columns:1fr; } .jpg-v2-tool .jpg-file-stage { min-height:360px; } .jpg-v2-tool .jpg-options-panel { position:static; max-height:none; overflow:visible; border-top:1px solid #e1e8f2; border-left:0; } }
@media(max-width:600px) { .jpg-tool-shell.jpg-v2-tool { padding:19px 15px 0; } .jpg-v2-uploader { min-height:240px; padding:25px 15px; } .jpg-v2-tool .jpg-workspace-toolbar { align-items:start; } .jpg-v2-tool .jpg-file-stage { min-height:0; grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; gap:8px; } .jpg-v2-tool .jpg-file-actions { flex-wrap:wrap; } .jpg-v2-tool .jpg-file-actions .btn { min-width:44px; min-height:44px; } .jpg-v2-tool .jpg-result-card { padding:26px 17px; } .jpg-v2-continue-grid { grid-template-columns:1fr; } .jpg-v2-content { padding:0 15px 60px; } .jpg-v2-content .pk-v2-trust-row { gap:12px 22px; } }