:root{color-scheme:dark;--bg:#101412;--panel:#171c19;--panel2:#1c221e;--line:#30372f;--text:#f0f1e9;--muted:#a1aa9e;--quiet:#758071;--accent:#d4f87a;--accent-dark:#202b12;--orange:#ef9a63;--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,input,select,summary,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}a{color:inherit}h1,h2,p{margin:0}h2{font-size:14px;font-weight:600;letter-spacing:-.015em}select{max-width:100%;min-height:42px;background:#242b25;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 28px 8px 10px}input[type=range]{appearance:none;-webkit-appearance:none;height:4px;min-width:0;border-radius:10px;background:#3a4438;accent-color:var(--accent);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);border:3px solid #28351a;box-shadow:0 0 0 1px var(--accent)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid #28351a}input[type=checkbox]{accent-color:var(--accent)}.app-shell{width:min(1180px,100%);margin:0 auto;padding:0 38px}.app-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:.055em}.brand svg{fill:none;stroke:var(--accent);stroke-width:1.15}.brand-dot{color:var(--accent)}.header-meta{display:flex;align-items:center;gap:19px}.privacy-tag{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--accent)}.prototype-tag{border:1px solid #3a4435;border-radius:5px;font-size:9px;letter-spacing:.12em;color:#b3bdac;padding:5px 7px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:32px 0 25px}.eyebrow{font-size:9px;letter-spacing:.19em;color:var(--quiet);margin-bottom:6px;font-weight:650}h1{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.045em}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #424b3e;background:#282f27;border-radius:9px;color:var(--text);padding:10px 15px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.button:hover{background:#333d2e;border-color:#626d58}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);color:#18200e;border-color:var(--accent);font-weight:650}.button.primary:hover{background:#e0ff93;border-color:#e0ff93}.button.subtle{background:transparent;border-color:var(--line)}.button.subtle:hover{background:#242b23}.button.compact{min-height:38px;padding:7px 11px;font-size:11px}.button.text-button{border-color:transparent;background:transparent;color:var(--muted);padding:6px 0;min-height:36px;font-size:11px}.button.text-button:hover{color:var(--text)}.button.tiny{font-size:10px;min-height:30px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.view-panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px}.source-indicator{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:600}.small-cross{color:var(--accent);font-size:20px;font-weight:300;line-height:1}.source-actions{display:flex;align-items:center;gap:16px}.camera-frame{position:relative;aspect-ratio:1;width:100%;background:#0b100c;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#cameraView{display:block;width:100%;height:100%;object-fit:contain;touch-action:manipulation}.frame-corner{position:absolute;width:19px;height:19px;border-color:#d4f87a88;border-style:solid;pointer-events:none}.top-left{top:13px;left:13px;border-width:1px 0 0 1px}.top-right{top:13px;right:13px;border-width:1px 1px 0 0}.bottom-left{bottom:13px;left:13px;border-width:0 0 1px 1px}.bottom-right{bottom:13px;right:13px;border-width:0 1px 1px 0}.view-bottom{padding:16px 20px 9px}.zoom-control{display:flex;align-items:center;gap:18px}.zoom-control label{font-size:11px;color:var(--muted);width:66px;flex-shrink:0}.zoom-control input{flex:1}.zoom-control output{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;width:40px}.micro-copy{font-size:11px;line-height:1.6;color:var(--quiet)}#zoomHelp{margin-top:7px;margin-left:84px}.calibration-row{display:flex;gap:17px;align-items:center;margin-top:7px}.calibration-row .button{color:#c1cbb9;flex-shrink:0}#cameraSelect{width:100%;margin-top:13px}.tracking-strip{padding:17px 20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;justify-content:space-between;background:#1c231b}.tracking-status{display:flex;gap:10px;align-items:flex-start;min-width:0}.tracking-status>div{min-width:0}.tracking-status p:first-child{font-size:11px;color:#c8d1c0;font-weight:550;line-height:1.4}.tracking-status .micro-copy{font-size:10px;margin-top:4px;max-width:245px}.status-pill{display:inline-block;flex-shrink:0;border-radius:4px;background:#35402b;color:#c7e8a4;font-size:8px;font-weight:650;letter-spacing:.09em;padding:4px 6px;margin-top:1px}.tracking-strip .primary{font-size:11px;padding:10px 13px;flex-shrink:0}.play-icon{font-size:9px}.utility-row{display:flex;justify-content:space-between;gap:14px;padding:5px 20px}.utility-row .button{font-size:10px}.orange-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block;flex-shrink:0}.sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.score-panel,.history-panel,.sound-panel,.settings-panel,.pending-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.score-panel{padding:21px 22px 0;position:relative;background:radial-gradient(ellipse at top right,#26301d 0,transparent 66%),var(--panel)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.small-label{font-size:8px;letter-spacing:.12em;color:var(--quiet)}.last-result{display:flex;align-items:baseline;gap:11px;margin-top:11px;line-height:1}.last-result #lastScore{font-size:80px;letter-spacing:-.08em;font-weight:450;color:var(--accent);font-variant-numeric:tabular-nums}.score-unit{font-size:18px;color:#606d57;letter-spacing:-.03em}.last-label{font-size:11px;color:var(--muted);margin-top:9px;margin-bottom:21px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34402d;margin:0 -22px;padding:16px 0;background:#10150f3d}.stats-row>div{display:flex;flex-direction:column;align-items:center;gap:2px}.stats-row>div+div{border-left:1px solid #34402d}.stats-row>div>span:first-child{font-size:19px;font-weight:550;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.stats-row>div>span:last-child{font-size:10px;color:var(--quiet)}.history-panel{padding:15px 20px 6px}.shot-list{list-style:none;margin:9px 0 0;padding:0;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a4634 transparent}.empty-history{text-align:center;padding:16px 0 21px;color:var(--quiet)}.empty-history svg{fill:none;stroke:#485541;stroke-width:1;margin-bottom:5px}.empty-history p{font-size:11px;color:var(--muted);margin-bottom:4px}.empty-history span{font-size:10px}.shot-list>li:not(.empty-history){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.shot-list>li:not(.empty-history):first-child{border-top:0}.shot-list .shot-index,.shot-list .shot-time{font-size:10px;color:var(--quiet);font-variant-numeric:tabular-nums}.shot-list .shot-score{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.undo-button{width:100%;border-top:1px solid var(--line)!important;border-radius:0;font-size:10px!important;margin-top:4px}.sound-panel{padding:17px 19px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch-row .micro-copy{font-size:10px;margin-top:3px}.switch{position:relative;display:block;flex-shrink:0;width:35px;height:22px;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.switch-track{display:block;width:35px;height:22px;background:#41493d;border-radius:22px;transition:background .15s}.switch-track:before{content:"";display:block;position:absolute;left:3px;top:3px;width:16px;height:16px;background:#b7c2ae;border-radius:50%;transition:transform .15s,background .15s}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:before{background:#27321a;transform:translateX(13px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:4px}.voice-row{display:flex;gap:8px;margin-top:14px}.voice-row select{flex:1;min-width:0;font-size:10px;min-height:37px}.voice-row .button{padding:7px 9px;font-size:10px}.settings-panel summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 19px;font-size:11px;color:var(--muted);min-height:48px}.settings-panel summary::-webkit-details-marker{display:none}.summary-plus{font-size:19px;color:var(--quiet);line-height:1;font-weight:300;transition:transform .15s}.settings-panel[open] .summary-plus{transform:rotate(45deg)}.settings-content{padding:0 19px 18px}.settings-content>.micro-copy{font-size:10px}.ring-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.ring-inputs label{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:var(--muted)}.ring-inputs input{min-width:0;width:65px;background:#252e22;border:1px solid #3b4835;border-radius:5px;color:var(--text);padding:5px;font-size:11px}.settings-content #resetCalibrationButton{font-size:10px}.sensitivity-control{margin:12px 0 19px;padding-top:15px;border-top:1px solid var(--line)}.sensitivity-control label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:9px}.sensitivity-control output{color:var(--accent)}.sensitivity-control input{width:100%}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:14px;min-height:30px;cursor:pointer}.check-row input{height:15px;width:15px;margin:0}.pending-panel{padding:18px 19px;background:#29251e;border-color:#5f4c37}.pending-panel h2{color:#efd0b1}.pending-panel .micro-copy{color:#bb9c81;margin-top:6px}.pending-controls{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.pending-controls label{font-size:11px;color:#c9b198}.pending-controls select{width:78px}.button-pair{display:flex;gap:8px}.button-pair .button{flex:1;min-width:0;font-size:11px;padding:9px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 23px;padding-top:17px;border-top:1px solid var(--line);color:#596452;font-size:9px}.app-footer>span{letter-spacing:.09em;font-weight:650}.app-footer p{text-align:right}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;max-width:calc(100% - 32px);padding:13px 19px;border:1px solid #4d613d;border-radius:11px;background:#26321e;color:#e1f0d2;font-size:12px;box-shadow:0 10px 40px #0006;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.camera-frame{max-width:620px;margin-inline:auto}.view-panel{background:#141a15}}
@media(max-width:1050px){.app-shell{padding:0 25px}.workspace{gap:18px;grid-template-columns:minmax(0,1fr) 300px}.tracking-strip{flex-direction:column;align-items:stretch;gap:14px}.tracking-status{align-items:center}.tracking-status .micro-copy{max-width:none}.calibration-row{align-items:flex-start;gap:12px}.calibration-row .micro-copy{padding-top:8px}.source-actions{gap:11px}.view-toolbar{padding:13px 15px}.score-panel{padding:18px 19px 0}.stats-row{margin-inline:-19px}.sidebar{gap:12px}.last-result #lastScore{font-size:74px}}
@media(max-width:760px){.app-shell{padding:0 18px}.app-header{height:71px}.brand{font-size:21px;gap:9px}.brand svg{width:28px;height:28px}.header-meta{gap:11px}.privacy-tag{font-size:10px}.prototype-tag{font-size:8px;padding:4px 6px}.page-heading{padding:25px 0 20px}h1{font-size:27px}.eyebrow{font-size:8px}.page-heading .button{min-height:40px;font-size:11px;padding:8px 11px}.workspace{grid-template-columns:minmax(0,1fr);gap:18px}.view-toolbar{padding:11px 13px}.source-actions .compact{min-height:40px}.camera-frame{max-width:none}.view-bottom{padding:16px 16px 10px}.zoom-control{gap:13px}.zoom-control label{width:63px}#zoomHelp{margin-left:76px}.calibration-row{gap:13px}.calibration-row .button{font-size:11px;min-height:44px}.calibration-row .micro-copy{font-size:10px;padding-top:10px}.tracking-strip{padding:16px;gap:13px}.tracking-status p:first-child{font-size:12px}.tracking-status .micro-copy{font-size:11px}.status-pill{font-size:8px;padding:5px 7px}.tracking-strip .primary{min-height:48px;font-size:13px}.utility-row{padding:6px 16px}.utility-row .button{min-height:44px;font-size:10px}.sidebar{gap:14px}.score-panel{padding:21px 22px 0}.stats-row{margin-inline:-22px}.last-result{margin-top:12px}.last-result #lastScore{font-size:84px}.last-label{font-size:12px}.score-panel .section-heading h2{font-size:14px}.stats-row>div>span:first-child{font-size:22px}.stats-row>div>span:last-child{font-size:11px}.history-panel{padding:14px 20px 6px}.shot-list{max-height:250px}.empty-history{padding:21px 0 24px}.empty-history p{font-size:12px}.empty-history span{font-size:11px}.button.tiny{min-height:40px;font-size:11px}.undo-button{min-height:44px!important;font-size:11px!important}.sound-panel{padding:18px 20px}.switch{width:42px;height:26px}.switch-track{width:42px;height:26px}.switch-track:before{width:20px;height:20px}.switch input:checked+.switch-track:before{transform:translateX(16px)}.voice-row select{min-height:44px;font-size:11px}.voice-row .button{min-height:44px;font-size:11px;padding-inline:13px}.settings-panel summary{min-height:53px;font-size:12px}.settings-content>.micro-copy{font-size:11px}.settings-content #resetCalibrationButton{min-height:44px;font-size:11px}.ring-inputs{gap:11px}.ring-inputs label{font-size:11px}.ring-inputs input{min-height:42px;width:75px;font-size:12px}.check-row{min-height:44px;font-size:12px}.sensitivity-control label{font-size:11px}.app-footer{margin-top:26px;margin-bottom:calc(22px + env(safe-area-inset-bottom))}.app-footer p{font-size:8px}.toast{bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(max-width:370px){.app-shell{padding:0 12px}.privacy-tag{display:none}.header-meta{gap:8px}.source-actions{gap:8px}.view-toolbar{padding-inline:11px}.utility-row{gap:6px;padding-inline:12px}.utility-row .button{font-size:9px}.calibration-row{flex-direction:column;gap:0}.calibration-row .micro-copy{padding-top:0;padding-bottom:8px}.app-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.status-pill[data-state=motion],.status-pill[data-state=pending]{background:#473b24;color:#ffd18b}.status-pill[data-state=error]{background:#4b302c;color:#ffc0aa}.status-pill[data-state=idle]{background:#343b31;color:#bac2b5}.status-pill[data-state=live]{background:#354923;color:#d4f87a}.button.is-running{background:#303c26;border-color:#728655;color:#d4f87a}.shot-score[data-center=true]{background:#d4f87a;color:#17220d;border-radius:5px;padding:2px 7px}#ringInputs::after{content:"Vrijednosti su poluprečnici u % vanjskog kruga.";grid-column:1/-1;color:var(--quiet);font-size:10px;margin-top:5px}.button:disabled:hover{transform:none}.status-pill{max-width:78px;overflow-wrap:anywhere}.sound-panel .micro-copy::after{content:" Glas zavisi od postavki telefona."}
@media(max-width:480px){.view-toolbar{flex-wrap:wrap;gap:3px}.source-indicator{flex-basis:100%;font-size:9px;letter-spacing:.06em}.source-actions{width:100%;justify-content:space-between}.source-actions .compact{min-height:44px}.source-actions .text-button{min-height:44px}.button.text-button{min-height:44px}.status-pill{font-size:7px}.zoom-control input{height:6px}}
.focus-row{display:flex;align-items:center;gap:16px;margin-top:8px;padding-top:5px;border-top:1px solid var(--line)}.focus-row .button{flex-shrink:0}.focus-row .micro-copy{line-height:1.5;font-size:10px}.focus-row .button:disabled{opacity:.65;color:var(--quiet)}
@media(max-width:480px){.focus-row{align-items:flex-start;gap:12px}.focus-row .micro-copy{padding-top:8px;flex:1}}
/* Direct target-line editing keeps the image and fine controls together. */
.source-actions{gap:10px}.adjust-lines-button{color:var(--accent);border-color:#485738;background:#273021}.editor-toolbar{display:none}.target-editor{background:var(--panel);min-width:0}.editor-controls{padding:12px 16px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#46523d transparent}.editor-preset-row,.editor-adjust-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.editor-preset-row select,.editor-adjust-row select{width:100%;min-width:0;font-size:12px;min-height:42px;padding:8px 24px 8px 10px}.editor-preset-row .button{min-height:42px;font-size:11px;padding:8px;gap:6px}.editor-hint{font-size:11px;color:#bac6ad;line-height:1.45;margin:8px 0;min-height:32px}.editor-adjust-row{margin-bottom:8px}.editor-fine-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:center}.editor-step-button{font-size:23px;min-height:42px;padding:0;font-weight:400}.editor-readout{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;background:#11180f;border:1px solid #2a3623;border-radius:8px;padding:6px 9px;min-width:0}.editor-readout span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-readout output{color:var(--accent);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.editor-spacing{margin-top:8px;border-top:1px solid var(--line)}.editor-spacing summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:11px;color:var(--muted);min-height:40px}.editor-spacing summary::-webkit-details-marker{display:none}.editor-spacing[open] .summary-plus{transform:rotate(45deg)}.editor-spacing .ring-inputs{margin-top:0;padding-top:2px}.editor-spacing #resetCalibrationButton{min-height:40px;font-size:11px}.editor-footer{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;flex-shrink:0;padding:8px 16px 12px;border-top:1px solid var(--line);background:#1b2318}.editor-footer .button{min-height:44px;font-size:12px}.editor-step{font-size:8px;color:#91a680;letter-spacing:.1em;white-space:nowrap}.view-panel.is-editing{position:fixed;inset:0;z-index:30;margin:0;border:0;border-radius:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr) auto;gap:0;background:#0e140e;overflow:hidden}.view-panel.is-editing .view-toolbar,.view-panel.is-editing .view-bottom,.view-panel.is-editing .tracking-strip,.view-panel.is-editing .utility-row{display:none}.view-panel.is-editing .editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px;border-bottom:1px solid var(--line);background:#171e14}.editor-toolbar .eyebrow{display:block;font-size:7px;margin-bottom:2px;color:#7c9270}.editor-toolbar h2{font-size:14px}.view-panel.is-editing .camera-frame{width:min(calc(100vw - 24px),calc(100dvh - 380px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));height:auto;min-width:0;max-width:none;max-height:none;margin:0;aspect-ratio:1;align-self:center;justify-self:center;border:1px solid #34432a;border-radius:3px}.view-panel.is-editing #cameraView{touch-action:none;cursor:crosshair}.view-panel.is-editing .frame-corner{border-color:#d4f87a55}.view-panel.is-editing .target-editor{display:flex;flex-direction:column;min-height:0;width:100%;max-height:54vh;max-height:54dvh;border-top:1px solid #34432a}.view-panel.is-editing .editor-controls{flex:1;min-height:0}.view-panel.is-editing .editor-footer{padding-bottom:8px}body:has(.view-panel.is-editing){overflow:hidden}.toast{z-index:40}#ringInputs::after{content:"Razmaci su izraženi u % vanjske linije."}.settings-content>.sensitivity-control:first-child{border-top:0;padding-top:0;margin-top:0}
@media(min-width:761px){.view-panel:not(.is-editing) .view-toolbar{flex-wrap:wrap}.view-panel:not(.is-editing) .source-actions{flex:1;justify-content:flex-end}.view-panel:not(.is-editing) .source-actions .button{min-height:40px}.view-panel.is-editing{grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:60px minmax(0,1fr);padding:0 20px 20px;column-gap:20px}.view-panel.is-editing .editor-toolbar{grid-column:1/-1;margin:0 -20px 12px;padding-inline:24px}.view-panel.is-editing .camera-frame{width:min(calc(100vw - 410px),calc(100dvh - 100px));grid-column:1;grid-row:2}.view-panel.is-editing .target-editor{grid-column:2;grid-row:2;align-self:stretch;max-height:100%;border:1px solid var(--line);border-radius:12px}.view-panel.is-editing .editor-controls{padding:16px}.editor-hint{margin-block:12px}.editor-preset-row{grid-template-columns:minmax(0,1fr)}.editor-preset-row .button{min-height:42px}.editor-toolbar h2{font-size:16px}.editor-step{font-size:9px}.view-panel.is-editing .editor-footer{padding-bottom:12px}}
@media(max-width:760px){.view-panel:not(.is-editing) .view-toolbar{flex-wrap:wrap;gap:4px}.view-panel:not(.is-editing) .source-indicator{flex-basis:100%;font-size:9px}.view-panel:not(.is-editing) .source-actions{width:100%;justify-content:space-between;gap:7px}.view-panel:not(.is-editing) .source-actions .button{min-height:42px;font-size:10px}.view-panel:not(.is-editing) .source-actions .compact{padding-inline:9px}.view-panel.is-editing .target-editor{padding:0}.editor-controls .ring-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor-controls .ring-inputs input{min-height:40px}.editor-controls .ring-inputs label{font-size:11px}.editor-step-button{min-height:42px}.editor-toolbar .editor-step{font-size:7px}.editor-footer .button{min-height:44px}}
@media(max-height:560px) and (orientation:landscape){.view-panel.is-editing{grid-template-columns:minmax(0,1fr) minmax(280px,43vw);grid-template-rows:42px minmax(0,1fr);gap:0 12px;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)}.view-panel.is-editing .editor-toolbar{grid-column:1/-1;margin:0 -12px;padding:4px 14px}.editor-toolbar .eyebrow{display:none}.editor-toolbar h2{font-size:13px}.view-panel.is-editing .camera-frame{grid-column:1;grid-row:2;width:min(calc(55vw - 36px),calc(100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:100%}.view-panel.is-editing .target-editor{grid-column:2;grid-row:2;max-height:100%;align-self:stretch;border:0;border-left:1px solid var(--line);border-radius:0}.view-panel.is-editing .editor-controls{padding:8px 10px}.editor-preset-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.editor-preset-row select,.editor-preset-row .button,.editor-adjust-row select{font-size:10px}.editor-preset-row .button svg{display:none}.editor-hint{font-size:10px;margin:6px 0;min-height:28px}.editor-fine-row{grid-template-columns:42px minmax(0,1fr) 42px}.editor-readout{gap:5px}.view-panel.is-editing .editor-footer{padding:6px 10px}.editor-footer .button{min-height:40px;font-size:11px}.editor-spacing summary{min-height:40px}.editor-adjust-row{margin-bottom:6px}}
@media(max-width:350px){.view-panel:not(.is-editing) .source-actions{gap:6px}.view-panel:not(.is-editing) .source-actions .compact{padding-inline:7px}.source-actions .compact svg{display:none}.editor-controls{padding-inline:12px}.editor-preset-row .button{font-size:10px}.editor-preset-row .button svg{display:none}.editor-preset-row select,.editor-adjust-row select{font-size:11px}.editor-footer{padding-inline:12px}.editor-step{display:none}}

/* iPhone editing: retain accessible text sizes and keep a square preview in the free grid row. */
body.editing-target{overflow:hidden}
@media(max-width:760px) and (orientation:portrait){.view-panel.is-editing .camera-frame{height:min(100%,calc(100vw - 24px));width:auto;max-width:calc(100vw - 24px);max-height:calc(100vw - 24px)}}
@media(pointer:coarse),(max-width:760px){#targetEditor select,#targetEditor input{font-size:16px}}