body[data-tool=old-camera]{--t1:#fff1e8;--t2:#edf6f0;--t3:#f5eff9;--t4:#eef3fa}
.camera-controls{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.camera-export{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:start;margin-top:24px}.camera-export .download{align-self:start;margin-top:34px}.camera-export input[type=text]{width:100%;display:block;min-height:44px;margin-top:8px;border:1px solid var(--line);border-radius:16px;padding:10px 14px;background:#fff;color:var(--ink);font:400 14px/1.5 var(--fp)}.camera-export select{min-height:44px;font:400 14px/1.5 var(--fp)}.camera-extras{display:flex;gap:28px;flex-wrap:wrap;margin:24px 0}.camera-extras label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.camera-extras input{width:20px;height:20px;accent-color:var(--pink)}.camera-figure{margin:0}.camera-figure figcaption{font:400 14px/1.6 var(--fp);color:var(--sub);margin-top:12px}#originalCanvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}body[data-tool=old-camera] .comparison{background-color:var(--soft);background-image:linear-gradient(45deg,#e8e8ec 25%,transparent 25%),linear-gradient(-45deg,#e8e8ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e8ec 75%),linear-gradient(-45deg,transparent 75%,#e8e8ec 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.camera-modes button{min-height:44px}.camera-extras input:focus-visible,.camera-export input:focus-visible,.camera-export select:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
@media(max-width:860px){.camera-controls,.camera-export{grid-template-columns:1fr}.camera-extras{gap:18px}.camera-export .download{margin-top:0;width:100%}.camera-export{gap:20px}.camera-modes{gap:8px}.camera-modes button{font-size:13px;padding:10px 14px}body[data-tool=old-camera] .utility-actions{justify-content:flex-start;gap:10px}}

body[data-tool=old-camera] .camera-quick-upload{display:none}
@media(max-width:860px){body[data-tool=old-camera] .camera-quick-upload{display:inline-flex;margin:0 0 28px;min-height:44px}body[data-tool=old-camera] .hero-description{font-size:16px;margin-bottom:22px}}

/* Save stays beside the preview, above effect settings. */
body[data-tool=old-camera] .camera-export{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.camera-save{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:end;padding:20px;margin-top:20px;background:var(--soft);border-radius:24px}
.camera-save label{font:600 13px/1.4 var(--fh);text-align:left}
.camera-save select{display:block;width:100%;min-height:48px;margin-top:6px;padding:10px 14px;border:1.5px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:400 14px/1.4 var(--fp)}
.camera-save #downloadButton{min-height:52px;width:100%;gap:10px;background:linear-gradient(90deg,var(--pink),var(--pink2));color:#fff;border:0;border-radius:999px;padding:14px 20px;box-shadow:0 8px 20px rgba(255,61,127,.30);font:600 15px/1.3 var(--fh);cursor:pointer}
.camera-save #downloadButton:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.camera-save #downloadButton:focus-visible,.camera-save select:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
@media(max-width:860px){
 body[data-tool=old-camera]{padding-bottom:100px}
 body[data-tool=old-camera] .camera-export{grid-template-columns:1fr}
 .camera-save{position:fixed;z-index:40;bottom:0;left:0;right:0;margin:0;border-radius:0;border-top:1px solid var(--line);background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:end;box-shadow:0 -4px 20px rgba(0,0,0,.06)}
 .camera-save:not(.is-editor-visible){visibility:hidden;pointer-events:none}
 .camera-save select{min-height:44px}
 .camera-save #downloadButton{min-height:50px;padding:12px 16px}
}