.feedback-app{--warning:#f6de58}.feedback-app p{line-height:1.65}.feedback-app .page>section,.feedback-app .page>.btn{margin-bottom:18px}.feedback-app .page h1{font-size:26px}.feedback-app .card-inner>p{color:var(--muted);font-size:13px;margin:10px 0 16px}.feedback-app .btn{min-height:44px;white-space:normal}.feedback-app .primary{background:var(--mint);color:#10251d;border-color:var(--mint)}.feedback-app button:focus-visible,.modal button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b2eddb;outline-offset:3px}.feedback-app .bottom-nav button{min-height:56px}.feedback-app .bottom-nav svg{width:23px;height:23px}.feedback-app .page{padding-bottom:110px}.feedback-app .photo-meta h3{font-size:13px}.feedback-app .photo-meta p{font-size:11px;line-height:1.5}.feedback-app .empty p{margin:12px 0 24px}.feedback-app .empty .btn{margin:5px}.journal-note,.help-line{font-size:12px;color:#b7c6bf;line-height:1.6;margin:12px 0}.feedback-app .gallery-toolbar{display:flex;flex-wrap:wrap;gap:10px}.feedback-app .filter-chip{min-height:44px}.feedback-app .source-tabs{display:flex;gap:8px;margin:12px 0}.source-tabs button{flex:1;min-height:44px;border-radius:14px;background:#1b2923;color:#cfdbd5;padding:8px;font-size:13px;border:1px solid #3c5147}.source-tabs button[aria-pressed=true]{background:#b0ebd2;color:#10251d;border-color:#b0ebd2}.feedback-app .cam-top{gap:8px}.camera-title{flex:1;font-size:14px}.feedback-app .cam-top .btn{font-size:12px;padding:8px}.feedback-app .feedback-viewfinder{aspect-ratio:3/4;min-height:300px;max-height:60dvh;position:relative;overflow:hidden}.feedback-viewfinder video,.feedback-viewfinder>img{width:100%;height:100%;object-fit:cover}.feedback-viewfinder video{object-fit:contain;background:#080f0c}.feedback-viewfinder .viewfinder-grid,.feedback-viewfinder .focus-box{pointer-events:none}.feedback-viewfinder .focus-box{top:50%;left:50%}.camera-placeholder{position:absolute;inset:0;z-index:3;background:#10201a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px}.camera-placeholder>svg{width:42px;height:42px;color:#b0ebd2}.camera-placeholder p{font-size:13px;color:#c2cec8}.camera-placeholder .btn{width:100%}.feedback-app .camera-tools{font-size:12px}.feedback-app .camera-tools button{min-height:44px}.feedback-app .shutter-dock{gap:12px;padding:22px 0}.feedback-app .shutter-dock>.btn{flex:1;font-size:12px;padding:8px}.feedback-app .shutter{flex-shrink:0;display:grid;place-items:center;width:76px;height:76px;min-height:76px}.feedback-app .shutter svg{width:32px;height:32px}.sample-strip{display:flex;gap:8px;overflow:auto;padding:12px 0}.sample-strip button{flex:0 0 62px;min-height:44px;border:1px solid #496154;border-radius:12px;background:transparent;color:#c9d9d0}.sample-strip button[aria-pressed=true]{background:#b0ebd2;color:#10251d}.zoom-control,.range-label{display:block;padding:14px 4px;color:#c6d6ce;font-size:13px}.zoom-control output,.range-label output{float:right}.zoom-control input,.range-label input{display:block;width:100%;min-height:44px;accent-color:#b0ebd2;touch-action:pan-y}.camera-select{display:block;font-size:13px}.camera-select select{display:block;width:100%;background:#192a22;color:#d3e4da;padding:12px;border-radius:12px;font-size:16px;margin-top:8px}.draft-photo{display:block;max-height:42dvh;width:100%;object-fit:contain;background:#0a130e;border-radius:16px;margin-top:18px}.detail-actions{display:flex;gap:8px;margin-bottom:20px}.detail-actions .btn{flex:1;font-size:12px;padding:8px}.comparison-card{padding:16px;overflow:hidden}.comparison-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.comparison-heading h3{font-size:15px}.demo-tag{font-size:10px;color:#bde7d0;white-space:nowrap}.comparison-visual{position:relative;aspect-ratio:1/1;background:#09140d;overflow:hidden;border-radius:15px}.comparison-visual img{display:block;width:100%;height:100%;object-fit:cover}.comparison-visual .image-a,.comparison-visual .image-b{position:absolute;inset:0}.comparison-visual.split .image-a{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-visual.split .image-b{z-index:1}.comparison-visual .image-label{position:absolute;bottom:12px;left:8px;padding:5px 7px;background:#0b180edf;border-radius:6px;color:white;font-size:11px}.comparison-visual.split .image-b .image-label{left:auto;right:8px}.comparison-visual.overlay .image-b{opacity:var(--opacity)}.comparison-visual.side{display:flex;aspect-ratio:1.4}.comparison-visual.side .image-a,.comparison-visual.side .image-b{position:relative;width:50%;height:100%}.demo-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.comparison-visual.side .demo-overlay{left:50%;width:50%}.split-handle{position:absolute;top:0;bottom:0;left:var(--split);transform:translateX(-50%);border-left:2px solid #fff;z-index:4;display:flex;align-items:center;color:white;text-shadow:0 1px 5px black;pointer-events:none}.compare-presets{display:flex;gap:8px}.compare-presets .btn{flex:1;font-size:12px;padding:8px}.annotation-toggle{display:flex;align-items:center;justify-content:center;gap:9px;background:#21352b;color:#e3eee8;border-radius:12px;min-height:44px;width:100%;margin-top:14px}.legend-dot{width:10px;height:10px;border-radius:50%;background:#f6de58}.legend-dot.red{background:#ff5a62;border-radius:2px;width:18px;height:3px}.feedback-app .result-main{padding:22px}.feedback-app .result-main p{font-size:12px;color:#b7c9bd}.phone-detail>img{width:100%;max-height:55dvh;object-fit:contain}.feedback-app .page-note{font-size:12px;line-height:1.7;color:#becfc4}.feedback-app .cloud-record small{font-size:11px}.feedback-app .channel-panel canvas{width:100%;display:block}.feedback-app .channel-body svg{display:block;width:100%;height:80px}.storage-error{background:#49291d;color:#fff;padding:16px;font-size:13px}#dialog-error{color:#ffb9a6;font-size:13px}.processing [data-action]:not([data-action=reload]){cursor:wait}.feedback-app #countdown:not(:empty){position:absolute;inset:0;display:grid;place-items:center;font-size:76px;font-weight:700;background:#0005;color:#fff;z-index:5}.missing-photo{min-height:160px;background:#273c30}.feedback-app .registered-device button{min-height:44px}.feedback-app .profile-link small{overflow-wrap:anywhere}.feedback-app .setting-button span{text-align:right}.feedback-app .card-inner{margin-bottom:18px}.feedback-app .capture-note{font-size:12px;line-height:1.7}@media(max-width:360px){.feedback-app .page{padding-left:14px;padding-right:14px}.feedback-app .filter-chip{font-size:11px;padding:8px}.feedback-app .feedback-viewfinder{min-height:260px}.feedback-app .comparison-card{padding:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.comparison-visual.split{touch-action:none;cursor:ew-resize}.comparison-visual img{pointer-events:none;-webkit-user-drag:none}