.pc-page{max-width:1120px;margin:32px auto 64px;padding:0 20px;color:#17233d}.pc-hero{text-align:center;padding:42px 24px;background:#edf5ff;border:1px solid #d7e4f5;border-radius:8px}.pc-kicker{font-size:.8rem;font-weight:800;letter-spacing:.08em;color:#2769be;margin:0 0 10px}.pc-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:0}.pc-hero p{font-size:1.1rem;margin:14px 0 0;color:#536887}.pc-tool{max-width:920px;margin:28px auto;padding:28px;background:#fff;border:1px solid #d9e3f0;border-radius:8px;box-shadow:0 10px 30px rgba(20,46,88,.07)}.pc-drop-zone{display:flex;min-height:250px;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:25px;text-align:center;border:2px dashed #6aa7ff;background:#f7fbff;cursor:pointer;transition:.18s}.pc-drop-zone.is-dragging{background:#e8f3ff;border-color:#176bdb}.pc-upload-icon{font-size:3.3rem;line-height:1;color:#2873e9}.pc-drop-zone h2{margin:0;font-size:1.35rem}.pc-drop-zone p,.pc-drop-zone small{margin:0;color:#5c6c80}.pc-primary,.pc-secondary{border-radius:6px;padding:12px 20px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.pc-primary{display:inline-block;background:#176bdb;color:#fff;border:1px solid #176bdb}.pc-primary:disabled{opacity:.55;cursor:not-allowed}.pc-secondary{background:#fff;color:#1b3860;border:1px solid #bfd0e8}.pc-tool>#colorize-button{display:block;margin:18px auto 0;min-width:190px}.pc-selection{display:flex;gap:14px;align-items:center;margin-top:18px;padding:10px;border:1px solid #d7e2ef;background:#fbfdff}.pc-selection img{width:70px;height:56px;object-fit:cover}.pc-selection div{display:grid;gap:4px;flex:1;min-width:0}.pc-selection strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-selection span{font-size:.88rem;color:#5c6c80}.pc-icon-button{font-size:1.5rem;border:0;background:transparent;color:#5d6d81;cursor:pointer}.pc-status{min-height:1.5em;text-align:center;margin:14px 0 0;color:#3166a5}.pc-status.is-error{color:#b32935}.pc-result{margin-top:30px;border-top:1px solid #dfe7f1;padding-top:28px}.pc-result h2{margin:0}.pc-result>p{color:#5c6c80}.pc-compare{position:relative;width:min(100%,800px);aspect-ratio:4/3;margin:20px auto;background:#141d2c;overflow:hidden}.pc-compare>img,.pc-compare #before,.pc-compare #before img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pc-compare #before{clip-path:inset(0 50% 0 0)}.pc-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.pc-compare #handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}.pc-compare #handle:after{content:'↔';position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#176bdb;display:grid;place-items:center;font-weight:800}.pc-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pc-disclaimer{max-width:760px;margin:20px auto 0!important;text-align:center;font-size:.9rem}@media(max-width:600px){.pc-page{padding:0 12px;margin-top:16px}.pc-tool{padding:16px}.pc-hero{padding:28px 16px}.pc-drop-zone{min-height:210px}.pc-selection{align-items:flex-start}.pc-actions>*{width:100%;text-align:center}}