*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#16161d;color:#e0e0e0}#app{height:100%;display:flex;flex-direction:column}.titlebar{display:none;align-items:center;padding:10px 4px;background:#111;border-bottom:1px solid #f39c12}.titlebar-label{color:#f39c12;font-size:16px;font-weight:700;flex:1}.titlebar-font-controls{display:flex;gap:8px}.titlebar-font-btn{background:none;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:15px;font-weight:700;padding:2px 10px;cursor:pointer;line-height:1.2}.titlebar-font-btn:active{background:#f39c1240;border-color:#f39c12}@media(max-width:768px)and (orientation:portrait){.titlebar{display:flex}}.landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}.landing h1{color:#f39c12;font-size:28px;font-weight:700}.landing-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.landing-btn{padding:20px 40px;font-size:18px;font-weight:600;border:2px solid #f39c12;border-radius:12px;background:transparent;color:#f39c12;cursor:pointer;transition:all .2s;min-width:200px}.landing-btn:hover{background:#f39c12;color:#16161d}.paste-page{flex:1;display:flex;flex-direction:column;padding:24px;gap:16px}.paste-page h2{color:#f39c12;font-size:20px}.paste-textarea{flex:1;min-height:200px;background:#1e1e28;color:#e0e0e0;border:1px solid #333;border-radius:8px;padding:16px;font-family:Consolas,Courier New,monospace;font-size:16px;resize:none}.paste-textarea:focus{outline:none;border-color:#f39c12}.paste-actions{display:flex;gap:12px;align-items:center}.paste-status{color:#888;font-size:14px}.paste-status.error{color:#e74c3c}.paste-status.success{color:#27ae60}.back-btn{background:none;border:none;color:#888;cursor:pointer;font-size:14px;padding:4px 8px;align-self:flex-start}.back-btn:hover{color:#f39c12}.viewport{flex:1;display:flex;overflow:hidden}.viewport-report{flex:1;overflow-y:auto;padding:24px;background:#1a1a24;font-family:Consolas,Courier New,monospace;font-size:14px;white-space:pre-wrap;line-height:1.6}.viewport-stripe{width:320px;min-width:320px;overflow-y:auto;background:#16161d;border-left:1px solid #2a2a2a;scrollbar-width:none}.viewport-stripe::-webkit-scrollbar{display:none}@media(max-width:768px)and (orientation:portrait){.viewport{flex-direction:column}.viewport-report{flex:0 0 auto;max-height:40%;border-bottom:2px solid #f39c12;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;overflow-x:hidden;padding:8px 4px}.viewport-stripe,.viewport-stripe-only{width:100%;min-width:unset;flex:1;border-left:none;scroll-snap-type:y mandatory;overflow-y:auto}.image-card{scroll-snap-align:start;display:flex;flex-direction:column;height:100%;min-height:0;padding:0;overflow:hidden}.image-card-label{flex-shrink:0;padding:6px 0}.image-card-wrap{flex:1;min-height:0;overflow:hidden}.image-card img{height:100%;min-height:0;object-fit:contain;width:100%}}@media(max-width:768px)and (orientation:landscape){.viewport-stripe{width:240px;min-width:240px}}.viewport-stripe-only{flex:1;overflow-y:auto;background:#16161d;scrollbar-width:none}.viewport-stripe-only::-webkit-scrollbar{display:none}.image-card{padding:8px 0;border-bottom:1px solid #FFA500}.image-card-label{color:#f39c12;font-weight:700;font-size:13px;margin-bottom:6px;text-align:center}.image-card-wrap{position:relative;display:flex;flex:1;min-height:0}.image-card img{width:100%;border-radius:0;background:#111;display:block;min-height:60px}.observation-dot{position:absolute;width:45px;height:45px;transform:translate(-50%,-50%);border-radius:50%;background:#f39c1259;border:2px solid rgba(243,156,18,.6);pointer-events:none}.wipe-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#111;border-top:1px solid #2a2a2a}.wipe-btn{padding:6px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.wipe-btn:hover{background:#c0392b}.wipe-status{color:#888;font-size:12px}.error-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center}.error-panel h3{color:#e74c3c;font-size:18px}.error-panel p{color:#888;font-size:14px}.retry-btn{padding:10px 24px;background:#f39c12;color:#16161d;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.retry-btn:hover{background:#e67e22}.sht-index-link{color:#d9534f;font-weight:700;text-decoration:underline;cursor:pointer}.loading{display:flex;align-items:center;justify-content:center;flex:1;color:#888;font-size:16px}.scan-page .scan-video{width:100%;max-height:60vh;background:#000;border-radius:6px;margin:12px 0;object-fit:contain}