@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#f6f8f9;--panel:#fff;--line:#d7dee2;--ink:#10222c;--sub:#4d6471;--primary:#0ea56a;--primary-strong:#09774d;--danger:#b33232;--mono:"JetBrains Mono", "Consolas", monospace;--sans:"Space Grotesk", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at 15% 12%, #d7f9ea 0%, transparent 40%), radial-gradient(circle at 82% 86%, #d8edf8 0%, transparent 35%), var(--bg)}.scan-page{grid-template-rows:minmax(380px,62vh) minmax(260px,38vh);min-height:100vh;display:grid}.preview-panel,.history-panel{padding:20px 18px}.preview-panel{border-bottom:1px solid var(--line);background:linear-gradient(145deg,#f4fbff 0%,#effaf4 100%);flex-direction:column;gap:16px;display:flex}.panel-header h1{margin:4px 0 8px;font-size:clamp(24px,3.8vw,34px);line-height:1.15}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--primary-strong);margin:0;font-size:12px;font-weight:700}.status-text{color:var(--sub);margin:0;font-size:14px}.preview-stage{aspect-ratio:16/9;background:#08161d;border:1px solid #a5bac2;border-radius:18px;justify-content:center;align-items:center;width:min(92vw,980px);margin:0 auto;display:flex;position:relative;overflow:hidden}.camera-preview{object-fit:cover;width:100%;height:100%;display:block}.scan-rect{pointer-events:none;box-sizing:border-box;border:3px solid #6dfec7;border-radius:18px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 9999px #08161d73}.scan-line{background:#6dfec7;height:2px;animation:2.4s linear infinite scan-move;position:absolute;left:8%;right:8%;box-shadow:0 0 12px #6dfec7cc}@keyframes scan-move{0%{top:16%}to{top:84%}}.actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.actions .status-text{margin-left:4px}.engine-switch{border:1.5px solid var(--line);background:#eaf0f3;border-radius:999px;display:flex;overflow:hidden}.engine-button{cursor:pointer;color:var(--sub);background:0 0;border:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s}.engine-button:disabled{opacity:.55;cursor:not-allowed}.engine-button.active{color:#fff;background:var(--primary)}.engine-button:not(.active):not(:disabled):hover{color:var(--primary-strong);background:#0ea56a1f}.action-button,.text-button{cursor:pointer;border:0;border-radius:999px;font-family:inherit;font-weight:700}.action-button{color:#fff;background:var(--primary);padding:10px 20px;font-size:15px}.action-button.stop{background:var(--danger)}.history-panel{background:var(--panel);flex-direction:column;gap:12px;min-height:0;display:flex}.history-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-tools{align-items:center;gap:8px;display:flex}.history-header h2{margin:0;font-size:clamp(20px,3vw,28px)}.text-button{color:#27404d;background:#eaf0f3;padding:8px 14px;font-size:13px}.history-list{scrollbar-gutter:stable;flex:1;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden scroll}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-thumb{background:#b7c7cf;border-radius:999px}.history-item{border:1px solid var(--line);background:#fdfefe;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;height:30px;padding:0 8px;display:flex}.history-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.code-value{font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.meta{color:var(--sub);white-space:nowrap;flex:none;margin:0;font-size:10px}.delete-button{cursor:pointer;color:#fff;background:#c63f3f;border:0;border-radius:999px;flex:none;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;line-height:1}.empty-tip{color:var(--sub);margin:4px 0}@media (width>=860px){.preview-panel,.history-panel{padding:26px 36px}.preview-stage{min-height:320px}}@media (width<=859px){.scan-page{grid-template-rows:minmax(320px,56vh) minmax(260px,44vh)}.preview-stage{aspect-ratio:4/3;width:100%}}