*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e8e0d2;color:#333;width:100%;height:100%}#app{width:100%;max-width:480px;margin:0 auto;min-height:100vh;background-color:#e8e0d2;position:relative;overflow-x:hidden}.container{width:100%;padding:20px;text-align:center}.btn{padding:12px 24px;background-color:#8c7b6b;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.btn:hover{background-color:#7a6a5a}.btn:active{transform:scale(.98)}.header{text-align:center;margin-bottom:40px}.logo{font-size:24px;font-weight:700;margin-bottom:10px;color:#333}.back-btn{position:absolute;left:20px;top:20px;font-size:16px;color:#333;text-decoration:none;display:flex;align-items:center;gap:5px}.footer{position:fixed;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:#666}.upload-btn{width:200px;height:200px;background-color:#d1c4b0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 30px;cursor:pointer;position:relative;overflow:hidden}.upload-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.3) 0%,transparent 70%);pointer-events:none}.upload-btn .plus-icon{font-size:48px;color:#fff;margin-bottom:10px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.photo-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;cursor:pointer}.photo-item img{width:100%;height:100%;object-fit:cover}.loading{text-align:center}.loading-spinner{font-size:48px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compare-container{margin-top:40px}.compare-item{margin-bottom:30px}.compare-item img{max-width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a}.compare-item p{margin-top:10px;font-size:16px;color:#666}.zoom-controls{position:fixed;bottom:80px;right:20px;display:flex;flex-direction:column;gap:10px}.zoom-btn{width:44px;height:44px;border-radius:50%;background-color:#8c7b6be6;color:#fff;border:none;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.repaired-badge{position:absolute;top:8px;right:8px;background-color:#ff4757;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px}.repair-count{margin-top:20px;font-size:18px;color:#333}.save-btn{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:12px 48px;background-color:#8c7b6b;color:#fff;border:none;border-radius:24px;font-size:16px;cursor:pointer}input[type=file]{display:none}@media(max-width:480px){#app{max-width:100%}.upload-btn{width:180px;height:180px}}