.tools-shell{max-width:1280px;margin:auto;padding:40px clamp(20px,4vw,60px)}.tools-shell>h1{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-2px;margin:16px 0 24px}.tools-shell p{line-height:1.7}.tool-tabs{display:flex;gap:8px;margin:32px 0;border-bottom:1px solid #c8c0b3;padding-bottom:16px;flex-wrap:wrap}.tool-tabs button{padding:14px 18px;border:1px solid #bab1a2;background:none}.tool-tabs [aria-current=page]{background:#4c28d6;color:#fff;border-color:#4c28d6}#tool-panel{outline:none}.tool-intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:32px 0}.tool-intro h2{font-size:30px;letter-spacing:-1px;margin:0}.tool-intro a{font-size:12px;text-decoration:underline}.tool-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px}.tool-field{display:grid;gap:8px;font-weight:600;font-size:14px;margin:20px 0}.tool-field>span{font-size:12px;font-weight:400;line-height:1.6;color:#655c4e}.tool-field select{padding:12px;font:inherit;background:#fcfaf5;border:1px solid #a9a191}.output-panel{position:sticky;top:20px;align-self:start;padding:24px;background:#e8e2d6;min-width:0}.output-panel textarea{margin:12px 0 20px;font:12px/1.8 var(--mono);min-height:300px}.output-panel p,.output-panel li{font-size:13px;line-height:1.7}.output-panel h3{margin:0;font-size:22px}.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:24px}.image-picker{font-size:13px;display:grid;gap:10px}.image-picker input{max-width:100%}.image-slot{display:grid;place-items:center;background:#e8e2d6;aspect-ratio:4/3;margin:18px 0;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain}.image-slot p{font-size:12px}.shot{border:1px solid #c8c0b3;padding:8px 20px;margin:28px 0}.shot legend{font:12px var(--mono)}.tool-save{border-top:1px solid #c8c0b3;margin-top:40px;padding-top:20px;font-size:12px}.tool-save>div{display:flex;gap:16px;flex-wrap:wrap}.tool-save button,#apply-style{background:none;border:1px solid #a9a191;padding:12px;font:inherit}.tool-save button:hover,#apply-style:hover{background:#e8e2d6}@media(max-width:750px){.tool-columns{grid-template-columns:1fr}.output-panel{position:static}.tool-intro{display:block}.tool-intro a{display:inline-block;margin-top:14px}.compare-images{gap:12px}.image-slot{aspect-ratio:3/4}.tool-tabs button{flex:1;padding:12px 8px;font-size:12px}.tools-shell{padding-top:24px}.tool-tabs{gap:6px}.tool-save button{font-size:12px}}
.image-slot{position:relative}.image-slot img{position:absolute;inset:0;min-height:0;min-width:0}.compare-images section{min-width:0}.compare-images [role=status]{font-size:12px;overflow-wrap:anywhere}

.image-picker{min-width:0}.image-picker input[type=file]{width:100%;min-width:0;font-size:11px}