:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app{min-height:100vh;padding:24px}.site-brand{align-items:center;display:flex;gap:12px;margin-bottom:18px;width:fit-content}.site-brand-logo{display:block;height:52px;width:52px}.site-brand-name{color:#0f2f57;font-size:28px;font-weight:700;line-height:1}.workspace{display:grid;grid-template-columns:minmax(260px,18%) minmax(340px,32%) minmax(0,1fr);gap:20px;min-height:620px}.account-panel,.sidebar{align-content:start;background:#fff;border:1px solid #dce3ef;border-radius:8px;display:grid;gap:16px;padding:18px}.account-panel{display:flex;flex-direction:column;gap:18px}.site-description{margin-block:auto}.site-description h2{font-size:18px}.site-description p{font-size:14px}.account-contacts{border-top:1px solid #dce3ef;display:grid;font-size:14px;gap:6px;margin-top:auto;padding-top:14px}.account-panel.anonymous .account-contacts{margin-top:0}.account-contacts a{color:#2458d3;text-decoration:none}.account-contacts a:hover{text-decoration:underline}h1{font-size:28px;line-height:1.1;margin:0 0 8px}h2{font-size:22px;line-height:1.15;margin:0 0 8px}p{color:#526071;line-height:1.5;margin:0}.image-import-control{background:#eef4ff;border:1px dashed #7ba7f7;border-radius:8px;color:#172033;cursor:pointer;display:grid;gap:6px;padding:16px;text-align:center}.image-import-control:hover{background:#e4eeff;border-color:#4f83c9}.image-import-control span{font-weight:600}.image-import-control small{color:#64748b;font-size:12px;line-height:1.35}.image-import-control input{display:none}.field{display:grid;gap:6px}.field span{color:#526071;font-size:14px}.field input,.field select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px}.compact-field{gap:4px}.compact-field span{font-size:13px}.compact-field select{padding:8px 10px}button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#172033;cursor:pointer;padding:10px 12px}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:#2458d3;border-color:#2458d3;color:#fff}.recognition-notice{color:#9a5b13;font-size:13px;line-height:1.4}.recognition-overlay{align-items:center;background:#0f2037b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.recognition-overlay-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 24px 64px #0f203747;display:flex;flex-direction:column;gap:12px;max-width:420px;padding:32px;text-align:center;width:100%}.recognition-overlay-card strong{color:#172033;font-size:22px}.recognition-spinner{animation:recognition-spin .8s linear infinite;border:4px solid #dbe7ff;border-radius:50%;border-top-color:#2458d3;height:48px;width:48px}@keyframes recognition-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.recognition-spinner{animation-duration:1.6s}}.auth-form{display:grid;gap:12px}.mode-switch{background:#eef2f7;border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.mode-switch button{background:transparent;border-color:transparent;padding:8px}.mode-switch button.active{background:#fff;border-color:#cbd5e1}.auth-error{background:#fff1f0;border:1px solid #ffccc7;border-radius:6px;color:#9f1d16;font-size:13px;padding:8px 10px}.user-card{display:grid;gap:14px}.avatar{align-items:center;background:#2458d3;border-radius:8px;color:#fff;display:flex;font-size:26px;font-weight:700;height:56px;justify-content:center;width:56px}.user-main{display:grid;gap:4px}.user-main span,.user-details,.capabilities span{color:#526071;font-size:13px}.user-details{border-top:1px solid #e4eaf3;display:grid;gap:10px;margin:0;padding-top:12px}.user-details div{display:grid;gap:2px}.user-details dt{color:#6b7788;font-size:12px}.user-details dd{color:#172033;margin:0;overflow-wrap:anywhere}.capabilities{display:flex;flex-wrap:wrap;gap:6px}.capabilities strong{flex-basis:100%}.capabilities span{background:#eef4ff;border:1px solid #cfddff;border-radius:999px;padding:4px 8px}.export-panel{border:1px solid #dce3ef;border-radius:8px;display:grid;gap:10px;padding:12px}.export-actions{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.export-actions button{padding:8px}.file-list{display:grid;gap:8px;max-height:62vh;overflow:auto}.file-item{background:#fff;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden;position:relative}.file-item-select{background:transparent;border:0;border-radius:0;display:grid;gap:8px;padding:10px;text-align:left;white-space:normal;width:100%}.file-item.active{background:#e8f0ff;border-color:#2458d3}.file-remove{align-items:center;background:#2458d3;border:2px solid #ffffff;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;width:30px;z-index:2}.file-remove:before,.file-remove:after{background:#fff;border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:12px}.file-remove:after{transform:translate(-50%,-50%) rotate(-45deg)}.file-remove:hover{background:#1746b5}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-badge{color:#526071;font-size:13px}.thumb-stage{align-items:center;background:#e8edf5;border-radius:6px;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.thumb-frame{display:block;line-height:0;overflow:hidden;position:relative}.thumb-frame img,.thumb-measurer{display:block;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;-webkit-user-drag:none}.thumb-measurer{height:auto;max-height:100%;max-width:100%;opacity:0;width:auto}.preview-panel{align-items:center;background:#fff;border:1px solid #dce3ef;border-radius:8px;display:flex;justify-content:center;min-width:0;overflow:hidden;padding:18px}.preview-workspace{align-items:center;display:flex;flex-direction:column;gap:14px;max-width:100%}.selection-scope-switch{background:#e8edf5;border:1px solid #d3dce9;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:4px;position:relative;width:min(100%,320px)}.selection-scope-switch:before{background:#2458d3;border-radius:6px;bottom:4px;content:"";left:4px;position:absolute;top:4px;transition:transform .16s ease;width:calc(50% - 4px)}.selection-scope-switch.single:before{transform:translate(100%)}.selection-scope-switch button{background:transparent;border:0;color:#526071;padding:8px 12px;position:relative;transition:color .16s ease;z-index:1}.selection-scope-switch button.active{color:#fff}.image-stage{cursor:crosshair;max-height:calc(100vh - 150px);max-width:100%;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.image-stage img{-webkit-user-drag:none;display:block;max-height:calc(100vh - 150px);max-width:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.selection{background:#2458d32e;border:2px solid #2458d3;box-shadow:0 0 0 9999px #0f172a7a;pointer-events:none;position:absolute}.thumb-selection{border-width:1px;box-shadow:0 0 0 999px #0f172a6b}.thumb-fallback{align-items:center;color:#526071;display:flex;font-size:13px;justify-content:center;min-height:120px}.empty{color:#526071;text-align:center}.error{background:#fff1f0;border:1px solid #ffccc7;border-radius:8px;color:#9f1d16;margin-top:18px;padding:14px 16px}.results{display:grid;gap:12px;margin-top:18px}.result{background:#fff;border:1px solid #dce3ef;border-radius:8px;padding:14px}.result header{align-items:center;display:flex;gap:12px;justify-content:space-between}.ok{color:#14723b}.fail{color:#b42318}.result-meta{color:#526071;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;margin-top:8px}pre{color:#253044;line-height:1.5;margin:12px 0 0;overflow:auto;white-space:pre-wrap}@media(max-width:860px){.app{padding:12px}.site-brand{margin-bottom:12px}.site-brand-logo{height:44px;width:44px}.site-brand-name{font-size:24px}.workspace{grid-template-columns:1fr}}