@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--teal: #2a9d8f;--teal-dark: #21867a;--teal-muted: #1f6f66;--overlay-bar: rgba(0, 0, 0, .4);--overlay-strip-font: clamp(.885rem, 2.35vw, 1.22rem);--bg: #f4f6f5;--sidebar: #ffffff;--text: #1a1a1a;--border: #e0e5e3;--radius: 10px;--font: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden;font-family:var(--font);color:var(--text);background:var(--bg)}.app{display:grid;grid-template-columns:minmax(280px,360px) 1fr;height:100vh;height:100dvh;min-height:0}.sidebar,.stage{min-height:0}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);padding:1.25rem 1.25rem 2rem;display:flex;flex-direction:column;gap:.9rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sidebar-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.field{display:flex;flex-direction:column;gap:.35rem}.field .label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#555}.field textarea{width:100%}.control-input,.control-textarea{width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:6px;font-family:var(--font);font-size:.95rem;font-weight:500;line-height:1.35;color:var(--text);background:#fff}.control-input{min-height:2.75rem;box-sizing:border-box}.control-input::placeholder{color:#8a9090;font-weight:400}input.control-input[type=datetime-local],input.control-input[type=date]{min-height:2.75rem;padding:.5rem .6rem}input.control-input[type=datetime-local]::-webkit-datetime-edit,input.control-input[type=date]::-webkit-datetime-edit{line-height:1.35;padding:0}.control-textarea{resize:vertical;min-height:4.5rem;font:inherit;font-family:var(--font);font-size:.95rem;font-weight:500;line-height:1.35;border:1px solid var(--border);border-radius:6px;color:var(--text);background:#fff;padding:.55rem .65rem}.control-textarea::placeholder{color:#8a9090;font-weight:400}.latlon-row .control-input{min-width:0}.file-name-readout{font-size:.88rem;font-weight:500;line-height:1.35;color:#333;word-break:break-all;padding:.55rem .65rem;background:#f0f3f2;border:1px solid var(--border);border-radius:6px;min-height:2.75rem}.control-select{cursor:pointer}.latlon-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.field-hint{margin:0;font-size:.72rem;line-height:1.35;color:#777}.overlay-toggles{margin:0;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:#fafbfb}.overlay-toggles .label{padding:0 0 .4rem}.overlay-toggles legend.label{margin:0}.toggle{display:flex;align-items:flex-start;gap:.45rem;font-size:.88rem;line-height:1.35;font-weight:500;cursor:pointer;margin-top:.4rem}.toggle:first-of-type{margin-top:.15rem}.toggle input{margin:.15rem 0 0;flex-shrink:0}.overlay.hidden{display:none}.readonly-block .exif-readout{padding:.55rem .65rem;background:#f0f3f2;border-radius:6px;font-family:var(--font);font-size:.95rem;font-weight:500;line-height:1.35;color:#333;min-height:2.75rem;display:flex;align-items:center}.button-row{display:flex;gap:.5rem}.button-row.split{display:grid;grid-template-columns:1fr 1fr}.btn{font:inherit;font-weight:600;border:none;border-radius:var(--radius);padding:.65rem 1rem;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{width:100%;background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-dark)}.btn-secondary{background:var(--teal);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--teal-dark)}.btn-burn{width:100%;background:var(--teal-muted);color:#fff;padding:.75rem 1rem}.btn-burn:hover:not(:disabled){filter:brightness(1.08)}.button-row.tight{margin-top:.35rem}.btn-text{font:inherit;font-size:.82rem;font-weight:600;padding:.25rem 0;color:var(--teal-muted);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.btn-text:hover{color:var(--teal-dark)}.counter{margin:0;font-size:.85rem;color:#666}.hint{margin:auto 0 0;padding-top:.5rem;font-size:.78rem;line-height:1.45;color:#777}.stage{padding:1.25rem;display:flex;align-items:flex-start;justify-content:center;overflow:auto;overscroll-behavior:contain}.preview-wrap{width:100%;max-width:1100px;background:#fff;border:1px solid var(--border);border-radius:12px;min-height:min(85vh,780px);display:flex;align-items:center;justify-content:center;position:relative}.preview-empty{color:#999;font-size:1rem;padding:2rem;text-align:center}.preview-empty.hidden,.preview-frame.hidden{display:none}.preview-frame{width:100%;padding:1rem}.preview-exif-time{margin:0 0 .65rem;font-size:.92rem;font-weight:600;color:#333}.preview-exif-time:empty{display:none}.preview-load-error{margin:0 0 .65rem;font-size:.88rem;line-height:1.45;color:#6b2f2f;padding:.55rem .65rem;background:#fde8e8;border:1px solid #e8b4b4;border-radius:8px}.preview-load-error.hidden{display:none}.image-stack{position:relative;display:block;width:100%;max-width:100%;min-height:4rem;line-height:0;container-type:inline-size;container-name:preview-stack}.image-stack.image-stack--broken .overlay,.image-stack.image-stack--export-preview .overlay{display:none}.preview-export-hint{margin:0 0 .5rem;font-size:.82rem;line-height:1.4;color:#555;padding:.45rem .55rem;background:#fff9e6;border:1px solid #e8dcc4;border-radius:6px}.preview-export-hint.hidden{display:none}.image-stack img{width:100%;max-width:100%;height:auto;display:block;vertical-align:top}.overlay{position:absolute;left:0;right:0;background:var(--overlay-bar);color:#fff;font-weight:600;font-size:clamp(.74rem,1.85vw,1.02rem);padding:.5rem .75rem;text-align:center;text-shadow:none;pointer-events:none;line-height:1.35}.overlay-top{top:0;font-size:var(--overlay-strip-font);text-shadow:0 1px 2px rgba(0,0,0,.35)}.overlay-mid{bottom:3.5rem;text-align:left;padding-left:.75rem;padding-right:.75rem}.overlay-mid.overlay-mid--placeholder{color:#ffffffd9;font-weight:500;font-style:italic}.overlay-bottom{bottom:0;font-weight:600;font-size:var(--overlay-strip-font);line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.35)}@supports (container-type: inline-size){.image-stack .overlay{font-size:clamp(.7rem,3.5cqw,.95rem);padding:clamp(.36rem,1.15cqw,.52rem) clamp(.48rem,1.65cqw,.72rem)}.image-stack .overlay-top,.image-stack .overlay-bottom{font-size:clamp(.8rem,4.15cqw,1.18rem)}.image-stack .overlay-mid{bottom:clamp(2.35rem,10.5cqw,3.55rem)}}.export-canvas{position:fixed;left:-9999px;top:0;visibility:hidden}@media (max-width: 840px){.app{grid-template-columns:1fr;grid-template-rows:minmax(160px,40vh) 1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.image-stack .overlay-mid{bottom:3.15rem}@supports (container-type: inline-size){.image-stack .overlay-mid{bottom:clamp(2.2rem,10cqw,3.25rem)}}}