.shifter{color:var(--ink);background:#fff}.shifter-toolbar,.result-header{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.shifter-toolbar>div:first-child,.result-header>div:first-child{gap:.18rem;display:grid}.tool-kicker{color:var(--blue-dark);letter-spacing:.1em;font-size:.64rem;font-weight:760}.shifter textarea{resize:vertical;border:0;border-bottom:1px solid var(--line);width:100%;min-height:10rem;color:var(--ink);background:#fff;border-radius:0;outline:0;padding:1rem;font:500 .82rem/1.7 SFMono-Regular,Consolas,monospace;display:block}.shifter textarea:focus{box-shadow:inset 0 0 0 3px #2687e91f}.shifter .result-textarea{background:#f7faff;min-height:7rem}.offset-panel{border-bottom:1px solid var(--line);background:var(--blue-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid}.offset-panel label{align-items:baseline;gap:.5rem;display:flex}.offset-panel label>span{color:var(--blue-dark);letter-spacing:.08em;font-size:.65rem;font-weight:760}.offset-panel input{width:5.5rem;color:var(--ink);background:#fff;border:1px solid #c5daf0;border-radius:9px;outline:0;padding:.55rem .65rem;font-weight:720}.offset-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2687e91f}.offset-panel label b{color:#64748a;font-size:.74rem}.offset-panel p{color:var(--muted);margin:0;font-size:.74rem}.button{appearance:none;cursor:pointer;border:0;border-radius:10px;min-height:2.75rem;padding:.72rem .9rem;font-size:.75rem;font-weight:720;transition:transform .16s,background .16s,box-shadow .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible{outline-offset:2px;outline:3px solid #2687e947}.button:disabled{cursor:not-allowed;opacity:.43}.button-primary{color:#fff;background:var(--blue);justify-content:center;align-items:center;gap:.55rem;min-width:10rem;display:inline-flex;box-shadow:0 7px 15px #2687e933}.button-primary:hover:not(:disabled){background:var(--blue-dark)}.button-dark{color:#fff;background:#263247}.button-quiet{color:var(--blue-dark);background:#fff;border:1px solid #ccdaea}.result-actions{gap:.5rem;display:flex}.status-line{min-height:3rem;color:var(--muted);background:#fbfdff;align-items:center;gap:.55rem;padding:.75rem 1.15rem;font-size:.72rem;display:flex}.status-line>svg{flex:none}.status-success{color:#237c58;background:#effaf4}.status-error{color:#a23d3d;background:#fff1f1}:root[data-theme=dark] .shifter{background:var(--surface)}:root[data-theme=dark] .shifter-toolbar,:root[data-theme=dark] .result-header,:root[data-theme=dark] .status-line{background:#111b2d}:root[data-theme=dark] .shifter textarea{background:#101827}:root[data-theme=dark] .shifter .result-textarea{background:#121d2f}:root[data-theme=dark] .offset-panel{background:var(--blue-soft)}:root[data-theme=dark] .offset-panel input,:root[data-theme=dark] .button-quiet{color:var(--ink);border-color:var(--line);background:#1b2940}:root[data-theme=dark] .button-dark{background:#33445f}:root[data-theme=dark] .status-success{color:#76d6a7;background:#153326}:root[data-theme=dark] .status-error{color:#faa;background:#3a2027}@media (width<=680px){.result-header{flex-direction:column;align-items:stretch}.shifter-toolbar{gap:.75rem}.shifter-toolbar .button{flex:none}.offset-panel{grid-template-columns:1fr}.result-actions,.result-actions .button,.button-primary{width:100%}.button-primary{min-width:0}}.text-tool{color:var(--ink);background:#fff}.text-tool-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.text-tool-panel{border-right:1px solid var(--line);min-width:0}.text-tool-panel:last-child{border-right:0}.text-tool-toolbar,.text-tool-result-header{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.text-tool-toolbar>div:first-child,.text-tool-result-header>div:first-child{gap:.18rem;display:grid}.text-tool-kicker{color:var(--blue-dark);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:760}.text-tool textarea,.text-tool input,.text-tool select{width:100%;color:var(--ink);background:#fff;border:1px solid #ccdaea;border-radius:10px;outline:0}.text-tool textarea{resize:vertical;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:10rem;padding:1rem;font:500 .82rem/1.7 SFMono-Regular,Consolas,monospace;display:block}.text-tool textarea:focus,.text-tool input:focus,.text-tool select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2687e91f}.text-tool .result-textarea{background:#f7faff;min-height:8rem}.text-tool-form{border-bottom:1px solid var(--line);background:var(--blue-soft);gap:.85rem;padding:1rem;display:grid}.text-tool-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.text-tool-field{gap:.35rem;display:grid}.text-tool-field span,.text-tool-label{color:var(--blue-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:760}.text-tool-field input,.text-tool-field select{min-height:2.65rem;padding:.55rem .65rem;font-weight:650}.text-tool-field small{color:var(--muted);font-size:.72rem;line-height:1.45}.text-tool-options{flex-wrap:wrap;gap:.55rem;display:flex}.text-tool-check{min-height:2.35rem;color:var(--muted);background:#fff;border:1px solid #ccdaea;border-radius:999px;align-items:center;gap:.42rem;padding:.45rem .65rem;font-size:.72rem;font-weight:680;display:inline-flex}.text-tool-check input{width:auto;accent-color:var(--blue)}.text-tool-button-row,.text-tool-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.text-tool-button{appearance:none;white-space:nowrap;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;max-width:100%;min-height:2.7rem;padding:.72rem .9rem;font-size:.75rem;font-weight:720;line-height:1.15;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.text-tool-button>svg{flex:none}.text-tool-button:hover:not(:disabled){transform:translateY(-1px)}.text-tool-button:focus-visible{outline-offset:2px;outline:3px solid #2687e947}.text-tool-button:disabled{cursor:not-allowed;opacity:.43}.text-tool-button-primary{color:#fff;background:var(--blue);box-shadow:0 7px 15px #2687e933}.text-tool-button-primary:hover:not(:disabled){background:var(--blue-dark)}.text-tool-button-dark{color:#fff;background:#263247}.text-tool-button-quiet{color:var(--blue-dark);background:#fff;border:1px solid #ccdaea}.text-tool-summary{border-bottom:1px solid var(--line);background:#fbfdff;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:.85rem 1rem;display:grid}.text-tool-summary article{border:1px solid var(--line);background:#fff;border-radius:12px;gap:.18rem;padding:.75rem;display:grid}.text-tool-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:720}.text-tool-summary strong{color:var(--ink);font-size:1rem}.text-tool-list{border-bottom:1px solid var(--line);background:#fff;gap:.55rem;max-height:17rem;padding:1rem;display:grid;overflow:auto}.text-tool-list-card{border:1px solid var(--line);background:#fbfdff;border-radius:12px;gap:.35rem;padding:.75rem;display:grid}.text-tool-list-card strong{font-size:.82rem}.text-tool-list-card p{color:var(--muted);margin:0;font-size:.74rem;line-height:1.55}.text-tool-code{color:#23364f;word-break:break-word;font:650 .78rem/1.55 SFMono-Regular,Consolas,monospace}.text-tool-status{min-height:3rem;color:var(--muted);border-top:1px solid var(--line);background:#fbfdff;align-items:center;gap:.55rem;padding:.75rem 1.15rem;font-size:.72rem;display:flex}.text-tool-status>svg{flex:none}.text-tool-status-success{color:#237c58;background:#effaf4}.text-tool-status-error{color:#a23d3d;background:#fff1f1}.text-tool-empty{color:var(--muted);padding:1rem;font-size:.78rem;line-height:1.6}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shopify-mapper{border:1px solid var(--line);min-height:30rem;box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.shopify-mapper .text-tool-actions{flex:none;max-width:100%}.shopify-mapper .text-tool-field>span{letter-spacing:0;text-transform:none;font-size:.72rem}.shopify-file-button{position:relative;overflow:hidden}.shopify-flowbar{border-bottom:1px solid var(--line);background:#fbfdff;flex-wrap:wrap;gap:.45rem;padding:.75rem 1rem;display:flex}.shopify-flowbar span{border:1px solid var(--line);min-height:1.9rem;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.72rem;font-weight:720;display:inline-flex}.shopify-flowbar span.is-active{color:var(--blue-dark);background:var(--blue-soft);border-color:#b9d7f5}.shopify-scene{background:#fff;gap:1rem;padding:1rem;display:grid}.shopify-scene-header,.shopify-mapping-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.shopify-scene-header>div:first-child,.shopify-mapping-heading>div:first-child{min-width:0}.shopify-scene-header h2{color:var(--ink);letter-spacing:0;margin:.15rem 0 0;font-size:1.05rem;line-height:1.25}.shopify-scene-header p,.shopify-section-heading p,.shopify-row-help{max-width:44rem;color:var(--muted);margin:.3rem 0 0;font-size:.77rem;line-height:1.55}.shopify-upload-card{background:#fbfdff;border:1px dashed #b9d7f5;border-radius:16px;align-content:center;justify-items:start;gap:.9rem;min-height:20rem;padding:clamp(1rem,4vw,2rem);display:grid}.shopify-upload-card>svg{color:var(--blue)}.shopify-upload-card h2{color:var(--ink);letter-spacing:0;margin:0;font-size:1.25rem}.shopify-upload-card p{max-width:37rem;color:var(--muted);margin:.3rem 0 0;font-size:.86rem;line-height:1.6}.shopify-file-summary{grid-template-columns:2fr repeat(2,minmax(7rem,1fr));gap:.65rem;display:grid}.shopify-file-summary article,.shopify-header-panel,.shopify-first-row,.shopify-mapping-block,.shopify-issue-panel,.shopify-ready-panel,.shopify-defaults-summary,.shopify-confirmation{border:1px solid var(--line);background:#fbfdff;border-radius:14px}.shopify-file-summary article{gap:.18rem;min-width:0;padding:.8rem;display:grid}.shopify-file-summary span,.shopify-metafield-preview span,.shopify-generated-cell span,.shopify-output-header-readonly span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:720}.shopify-file-summary strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:.9rem}.shopify-header-panel,.shopify-first-row,.shopify-mapping-block{gap:.75rem;padding:.9rem;display:grid}.shopify-section-heading{gap:.15rem;display:grid}.shopify-section-heading strong{color:var(--ink);font-size:.9rem;display:block}.shopify-header-chips,.shopify-first-row>div{flex-wrap:wrap;gap:.45rem;display:flex}.shopify-header-chips span,.shopify-first-row span{max-width:100%;min-height:2rem;color:var(--ink);overflow-wrap:anywhere;background:#fff;border:1px solid #ccdaea;border-radius:999px;align-items:center;gap:.38rem;padding:.32rem .55rem;font-size:.74rem;font-weight:650;display:inline-flex}.shopify-first-row strong{color:var(--ink);font-size:.82rem}.shopify-first-row code,.shopify-field-name code,.shopify-metafield-preview code,.shopify-output-header-readonly code{color:#23364f;white-space:normal;overflow-wrap:anywhere;font:680 .72rem/1.45 SFMono-Regular,Consolas,monospace}.shopify-mapping-list,.shopify-optional-list{gap:.65rem;display:grid}.shopify-mapping-row,.shopify-optional-row{border:1px solid var(--line);background:#fff;border-radius:12px;gap:.65rem;padding:.8rem;display:grid}.shopify-mapping-row{grid-template-columns:minmax(12rem,1.1fr) minmax(14rem,1.4fr);align-items:start}.shopify-field-name{min-width:0;display:grid}.shopify-field-name strong{color:var(--ink);letter-spacing:0;flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:.86rem;display:flex}.shopify-field-name span{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.72rem;line-height:1.45}.shopify-generated-cell{background:#f7faff;border:1px solid #ccdaea;border-radius:10px;gap:.2rem;min-height:2.65rem;padding:.55rem .65rem;display:grid}.shopify-generated-cell strong{color:var(--ink);font-size:.82rem}.shopify-defaults-summary{padding:.72rem .8rem}.shopify-defaults-summary summary{color:#237c58;cursor:pointer;align-items:center;gap:.55rem;display:flex}.shopify-defaults-summary summary:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #2687e938}.shopify-defaults-summary summary::-webkit-details-marker{display:none}.shopify-defaults-summary summary>svg{flex:none}.shopify-defaults-summary summary span{gap:.12rem;min-width:0;display:grid}.shopify-defaults-summary summary strong{color:var(--ink);font-size:.82rem}.shopify-defaults-summary summary small{color:var(--muted);font-size:.72rem;line-height:1.45}.shopify-default-values{border-top:1px solid var(--line);gap:.55rem;margin-top:.7rem;padding-top:.7rem;display:grid}.shopify-default-values article{grid-template-columns:minmax(12rem,1.1fr) minmax(14rem,1.4fr);align-items:start;gap:.7rem;display:grid}.shopify-issue-panel{background:#fff8f8;gap:.45rem;padding:.8rem;display:grid}.shopify-issue-panel-warning,.shopify-confirmation{background:#fffaf0}.shopify-issue-panel>strong{color:var(--ink);font-size:.84rem}.shopify-ready-panel{color:#237c58;background:#effaf4;align-items:center;gap:.45rem;padding:.75rem .85rem;font-size:.78rem;font-weight:720;display:flex}.shopify-issue-list{grid-column:1/-1;gap:.35rem;display:grid}.shopify-inline-issue{color:#8a5b16;align-items:flex-start;gap:.4rem;margin:0;font-size:.74rem;line-height:1.45;display:flex}.shopify-inline-issue-blocker{color:#a23d3d}.shopify-inline-issue>svg{flex:none;margin-top:.1rem}.shopify-optional-grid{grid-template-columns:minmax(12rem,1fr) minmax(12rem,1fr) max-content;align-items:end;gap:.7rem;display:grid}.shopify-list-metafield-row{grid-template-columns:minmax(8rem,.8fr) minmax(12rem,1fr) minmax(12rem,1fr) max-content;align-items:end;gap:.7rem;display:grid}.shopify-optional-grid>*,.shopify-list-metafield-row>*{min-width:0}.shopify-list-metafield-label{background:var(--blue-soft);border:1px solid #b9d7f5;border-radius:10px;gap:.25rem;min-height:2.65rem;padding:.65rem .75rem;display:grid}.shopify-list-metafield-label strong{color:var(--blue-dark);font-size:.86rem}.shopify-list-metafield-label p{color:var(--muted);margin:0;font-size:.74rem;line-height:1.45}.shopify-remove-button{min-width:6.5rem}.shopify-metafield-controls{gap:.65rem;display:grid}.shopify-metafield-settings,.shopify-advanced-settings{background:#fbfdff;border:1px solid #ccdaea;border-radius:12px;gap:.75rem;padding:.75rem;display:grid}.shopify-advanced-settings summary{width:fit-content;color:var(--blue-dark);cursor:pointer;align-items:center;gap:.4rem;font-size:.74rem;font-weight:740;display:inline-flex}.shopify-advanced-settings summary:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #2687e933}.shopify-advanced-settings .text-tool-form-grid{margin-top:.7rem}.shopify-output-header-readonly{border:1px solid var(--line);background:#fff;border-radius:10px;gap:.28rem;min-width:0;padding:.65rem;display:grid}.shopify-metafield-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.shopify-metafield-preview article{border:1px solid var(--line);background:#fff;border-radius:10px;gap:.28rem;min-width:0;padding:.65rem;display:grid}.shopify-metafield-preview pre{min-height:3rem;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:650 .76rem/1.5 SFMono-Regular,Consolas,monospace}.shopify-confirmation{align-items:flex-start;gap:.65rem;padding:.8rem;display:flex}.shopify-confirmation input{width:auto;accent-color:var(--blue);margin-top:.18rem}.shopify-confirmation span{color:var(--muted);gap:.15rem;font-size:.76rem;line-height:1.5;display:grid}.shopify-confirmation strong{color:var(--ink);font-size:.84rem}.shopify-output-preview{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:auto}.shopify-output-preview table{border-collapse:collapse;min-width:100%;font-size:.74rem}.shopify-output-preview th,.shopify-output-preview td{border-bottom:1px solid var(--line);text-align:left;white-space:pre-line;vertical-align:top;overflow-wrap:anywhere;max-width:14rem;padding:.65rem .75rem}.shopify-output-preview th{color:var(--blue-dark);letter-spacing:0;text-transform:none;background:#f7faff;font-size:.7rem;font-weight:760}.shopify-output-preview td{color:var(--muted);line-height:1.45}:root[data-theme=dark] .text-tool{background:var(--surface)}:root[data-theme=dark] .text-tool-toolbar,:root[data-theme=dark] .text-tool-result-header,:root[data-theme=dark] .text-tool-summary,:root[data-theme=dark] .text-tool-status{background:#111b2d}:root[data-theme=dark] .text-tool textarea,:root[data-theme=dark] .text-tool input,:root[data-theme=dark] .text-tool select,:root[data-theme=dark] .text-tool-check,:root[data-theme=dark] .text-tool-summary article,:root[data-theme=dark] .text-tool-list,:root[data-theme=dark] .text-tool-list-card{color:var(--ink);border-color:var(--line);background:#101827}:root[data-theme=dark] .text-tool .result-textarea{background:#121d2f}:root[data-theme=dark] .text-tool-form{background:var(--blue-soft)}:root[data-theme=dark] .text-tool-button-quiet{color:var(--ink);border-color:var(--line);background:#1b2940}:root[data-theme=dark] .text-tool-button-dark{background:#33445f}:root[data-theme=dark] .text-tool-code{color:#d5e8ff}:root[data-theme=dark] .text-tool-status-success{color:#76d6a7;background:#153326}:root[data-theme=dark] .text-tool-status-error{color:#faa;background:#3a2027}:root[data-theme=dark] .shopify-flowbar,:root[data-theme=dark] .shopify-scene{background:var(--surface)}:root[data-theme=dark] .shopify-flowbar span,:root[data-theme=dark] .shopify-header-chips span,:root[data-theme=dark] .shopify-first-row span,:root[data-theme=dark] .shopify-mapping-row,:root[data-theme=dark] .shopify-optional-row,:root[data-theme=dark] .shopify-metafield-preview article,:root[data-theme=dark] .shopify-output-preview{border-color:var(--line);background:#101827}:root[data-theme=dark] .shopify-flowbar span.is-active{color:var(--ink);border-color:var(--blue);background:var(--blue-soft)}:root[data-theme=dark] .shopify-upload-card,:root[data-theme=dark] .shopify-file-summary article,:root[data-theme=dark] .shopify-header-panel,:root[data-theme=dark] .shopify-first-row,:root[data-theme=dark] .shopify-mapping-block,:root[data-theme=dark] .shopify-defaults-summary,:root[data-theme=dark] .shopify-metafield-settings,:root[data-theme=dark] .shopify-advanced-settings,:root[data-theme=dark] .shopify-output-header-readonly,:root[data-theme=dark] .shopify-generated-cell{border-color:var(--line);background:#111b2d}:root[data-theme=dark] .shopify-list-metafield-label{border-color:var(--blue);background:var(--blue-soft)}:root[data-theme=dark] .shopify-list-metafield-label strong{color:var(--ink)}:root[data-theme=dark] .shopify-first-row code,:root[data-theme=dark] .shopify-field-name code,:root[data-theme=dark] .shopify-metafield-preview code,:root[data-theme=dark] .shopify-output-header-readonly code{color:#d5e8ff}:root[data-theme=dark] .shopify-issue-panel{border-color:var(--line);background:#3a2027}:root[data-theme=dark] .shopify-issue-panel-warning,:root[data-theme=dark] .shopify-confirmation{border-color:var(--line);background:#221b11}:root[data-theme=dark] .shopify-ready-panel{color:#76d6a7;background:#153326}:root[data-theme=dark] .shopify-inline-issue{color:#f5c875}:root[data-theme=dark] .shopify-inline-issue-blocker{color:#faa}:root[data-theme=dark] .shopify-output-preview th{color:var(--ink);background:#121d2f}@media (width<=760px){.text-tool-grid,.text-tool-form-grid,.text-tool-summary{grid-template-columns:1fr}.text-tool-panel{border-right:0;border-bottom:1px solid var(--line)}.text-tool-toolbar,.text-tool-result-header{flex-direction:column;align-items:stretch}.text-tool-actions,.text-tool-actions .text-tool-button,.text-tool-button-primary,.text-tool-button-dark,.text-tool-button-quiet{width:100%}.shopify-mapper{border-radius:14px}.shopify-scene-header,.shopify-mapping-heading{flex-direction:column;align-items:stretch}.shopify-file-summary,.shopify-mapping-row,.shopify-default-values article,.shopify-optional-grid,.shopify-list-metafield-row,.shopify-metafield-preview{grid-template-columns:1fr}.shopify-remove-button{width:100%}}@media (width<=980px){.shopify-scene-header,.shopify-mapping-heading{flex-direction:column;align-items:stretch}.shopify-scene-header .text-tool-actions,.shopify-mapping-heading .text-tool-actions{width:100%}.shopify-scene-header .text-tool-actions .text-tool-button,.shopify-mapping-heading .text-tool-actions .text-tool-button{flex:auto}}.image-tool{color:var(--ink);background:#fff}.image-tool-drop{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.image-tool-drop-copy{gap:.18rem;min-width:0;display:grid}.image-tool-drop-copy strong{font-size:1rem}.image-tool-drop-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;overflow:hidden}.image-tool-grid{background:var(--line);grid-template-columns:1fr minmax(15rem,.72fr) 1fr;gap:1px;display:grid}.image-preview-card,.image-settings-card{background:#fff;min-width:0;padding:1rem}.image-preview-header{justify-content:space-between;align-items:center;gap:.8rem;min-height:2rem;margin-bottom:.75rem;display:flex}.image-preview-header span{color:var(--blue-dark);text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;font-weight:760;display:inline-flex}.image-preview-header b{color:#237c58;font-size:.68rem}.image-preview-box{aspect-ratio:4/3;color:#9aa9bb;background:#f7fbff;border:1px dashed #cddded;border-radius:12px;place-items:center;display:grid;overflow:hidden}.image-preview-box img{object-fit:contain;width:100%;height:100%}.image-info-rows{gap:.5rem;margin:.8rem 0 0;display:grid}.image-info-rows div{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.74rem;display:flex}.image-info-rows dt,.image-info-rows dd{margin:0}.image-info-rows dd{color:var(--ink);text-align:right;font-weight:680}.image-tool-empty{min-height:4.2rem;color:var(--muted);margin:.8rem 0 0;font-size:.76rem;line-height:1.5}.dimension-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.dimension-grid label,.format-control{gap:.35rem;display:grid}.dimension-grid label span,.format-control span,.range-control>span{color:var(--muted);font-size:.7rem;font-weight:720}.dimension-grid input,.format-control select{width:100%;min-height:2.55rem;color:var(--ink);background:#fff;border:1px solid #c9d9ea;border-radius:9px;outline:0;padding:.56rem .65rem;font-weight:700}.dimension-grid input:focus,.format-control select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2687e91f}.ratio-toggle{min-height:2.6rem;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #c9d9ea;border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;gap:.45rem;font-size:.74rem;font-weight:720;display:inline-flex}.png-mode-panel{gap:.42rem;margin-bottom:.85rem;display:grid}.png-mode-panel>span{color:var(--muted);font-size:.7rem;font-weight:720}.segmented-control{background:#f5f9fe;border:1px solid #c9d9ea;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.segmented-control button{min-height:2.25rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:.72rem;font-weight:760}.segmented-control button.active{color:#fff;background:var(--blue);box-shadow:0 6px 13px #2687e92e}.range-control{gap:.55rem;margin-top:.85rem;display:grid}.range-control>span{justify-content:space-between;display:flex}.range-control b{color:var(--ink)}.range-control input{width:100%;accent-color:var(--blue)}.format-control,.fixed-format{margin-top:.85rem}.png-preset-control{margin-top:0}.fixed-format{min-height:2.55rem;color:var(--blue-dark);background:var(--blue-soft);border:1px solid #c9d9ea;border-radius:9px;align-items:center;padding:.56rem .65rem;font-size:.75rem;font-weight:760;display:flex}.png-format-nav{background:#f7fbff;border:1px solid #cfe0f2;border-radius:11px;gap:.45rem;margin-top:.85rem;padding:.75rem;display:grid}.png-format-nav strong{color:var(--ink);font-size:.78rem}.png-format-nav p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.45}.png-format-nav div{flex-wrap:wrap;gap:.4rem;display:flex}.png-format-nav a{min-height:1.9rem;color:var(--blue-dark);background:#fff;border:1px solid #c9d9ea;border-radius:999px;align-items:center;padding:.28rem .56rem;font-size:.68rem;font-weight:760;text-decoration:none;display:inline-flex}.png-format-nav a:hover{border-color:var(--blue);color:var(--blue)}.image-process-button,.image-download-button{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;display:inline-flex}.image-download-button{margin-top:.9rem}.image-compare-panel{border-top:1px solid var(--line);background:linear-gradient(#fff 0%,#f7fbff 100%);gap:1rem;padding:1.25rem;display:grid}.image-compare-copy{text-align:center;justify-items:center;gap:.18rem;display:grid}.image-compare-copy strong{color:var(--ink);letter-spacing:-.025em;font-size:1.24rem;line-height:1.15}.image-compare-copy span{color:var(--muted);font-size:.86rem;font-weight:680}.image-compare-frame{width:min(100%,820px);aspect-ratio:var(--compare-ratio,4 / 3);background:#f7fbff;border:1px solid #d7e5f3;border-radius:16px;justify-self:center;position:relative;overflow:hidden;box-shadow:0 18px 50px #1430561c}.image-compare-frame img{object-fit:contain;background:#fff;width:100%;height:100%;position:absolute;inset:0}.image-compare-result{z-index:1}.image-compare-original{z-index:2;clip-path:inset(0 calc(100% - var(--compare-position,50%)) 0 0)}.image-compare-chip{z-index:4;min-height:1.85rem;color:var(--ink);text-transform:uppercase;backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #14305614;border-radius:999px;align-items:center;padding:.28rem .6rem;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:.75rem;box-shadow:0 8px 22px #14305614}.image-compare-chip-original{left:.75rem}.image-compare-chip-result{right:.75rem}.image-compare-range{z-index:6;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.image-compare-divider{z-index:5;top:0;bottom:0;left:var(--compare-position,50%);pointer-events:none;background:#fffffff5;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #14305614,0 0 18px #1430562e}.image-compare-knob{width:3.05rem;height:3.05rem;color:var(--blue-dark);background:#fffffff2;border:1px solid #1430561a;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #1430562e}.image-compare-range:focus-visible~.image-compare-divider .image-compare-knob{outline-offset:3px;outline:3px solid #2687e947}.image-compare-download{justify-content:center;justify-self:center;align-items:center;gap:.5rem;width:min(100%,18rem);display:inline-flex}:root[data-theme=dark] .image-tool,:root[data-theme=dark] .image-tool-drop,:root[data-theme=dark] .image-preview-card,:root[data-theme=dark] .image-settings-card{background:var(--surface)}:root[data-theme=dark] .image-preview-box{border-color:var(--line);background:#101827}:root[data-theme=dark] .dimension-grid input,:root[data-theme=dark] .format-control select,:root[data-theme=dark] .ratio-toggle{color:var(--ink);border-color:var(--line);background:#1b2940}:root[data-theme=dark] .segmented-control{border-color:var(--line);background:#101827}:root[data-theme=dark] .segmented-control button.active{color:#fff;background:var(--blue)}:root[data-theme=dark] .fixed-format{border-color:var(--line);background:var(--blue-soft)}:root[data-theme=dark] .png-format-nav{border-color:var(--line);background:#101827}:root[data-theme=dark] .png-format-nav a{border-color:var(--line);color:var(--ink);background:#1b2940}:root[data-theme=dark] .image-compare-panel{background:linear-gradient(180deg, var(--surface) 0%, #101827 100%)}:root[data-theme=dark] .image-compare-frame{border-color:var(--line);box-shadow:none;background:#101827}:root[data-theme=dark] .image-compare-frame img{background:#0d1420}:root[data-theme=dark] .image-compare-chip,:root[data-theme=dark] .image-compare-knob{color:var(--ink);border-color:var(--line);background:#1b2940e6}@media (width<=900px){.image-tool-grid{grid-template-columns:1fr}.image-compare-panel{padding:1rem}}@media (width<=560px){.image-tool-drop{flex-direction:column;align-items:stretch}.image-tool-drop .button{width:100%}.dimension-grid{grid-template-columns:1fr}.image-compare-copy strong{font-size:1.05rem}.image-compare-frame{border-radius:12px}.image-compare-chip{min-height:1.6rem;padding:.2rem .48rem;font-size:.6rem;top:.5rem}.image-compare-chip-original{left:.5rem}.image-compare-chip-result{right:.5rem}.image-compare-knob{width:2.55rem;height:2.55rem}}.image-pdf-tool{color:var(--ink);background:#fff}.image-pdf-drop{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.image-pdf-drop>div:first-child{gap:.18rem;min-width:0;display:grid}.image-pdf-kicker{color:var(--blue-dark);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:760}.image-pdf-drop strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;overflow:hidden}.image-pdf-drop p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;line-height:1.45;overflow:hidden}.image-pdf-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.image-pdf-button{appearance:none;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:2.65rem;padding:.68rem .9rem;font-size:.75rem;font-weight:760;transition:transform .16s,background .16s,box-shadow .16s,border .16s;display:inline-flex}.image-pdf-button:hover:not(:disabled){transform:translateY(-1px)}.image-pdf-button:focus-visible,.image-pdf-item-actions button:focus-visible,.image-pdf-segments button:focus-visible{outline-offset:2px;outline:3px solid #2687e947}.image-pdf-button:disabled,.image-pdf-item-actions button:disabled{cursor:not-allowed;opacity:.42}.image-pdf-button-primary{color:#fff;background:var(--blue);box-shadow:0 7px 15px #2687e933}.image-pdf-button-primary:hover:not(:disabled){background:var(--blue-dark)}.image-pdf-button-dark{color:#fff;background:#263247}.image-pdf-button-quiet{color:var(--blue-dark);background:#fff;border:1px solid #ccdaea}.image-pdf-grid{background:var(--line);grid-template-columns:minmax(0,1.1fr) minmax(16rem,.72fr) minmax(0,.82fr);gap:1px;display:grid}.image-pdf-panel{background:#fff;min-width:0;padding:1rem}.image-pdf-panel-heading{justify-content:space-between;align-items:center;gap:.8rem;min-height:2rem;margin-bottom:.75rem;display:flex}.image-pdf-panel-heading span{color:var(--blue-dark);text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;font-weight:760;display:inline-flex}.image-pdf-empty{color:#9aa9bb;text-align:center;background:#f7fbff;border:1px dashed #cddded;border-radius:12px;align-content:center;place-items:center;gap:.42rem;min-height:19rem;display:grid}.image-pdf-empty strong{color:var(--ink);font-size:.92rem}.image-pdf-empty p{max-width:20rem;color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.image-pdf-queue{gap:.55rem;max-height:27rem;padding-right:.15rem;display:grid;overflow:auto}.image-pdf-item{cursor:grab;background:#f8fbff;border:1px solid #d7e5f3;border-radius:12px;grid-template-columns:1.55rem 4.25rem minmax(0,1fr) auto;align-items:center;gap:.62rem;padding:.55rem;transition:border .16s,background .16s,box-shadow .16s,opacity .16s,transform .16s;display:grid}.image-pdf-item.is-dragging{opacity:.58;cursor:grabbing;transform:scale(.995)}.image-pdf-item.is-drag-over{border-color:var(--blue);background:#eef7ff;box-shadow:inset 0 0 0 2px #2687e91f}.image-pdf-drag-handle{color:#8fa0b5;place-items:center;width:1.55rem;height:2rem;display:grid}.image-pdf-thumb{appearance:none;border:1px solid var(--line);cursor:zoom-in;background:#fff;border-radius:9px;width:4.25rem;height:3.4rem;padding:0;overflow:hidden}.image-pdf-thumb img{object-fit:cover;background:#fff;width:100%;height:100%}.image-pdf-thumb:focus-visible{outline-offset:2px;outline:3px solid #2687e947}.image-pdf-item-copy{gap:.15rem;min-width:0;display:grid}.image-pdf-item-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.2;overflow:hidden}.image-pdf-item-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.image-pdf-item-actions{gap:.25rem;display:flex}.image-pdf-item-actions button{appearance:none;width:2rem;height:2rem;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #ccdaea;border-radius:8px;place-items:center;display:grid}.image-pdf-item-actions button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.image-pdf-control{gap:.4rem;margin-bottom:.85rem;display:grid}.image-pdf-control>span,.image-pdf-range>span{color:var(--muted);font-size:.7rem;font-weight:720}.image-pdf-segments{background:#f5f9fe;border:1px solid #c9d9ea;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.image-pdf-segments button{min-height:2.25rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:.72rem;font-weight:760}.image-pdf-segments button.active{color:#fff;background:var(--blue);box-shadow:0 6px 13px #2687e92e}.image-pdf-range{gap:.55rem;margin:.9rem 0;display:grid}.image-pdf-range>span{justify-content:space-between;gap:1rem;display:flex}.image-pdf-range b{color:var(--ink)}.image-pdf-range input{width:100%;accent-color:var(--blue)}.image-pdf-plan{background:#f7fbff;border:1px solid #cfe0f2;border-radius:11px;gap:.32rem;margin-top:.9rem;padding:.75rem;display:grid}.image-pdf-plan strong{color:var(--ink);font-size:.78rem}.image-pdf-plan p{color:var(--muted);margin:0;font-size:.73rem;line-height:1.45}.image-pdf-plan small{color:#237c58;font-size:.68rem;line-height:1.45}.image-pdf-plan small+small{color:#9b6930}.image-pdf-generate,.image-pdf-download{width:100%;margin-top:1rem}.image-pdf-result-card{color:#8da0b6;text-align:center;background:#f7fbff;border:1px dashed #cddded;border-radius:12px;align-content:center;justify-items:center;gap:.8rem;min-height:19rem;display:grid}.image-pdf-result-card>strong{max-width:16rem;color:var(--ink);font-size:.92rem;line-height:1.35}.image-pdf-summary{gap:.5rem;width:min(100%,18rem);display:grid}.image-pdf-summary div{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.74rem;display:flex}.image-pdf-summary dt,.image-pdf-summary dd{margin:0}.image-pdf-summary dd{color:var(--ink);text-align:right;font-weight:720}.image-pdf-status{min-height:3rem;color:var(--muted);background:#fbfdff;align-items:center;gap:.55rem;padding:.75rem 1.15rem;font-size:.72rem;display:flex}.image-pdf-status>svg{flex:none}.image-pdf-status-success{color:#237c58;background:#effaf4}.image-pdf-status-error{color:#a23d3d;background:#fff1f1}.image-pdf-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-pdf-preview-backdrop{z-index:100;backdrop-filter:blur(10px);background:#0c1626b8;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.image-pdf-preview-modal{background:#fff;border:1px solid #ffffff2e;border-radius:16px;width:min(920px,100%);max-height:min(88vh,760px);display:grid;overflow:hidden;box-shadow:0 28px 70px #00000047}.image-pdf-preview-header{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.image-pdf-preview-header>div{gap:.12rem;min-width:0;display:grid}.image-pdf-preview-header strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.image-pdf-preview-header p{color:var(--muted);margin:0;font-size:.72rem}.image-pdf-preview-header button,.image-pdf-preview-nav{appearance:none;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #ccdaea;place-items:center;display:grid}.image-pdf-preview-header button{border-radius:9px;flex:none;width:2.3rem;height:2.3rem}.image-pdf-preview-header button:focus-visible,.image-pdf-preview-nav:focus-visible{outline-offset:2px;outline:3px solid #2687e947}.image-pdf-preview-frame{background:#eef4fb;place-items:center;min-height:18rem;max-height:58vh;display:grid;position:relative;overflow:hidden}.image-pdf-preview-frame img{object-fit:contain;background:#fff;width:100%;height:100%;max-height:58vh}.image-pdf-preview-nav{z-index:2;width:2.7rem;height:2.7rem;box-shadow:var(--shadow-sm);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.image-pdf-preview-nav:disabled{cursor:not-allowed;opacity:.38}.image-pdf-preview-prev{left:.8rem}.image-pdf-preview-next{right:.8rem}.image-pdf-preview-meta{border-top:1px solid var(--line);background:#fbfdff;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:.8rem 1rem;display:grid}.image-pdf-preview-meta div{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.74rem;display:flex}.image-pdf-preview-meta dt,.image-pdf-preview-meta dd{margin:0}.image-pdf-preview-meta dd{color:var(--ink);text-align:right;font-weight:720}:root[data-theme=dark] .image-pdf-tool,:root[data-theme=dark] .image-pdf-panel{background:var(--surface)}:root[data-theme=dark] .image-pdf-drop,:root[data-theme=dark] .image-pdf-status{background:#111b2d}:root[data-theme=dark] .image-pdf-button-quiet,:root[data-theme=dark] .image-pdf-item-actions button{color:var(--ink);border-color:var(--line);background:#1b2940}:root[data-theme=dark] .image-pdf-button-dark{background:#33445f}:root[data-theme=dark] .image-pdf-empty,:root[data-theme=dark] .image-pdf-result-card,:root[data-theme=dark] .image-pdf-plan{border-color:var(--line);background:#101827}:root[data-theme=dark] .image-pdf-item{border-color:var(--line);background:#121d2f}:root[data-theme=dark] .image-pdf-item.is-drag-over{border-color:var(--blue);background:#172f4a}:root[data-theme=dark] .image-pdf-thumb{border-color:var(--line);background:#0d1420}:root[data-theme=dark] .image-pdf-thumb img{background:#0d1420}:root[data-theme=dark] .image-pdf-segments{border-color:var(--line);background:#101827}:root[data-theme=dark] .image-pdf-status-success{color:#76d6a7;background:#153326}:root[data-theme=dark] .image-pdf-status-error{color:#faa;background:#3a2027}:root[data-theme=dark] .image-pdf-preview-modal{border-color:var(--line);background:var(--surface)}:root[data-theme=dark] .image-pdf-preview-header,:root[data-theme=dark] .image-pdf-preview-meta{border-color:var(--line);background:#111b2d}:root[data-theme=dark] .image-pdf-preview-header button,:root[data-theme=dark] .image-pdf-preview-nav{color:var(--ink);border-color:var(--line);background:#1b2940}:root[data-theme=dark] .image-pdf-preview-frame{background:#101827}:root[data-theme=dark] .image-pdf-preview-frame img{background:#0d1420}@media (width<=960px){.image-pdf-grid{grid-template-columns:1fr}.image-pdf-queue{max-height:23rem}}@media (width<=620px){.image-pdf-drop{flex-direction:column;align-items:stretch}.image-pdf-actions,.image-pdf-actions .image-pdf-button{width:100%}.image-pdf-drop p,.image-pdf-drop strong{white-space:normal}.image-pdf-item{grid-template-columns:1.35rem 3.8rem minmax(0,1fr)}.image-pdf-drag-handle{width:1.35rem}.image-pdf-thumb{width:3.8rem;height:3.15rem}.image-pdf-item-actions{grid-column:1/-1;justify-content:flex-end}.image-pdf-segments{grid-template-columns:1fr}.image-pdf-result-card,.image-pdf-empty{min-height:15rem}.image-pdf-preview-backdrop{padding:.7rem}.image-pdf-preview-modal{border-radius:13px;max-height:88vh}.image-pdf-preview-header{padding:.8rem}.image-pdf-preview-frame{min-height:15rem}.image-pdf-preview-nav{width:2.35rem;height:2.35rem}.image-pdf-preview-prev{left:.45rem}.image-pdf-preview-next{right:.45rem}.image-pdf-preview-meta{grid-template-columns:1fr}}