/* PHOTOSMIA 198 · Upscale Pro full workflow */
.upscale-main-198{min-width:0}.upscale-shell-198{align-items:start}.upscale-setup-198{display:grid;gap:14px}.upscale-filters-198{margin-top:2px;border:1px solid #d4e4e8;border-radius:16px;padding:13px;background:#fbfdfe}.upscale-filters-198>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.upscale-filters-198 header>div{display:grid;gap:2px}.upscale-filters-198 header b{font-size:13px;color:#173b49}.upscale-filters-198 header small{font-size:10px;color:#73848b}.upscale-filter-grid-198{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.upscale-filter-198{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:10px 11px;border:1px solid #d6e4e8;border-radius:12px;background:#fff;min-height:54px}.upscale-filter-198>span:last-child{display:grid;gap:3px;min-width:0}.upscale-filter-198 b{font-size:12px;color:#173643}.upscale-switch-198{position:relative;width:34px;height:20px;margin-top:1px}.upscale-switch-198 input{position:absolute;opacity:0;pointer-events:none}.upscale-switch-198 i{display:block;width:34px;height:20px;border-radius:999px;background:#ccd9db;transition:.15s;position:relative}.upscale-switch-198 i:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.15s}.upscale-switch-198 input:checked+i{background:#20a9c8}.upscale-switch-198 input:checked+i:after{transform:translateX(14px)}.upscale-strength-198{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.upscale-strength-198 input{width:100%;accent-color:#20a9c8}.upscale-strength-198 output{font-size:9px;font-weight:800;color:#1a7185;min-width:30px;text-align:right}.upscale-processing-198{min-height:290px;border:1px solid #d3e5e9;border-radius:18px;background:#f8fcfd;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;text-align:center}.upscale-spinner-198{width:44px;height:44px;border-radius:50%;border:4px solid #dcebed;border-top-color:#20a9c8;animation:up198spin .8s linear infinite}@keyframes up198spin{to{transform:rotate(360deg)}}.upscale-processing-198>b{font-size:15px}.upscale-processing-198>span{font-size:13px;color:#607c86}.upscale-processing-198 .upscale-progress-rail{width:min(520px,100%);height:10px;margin-top:2px}.upscale-viewer-block-198{display:grid;gap:10px}.upscale-viewer-tools-198{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.upscale-viewer-tools-198>div:first-child{display:grid;gap:1px}.upscale-viewer-tools-198>div:first-child b{font-size:13px}.upscale-viewer-tools-198>div:first-child span{font-size:10px;color:#71858c}.upscale-viewer-buttons-198{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.upscale-viewer-buttons-198 button,.upscale-viewer-buttons-198 label{border:1px solid #cfe0e5;border-radius:10px;background:#fff;padding:7px 9px;font-size:11px;font-weight:700;color:#23424e}.upscale-viewer-buttons-198 button.active{background:#183f4e;color:#fff;border-color:#183f4e}.upscale-viewer-buttons-198 label{display:flex;align-items:center;gap:6px}.upscale-viewer-buttons-198 input{width:92px;accent-color:#20a9c8}.upscale-viewer-buttons-198 output{min-width:34px;text-align:right;font-size:10px}.upscale-viewer-198{height:min(66vh,650px);min-height:360px;border-radius:14px;background:#0e1b20;overflow:hidden;position:relative}.upscale-canvas-198{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;cursor:ew-resize;display:grid;place-items:center}.upscale-image-stage-198{position:relative;max-width:100%;max-height:100%;transform-origin:center center;will-change:transform}.upscale-image-stage-198>img,.upscale-after-wrap-198 img{display:block;max-width:100%;max-height:calc(min(66vh,650px));object-fit:contain;user-select:none}.upscale-before-198{position:relative;z-index:1}.upscale-after-wrap-198{position:absolute;left:0;top:0;bottom:0;overflow:hidden;z-index:2}.upscale-after-198{position:absolute;left:0;top:0;width:auto;max-width:none;height:100%;object-fit:contain}.upscale-split-line-198{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:5;box-shadow:0 0 0 1px #0002}.upscale-split-line-198 i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff;color:#173945;display:grid;place-items:center;font-style:normal;font-size:12px;box-shadow:0 3px 12px #0003}.upscale-tag-198{position:absolute;top:12px;z-index:6;background:#091317d9;color:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase}.upscale-tag-198.before{left:12px}.upscale-tag-198.after{right:12px}.upscale-viewer-198.side .upscale-canvas-198{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}.upscale-viewer-198.side .upscale-image-stage-198{display:contents;transform:none!important}.upscale-viewer-198.side .upscale-before-198{width:100%;height:100%;object-fit:contain;background:#0e1b20}.upscale-viewer-198.side .upscale-after-wrap-198{position:relative!important;inset:auto!important;width:100%!important;height:100%;overflow:hidden;background:#0e1b20}.upscale-viewer-198.side .upscale-after-198{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;max-width:100%}.upscale-viewer-198.side .upscale-split-line-198{display:none}.upscale-viewer-198.side .upscale-tag-198{top:10px}.upscale-viewer-actions-198{display:flex;gap:8px;justify-content:flex-end}.upscale-viewer-actions-198 a{text-decoration:none}.upscale-history-198{margin-top:14px;background:#fff;border:1px solid #cfe3e8;border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(20,62,74,.05)}.upscale-history-head-198{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.upscale-history-head-198 small{font-size:9px;font-weight:800;letter-spacing:.12em;color:#9a7c2d}.upscale-history-head-198 h3{margin:1px 0 0;font-size:17px}.upscale-history-list-198{display:grid;gap:7px}.upscale-history-list-198 article{display:grid;grid-template-columns:62px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:7px;border:1px solid #e1eaec;border-radius:12px}.upscale-history-thumb-198{width:62px;height:50px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#102127;position:relative}.upscale-history-thumb-198 img{width:100%;height:100%;object-fit:cover}.upscale-history-thumb-198 span{position:absolute;left:3px;bottom:3px;background:#081116c7;color:#fff;border-radius:4px;padding:2px 4px;font-size:7px}.upscale-history-list-198 article>div{display:grid;gap:2px}.upscale-history-list-198 article>div b{font-size:11px}.upscale-history-list-198 article>div small{font-size:9px;color:#718189}.upscale-history-list-198 a{text-decoration:none}.upscale-history-empty-198{margin:0;padding:10px;color:#718189;font-size:11px;text-align:center}@media(max-width:900px){.upscale-filter-grid-198{grid-template-columns:1fr}.upscale-viewer-tools-198{align-items:flex-start}.upscale-viewer-buttons-198{width:100%}.upscale-viewer-buttons-198 label{flex:1}.upscale-viewer-buttons-198 input{flex:1}.upscale-viewer-198{height:min(58vh,520px);min-height:300px}.upscale-history-list-198 article{grid-template-columns:54px minmax(0,1fr) auto}.upscale-history-list-198 article>a{grid-column:3}.upscale-history-thumb-198{width:54px;height:46px}}@media(max-width:560px){.upscale-viewer-buttons-198 button{flex:1}.upscale-viewer-buttons-198 label{width:100%;flex-basis:100%}.upscale-viewer-actions-198{display:grid;grid-template-columns:1fr}.upscale-viewer-actions-198>*{justify-content:center}.upscale-history-head-198{align-items:flex-start;flex-direction:column}.upscale-history-head-198 button{width:100%}.upscale-history-list-198 article{grid-template-columns:52px minmax(0,1fr) auto}.upscale-history-list-198 article .soft{padding:7px}.upscale-history-list-198 article>a{grid-column:3}.upscale-viewer-198{min-height:260px}}

/* HF04 · Upscale viewer alignment, banner and pan/zoom improvements */
.upscale-shell-198{grid-template-columns:minmax(0,1fr) 220px;gap:18px}
.upscale-ideas-banner-198{display:grid;gap:10px;align-self:start;position:sticky;top:18px;background:#fff;border:1px solid #d6e4e8;border-radius:22px;padding:16px;box-shadow:0 12px 28px rgba(20,62,74,.06)}
.upscale-ideas-banner-198 small{font-size:10px;font-weight:800;letter-spacing:.14em;color:#9a7c2d}
.upscale-ideas-banner-198 h3{margin:0;font-size:17px;color:#173643}
.upscale-ideas-image-198{width:100%;height:auto;display:block;border-radius:16px;border:1px solid #d8e7ea;background:#f8fcfd}
.upscale-ideas-fallback-198{display:grid;gap:8px}
.upscale-ideas-fallback-198>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;padding:9px 10px;border:1px solid #e1eaec;border-radius:12px;background:#fbfdfe}
.upscale-ideas-fallback-198 span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eef7f9;color:#1a7c91;font-size:12px}
.upscale-viewer-198{height:min(68vh,680px);min-height:360px;border-radius:16px;background:#07161c;overflow:hidden;position:relative}
.upscale-viewer-198.side{background:#07161c}
.upscale-canvas-198{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center;padding:10px}
.upscale-side-grid-198{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}
.upscale-pane-198{position:relative;min-width:0;background:#07161c;overflow:hidden}
.upscale-pane-canvas-198{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;touch-action:none}
.upscale-stage-198{position:relative;flex:none;transform-origin:center center;will-change:transform;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.upscale-stage-198,.upscale-mask-198{overflow:hidden}
.upscale-layer-198{display:block;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}
.upscale-mask-198{position:absolute;left:0;top:0;bottom:0;z-index:2}
.upscale-mask-198 .upscale-layer-198{position:absolute;left:0;top:0;width:100%;height:100%}
.upscale-split-line-198{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;z-index:5;box-shadow:0 0 0 1px #0003}
.upscale-split-line-198 i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff;color:#173945;display:grid;place-items:center;font-style:normal;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.28)}
.upscale-tag-198{position:absolute;top:12px;z-index:6;background:#091317d9;color:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.upscale-tag-198.before{left:12px}.upscale-tag-198.after{right:12px}
.upscale-pane-198>.upscale-tag-198{top:10px}
.upscale-viewer-buttons-198 input{width:126px}
.upscale-viewer-buttons-198 button,.upscale-viewer-buttons-198 label{min-height:38px}
.upscale-viewer-actions-198{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.upscale-viewer-actions-198>*{min-width:160px;text-align:center}
.upscale-viewer-buttons-198 button.active{background:#2e2611;color:#fff;border-color:#2e2611}
@media(max-width:1120px){.upscale-shell-198{grid-template-columns:1fr}.upscale-ideas-banner-198{position:static;max-width:280px;justify-self:end}}
@media(max-width:900px){.upscale-side-grid-198{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.upscale-viewer-198{height:min(62vh,580px)}.upscale-ideas-banner-198{max-width:none;justify-self:stretch}}
@media(max-width:560px){.upscale-viewer-198{min-height:280px}.upscale-viewer-buttons-198 label{width:100%;flex-basis:100%}.upscale-viewer-actions-198{display:grid;grid-template-columns:1fr}.upscale-viewer-actions-198>*{width:100%}}