:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{margin:0;padding:0;height:100%}body{min-height:100vh;background:radial-gradient(circle at top,#1e293b,#020617);color:#e5e7eb}#root{min-height:100vh;width:100%}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background-color:#0f172a}body{margin:0;background:radial-gradient(circle at top,#1e293b,#020617);color:#e5e7eb}.page-root{min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.app{width:100%;max-width:1100px;min-height:100vh;display:flex;flex-direction:column;margin:1.5rem}.app-header{padding:0 0 .5rem;text-align:center;color:#f9fafb}.app-header h1{margin:0 0 .5rem;font-size:2rem}.app-header p{margin:0;color:#9ca3af}.app-main{padding-top:.5rem;display:flex;flex-direction:column;gap:1.5rem}.card{background:#0f172af2;border-radius:1rem;padding:1.5rem;box-shadow:0 20px 40px #00000059;border:1px solid rgba(148,163,184,.25)}.card h2{margin-top:0;margin-bottom:.75rem;color:#e5e7eb}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.form-group label{font-weight:600;color:#e5e7eb}input[type=text]{padding:.5rem .6rem;border-radius:.5rem;border:1px solid #4b5563;background:#020617;color:#e5e7eb}input[type=text]::placeholder{color:#6b7280}button{padding:.6rem 1.25rem;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;font-size:.95rem;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease}button:disabled{opacity:.6;cursor:wait}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #22c55e4d}.secondary-button{background:#0f172ae6;border:1px solid rgba(148,163,184,.5);color:#e5e7eb;margin-top:.5rem}.secondary-button:not(:disabled):hover{box-shadow:0 6px 14px #94a3b859}.hint{font-size:.8rem;color:#9ca3af}.selected-files{margin-top:.5rem}.thumbnail-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.thumb{position:relative;width:96px;height:96px;border-radius:.75rem;overflow:hidden;border:1px solid rgba(55,65,81,.9);background:#020617;flex:0 0 auto}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;padding:0;border-radius:999px;border:none;background:#ef4444f2;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 0 #0000}.thumb-remove-icon{width:12px;height:2px;border-radius:999px;background:#f9fafb}.thumb:hover .thumb-remove,.thumb:focus-within .thumb-remove{opacity:1;transform:translateY(0);box-shadow:0 6px 12px #ef444499}.thumb-remove:hover{transform:translateY(0)}.error{margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;background:#dc26261a;color:#fecaca;border:1px solid rgba(248,113,113,.7);font-size:.9rem}.file-input-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-upload-button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.2rem;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#f9fafb;font-weight:600;font-size:.9rem;border:none;cursor:pointer;white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease}.file-upload-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #22c55e4d}.file-upload-button:active{transform:translateY(0);box-shadow:0 6px 12px #22c55e40}.file-upload-label{font-size:.85rem;color:#9ca3af}.summary p{margin:.25rem 0}.table-wrapper{margin-top:.75rem;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.damage-table{width:100%;border-collapse:collapse;min-width:800px}.damage-table th,.damage-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(55,65,81,.8);text-align:left}.damage-table th{background:#1f2937e6;position:sticky;top:0;z-index:1}.damage-table tr:nth-child(2n) td{background:#0f172a99}.diagram-heading{margin-top:1.5rem}.diagram-scroll{max-width:100%;overflow-x:auto;padding-bottom:.5rem;margin-top:.5rem;-webkit-overflow-scrolling:touch}.diagram-layout{margin-top:.25rem;display:grid;grid-template-areas:". front ." "left center right" ". rear ." "other other other";grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch;min-width:800px}.diagram-zone{background:#0f172ad9;border-radius:.9rem;padding:.7rem;border:1px solid rgba(55,65,81,.9);display:flex;flex-direction:column;gap:.4rem}.zone-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.zone-empty{font-size:.8rem;color:#6b7280}.zone-front{grid-area:front}.zone-left{grid-area:left}.zone-right{grid-area:right}.zone-rear{grid-area:rear}.zone-other{grid-area:other}.diagram-center{grid-area:center;display:flex;justify-content:center;align-items:center}.diagram-center span{padding:.4rem .9rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.7);font-size:.85rem;color:#e5e7eb}.diagram-node{border-radius:.75rem;padding:.6rem .7rem;background:#0f172af2;border:1px solid rgba(55,65,81,.9);display:flex;flex-direction:column;gap:.25rem}.node-title{font-size:.85rem;font-weight:600;color:#e5e7eb}.node-body{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.node-severity{padding:.1rem .5rem;border-radius:999px;background:#374151e6;color:#e5e7eb}.node-cost{font-weight:600;color:#facc15}.severity-1{border-color:#16a34a66}.severity-2{border-color:#22c55e99}.severity-3{border-color:#facc15b3}.severity-4{border-color:#f97316cc}.severity-5{border-color:#ef4444e6}.sheet-link{margin-top:1rem}.sheet-link a{color:#38bdf8;text-decoration:none;font-weight:600}.sheet-link a:hover{text-decoration:underline}@media(max-width:640px){.app-main{padding:1rem}.card{padding:1.1rem}.app-header h1{font-size:1.6rem}.thumb-remove{opacity:1;transform:translateY(0)}}