:root{color:#172027;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{min-height:100vh;padding:24px;background:linear-gradient(135deg,rgba(0,174,239,.12),transparent 34%),linear-gradient(315deg,rgba(238,83,79,.12),transparent 32%),#eef2f5}.workspace{width:min(1220px,100%);margin:0 auto}.topbar{margin-bottom:20px}.brand-title{margin:0 0 6px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;color:#0c2d3f}.brand-sub{margin:0;color:#4a6070;font-size:.97rem}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.upload-panel{border:1px solid #cfd9df;border-radius:8px;background:#ffffffdb;padding:14px}.upload-zone{width:100%;aspect-ratio:1;border:2px dashed #6baec7;border-radius:8px;background:#f8fbfc;color:#0a6689;display:grid;place-items:center;align-content:center;gap:10px;cursor:pointer;font-weight:800}input[type=file]{display:none}.primary-button,.download-button{width:100%;min-height:44px;margin-top:12px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0c7ea8;color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.primary-button:disabled{opacity:.55;cursor:not-allowed}.image-stage{min-height:560px;border:1px solid #bac9d0;border-radius:8px;overflow:hidden;background:#101820;display:grid;place-items:center}.image-stage img{width:100%;height:100%;max-height:72vh;object-fit:contain;display:block}.empty-stage{color:#89d6ee;display:flex;flex-direction:column;align-items:center;gap:14px}.empty-hint{margin:0;color:#89d6ee;font-size:.88rem}.result-info{margin-top:16px;border-top:1px solid #d9e2e7;padding-top:14px;display:flex;flex-direction:column;gap:2px}.result-row{display:flex;justify-content:space-between;align-items:center;min-height:32px;border-bottom:1px solid #edf2f4;font-size:.88rem}.result-row span{color:#5f6f77;font-weight:600}.result-row strong{font-weight:800;color:#172027}.note,.muted,.error{margin:12px 0 0;color:#5b6870;font-size:.9rem;line-height:1.4}.error{color:#b42f26;font-weight:700}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.examples-section{margin-top:56px;padding-top:36px;border-top:1px solid #cfd9df}.examples-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.examples-title{margin:0 0 5px;font-size:1.25rem;font-weight:900;color:#172027}.examples-sub{margin:0;color:#5a7080;font-size:.88rem}.examples-count{flex-shrink:0;padding:4px 12px;border:1px solid #c5d3da;border-radius:99px;font-size:.78rem;font-weight:800;color:#3d6070;background:#fff}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.example-card{border:1px solid #cfd9df;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 10px #0000000f;cursor:pointer;transition:box-shadow .2s,transform .2s}.example-card:hover{box-shadow:0 8px 28px #00000021;transform:translateY(-3px)}.example-thumb{position:relative;overflow:hidden;height:220px;background:#101820}.example-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .3s ease,opacity .3s}.example-card:hover .example-thumb img{transform:scale(1.04);opacity:.75}.example-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .25s}.example-card:hover .example-overlay{opacity:1}.example-overlay-icon{font-size:2rem;color:#fff;line-height:1}.example-overlay-text{font-size:.82rem;font-weight:800;color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#0c7ea8d9;padding:5px 14px;border-radius:99px}.example-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid #edf2f4}.example-num{font-size:.8rem;font-weight:800;color:#3d5060}.example-hint{font-size:.75rem;color:#8fa8b4;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#0a141cd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.modal-box{width:min(900px,100%);border-radius:14px;overflow:hidden;background:#0d1a22;box-shadow:0 24px 80px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title{font-size:.88rem;font-weight:800;color:#ffffffbf;letter-spacing:.03em}.modal-close{background:#ffffff1a;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.85rem;display:grid;place-items:center;transition:background .15s}.modal-close:hover{background:#ffffff38}.ba-wrap{position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;background:#101820;height:min(620px,70vh)}.ba-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity 1.1s ease-in-out}.ba-top{opacity:0}.ba-top.ba-visible{opacity:1}.ba-pills{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:none}.ba-pill{padding:4px 14px;border-radius:99px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:#ffffff1f;color:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .4s,color .4s}.ba-pill.ba-pill-on{background:#0c7ea8;color:#fff}@media(max-width:860px){.examples-grid{grid-template-columns:1fr}}.startup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,174,239,.15),transparent 40%),linear-gradient(315deg,rgba(238,83,79,.1),transparent 35%),#eef2f5}.startup-card{width:min(420px,90vw);padding:40px 36px;border:1px solid #c9d6dc;border-radius:16px;background:#ffffffeb;box-shadow:0 8px 32px #00000014;text-align:center}.startup-title{margin:8px 0 6px;font-size:1.6rem}.startup-msg{margin:0 0 20px;color:#4a6070;font-size:.92rem;min-height:1.4em}.startup-pct{margin:10px 0 0;font-size:.85rem;font-weight:800;color:#0c7ea8}.progress-track{height:8px;border-radius:99px;background:#dde6ea;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#0c7ea8,#00aeef);transition:width .25s ease}.progress-fill.animated{transition:width .12s linear}.analyze-progress{margin-top:12px;display:flex;flex-direction:column;gap:6px}.analyze-pct{font-size:.8rem;font-weight:700;color:#0c7ea8;text-align:right}@media(max-width:780px){.layout{grid-template-columns:1fr}.upload-zone{aspect-ratio:auto;min-height:110px}.image-stage{min-height:320px}}@media(max-width:480px){.app-shell{padding:14px}}