:root{font-family:Inter,ui-sans-serif,system-ui;color:#f0efe6;background:#11181d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1450px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center}small{letter-spacing:.22em;color:#c1f17c}h1{font:500 clamp(28px,4vw,52px) Georgia,serif;margin:14px 0}h2{font-size:16px;font-weight:500;letter-spacing:.08em;color:#c1f17c}p{line-height:1.6;color:#b2bdc2;font-size:14px}section{background:#1a242a;border:1px solid #35414a;padding:22px;border-radius:10px;margin:18px 0}.notice{border-left:4px solid #ffba72;color:#d7dedf}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b9c9d2;margin:10px 0}input,select,textarea{background:#10191e;color:#f1f4ec;border:1px solid #52626c;border-radius:5px;padding:10px;min-width:0;font:inherit}input[type=range]{padding:0;accent-color:#c1f17c}button,.button{background:#c1f17c;color:#152014;border:0;border-radius:5px;padding:10px 14px;cursor:pointer;font:500 13px system-ui;min-height:40px}button:disabled,.button:has(input:disabled){opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffba72;outline-offset:3px}nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.button{margin:0}.button input{max-width:170px;padding:0;font-size:11px}canvas,svg{width:100%;display:block;background:#10191e;border-radius:6px}.scan{position:relative;overflow:hidden;margin-top:20px}.scan i{position:absolute;top:0;bottom:0;width:2px;background:#ffba72}.damage{position:absolute;top:0;bottom:0;background:#fe746c66;border:1px solid #ff857e}output{display:block;padding:16px;margin:18px 0;border:1px solid #52626c;color:#ffba72;overflow-wrap:anywhere}textarea{width:100%;min-height:160px;margin:12px 0;font:12px monospace}footer{max-width:900px;padding:20px 0}footer button{margin-right:8px}@media(max-width:850px){main{padding:16px}.workspace{grid-template-columns:1fr;gap:0}header{align-items:flex-start}section{padding:16px}.fields{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}