.delete-button-slot{flex:none;align-self:center;place-items:center;width:140px;height:48px;display:inline-grid;position:relative}.delete-button-slot .animated-delete-button{--delete-surface:#fff1f3;isolation:isolate;background:var(--delete-surface);color:#a92e47;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #edbdc7;border-radius:999px;flex:none;width:140px;height:48px;min-height:48px;padding:0;font-size:15px;font-weight:600;line-height:20px;transition:width .16s cubic-bezier(.22,1,.36,1),background-color .16s,border-color .16s,color .16s,box-shadow .16s;position:relative}.animated-delete-button[data-phase=idle]:hover:not(:disabled){--delete-surface:#ffe3e9;border-color:#d77e91;box-shadow:0 4px 12px #a92e471a}.animated-delete-button:focus-visible{outline-offset:5px;outline:3px solid #ce5972}.animated-delete-button:disabled{cursor:wait}.animated-delete-button[data-phase=idle]:disabled{cursor:not-allowed;opacity:.55}.delete-button-icon{z-index:2;pointer-events:none;width:24px;height:24px;transition:transform .16s cubic-bezier(.22,1,.36,1);position:absolute;top:11px;left:21px}.delete-button-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:24px;height:24px;display:block;overflow:visible}.delete-bin-body{fill:var(--delete-surface)}.delete-bin-lid{transform-origin:6px 7px;transition:transform .13s cubic-bezier(.22,1,.36,1)}.animated-delete-button[data-phase=eating] .delete-bin-lid{transform:translate(-1px,-3px)rotate(-40deg)}.delete-button-label{z-index:1;white-space:nowrap;pointer-events:none;display:flex;position:absolute;top:13px;left:57px}.delete-button-letter{text-align:center;transform-origin:50%;width:9px;display:inline-block}.animated-delete-button:is([data-phase=eating],[data-phase=waiting],[data-phase=success]) .delete-button-letter{animation:delete-letter-eat .22s cubic-bezier(.4, 0, .6, 1) var(--letter-delay) both}.delete-button-slot .animated-delete-button:is([data-phase=waiting],[data-phase=success]){width:48px}.animated-delete-button:is([data-phase=waiting],[data-phase=success]) .delete-button-icon{transform:translate(-10px)}.delete-button-ring{z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;border:2px solid;position:absolute;inset:-2px}.animated-delete-button[data-phase=waiting] .delete-button-ring{border-color:currentColor #0000 #0000;animation:.85s linear .2s infinite delete-waiting}.animated-delete-button[data-phase=success]{--delete-surface:#e7f8f2;color:#087b64;border-color:#9cd9c7}.animated-delete-button[data-phase=success] .delete-button-ring{animation:.2s ease-out both delete-success-ring}.animated-delete-button[data-phase=success] .delete-button-icon svg{animation:.2s ease-out both delete-success-pulse}.animated-delete-button[data-phase=resetting] .delete-button-label{animation:.18s ease-out both delete-label-return}.delete-button-announcement{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes delete-letter-eat{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}40%{opacity:1;transform:translate(calc(var(--letter-x) * .45), -13px) rotate(-20deg) scale(.9)}75%{opacity:1;transform:translate(var(--letter-x), -10px) rotate(-65deg) scale(.55)}to{opacity:0;transform:translate(var(--letter-x), 6px) rotate(-95deg) scale(.05)}}@keyframes delete-waiting{0%{opacity:.55;transform:rotate(0)}to{opacity:.55;transform:rotate(360deg)}}@keyframes delete-success-ring{0%{opacity:.65;transform:scale(.96)}to{opacity:0;transform:scale(1.48)}}@keyframes delete-success-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.14)}}@keyframes delete-label-return{0%,25%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.animated-delete-button,.animated-delete-button *{transition:none!important;animation:none!important}.animated-delete-button:is([data-phase=eating],[data-phase=waiting],[data-phase=success]) .delete-button-label{visibility:hidden}.animated-delete-button .delete-bin-lid{transform:none}}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-ext-wght-normal-DH1q_yQ5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-wght-normal-Bi3VDbYN.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8f0f7;--bg-soft:#f5faffb8;--panel:#f8fcffd6;--panel-strong:#fffffff5;--line:#102a431f;--ink:#102a43;--ink-soft:#486581;--accent:#1479c9;--accent-deep:#075a9f;--accent-cool:#0fa38b;--shadow:0 24px 60px #254d7029;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--font-thai:"Noto Sans Thai Variable", "Thonburi", "Leelawadee UI", sans-serif;--font-body:"Avenir Next", "Trebuchet MS", "Segoe UI", var(--font-thai);--font-heading:"Iowan Old Style", "Palatino Linotype", var(--font-thai);--body-leading:1.6;--heading-leading:1.15;--eyebrow-tracking:.14em;--meta-tracking:.08em;font-family:var(--font-body);line-height:var(--body-leading);color:var(--ink);background:radial-gradient(circle at 14% 10%,#1479c933,#0000 23%),radial-gradient(circle at 86% 17%,#0fa38b2b,#0000 22%),linear-gradient(#f4f9fd 0%,#dce9f4 100%)}:root:lang(th){--font-body:var(--font-thai);--font-heading:var(--font-thai);--body-leading:1.8;--heading-leading:1.5;--eyebrow-tracking:0;--meta-tracking:0}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-width:320px}body{min-height:100vh;color:var(--ink);background:0 0;margin:0}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.session-loading{min-height:100vh;color:var(--ink-soft);place-items:center;display:grid}.auth-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{z-index:1;grid-template-columns:1fr minmax(300px,.85fr);width:min(920px,100%);animation:.55s both rise-in;display:grid;position:relative;overflow:hidden}.auth-intro{background:linear-gradient(135deg,#1479c929,#0fa38b21);min-width:0;padding:clamp(32px,6vw,68px)}.auth-intro h1{max-width:9ch;font-family:var(--font-heading);font-size:clamp(2.7rem,6vw,4.8rem);line-height:var(--heading-leading);overflow-wrap:anywhere;margin:0}.auth-intro h1:lang(th){max-width:none;font-size:clamp(2rem,4vw,3.5rem);font-weight:600}.auth-intro>p:last-child{max-width:34ch;color:var(--ink-soft);margin:22px 0 0;line-height:1.7}.auth-form{background:#f9fdffc7;align-content:center;gap:16px;min-width:0;padding:clamp(28px,5vw,52px);display:grid}.auth-tabs{background:#102a4312;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tab{min-height:42px;color:var(--ink-soft);background:0 0;border:0;border-radius:10px}.auth-tab-active{color:var(--ink);background:var(--panel-strong);box-shadow:0 3px 9px #102a4314}.auth-form label{color:var(--ink-soft);gap:8px;font-size:.92rem;display:grid}.auth-form input{width:100%;min-height:48px;color:var(--ink);background:#fffc;border:1px solid #102a4324;border-radius:14px;padding:10px 14px}.auth-form input:focus{border-color:#0fa38b66;outline:2px solid #0fa38b3d}.auth-error{color:#9b2c2c;background:#cb454b1c;border-radius:12px;margin:0;padding:11px 13px}.auth-notice{color:#0b6b5c;background:#0fa38b1f;border-radius:12px;margin:0;padding:11px 13px}.auth-form-title{margin:0 0 6px;font-size:1.3rem}.auth-form-copy{color:var(--ink-soft);margin:0;font-size:.92rem}.auth-link{color:var(--accent-deep);text-underline-offset:3px;background:0 0;border:0;justify-self:center;padding:4px 8px;text-decoration:underline}.password-dialog{border:1px solid var(--line);width:min(460px,100vw - 32px);color:var(--ink);border-radius:24px;padding:0;overflow:hidden}.password-dialog::backdrop{background:#0c1f2db8}.password-dialog .auth-form{padding:24px}.password-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.password-dialog-actions .danger-button{box-shadow:none;background:#dc2626}.auth-submit{color:#fff;background:linear-gradient(120deg, var(--accent), var(--accent-deep));border:0;border-radius:14px;min-height:50px;margin-top:4px;box-shadow:0 10px 22px #075a9f38}.auth-submit:disabled{cursor:not-allowed;opacity:.65}.page-shell{width:min(1360px,100% - 32px);padding:32px 0 calc(132px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.ambient{z-index:0;filter:blur(10px);opacity:.65;pointer-events:none;border-radius:999px;position:fixed}.ambient-one{background:#1479c92e;width:240px;height:240px;top:8vh;left:-80px}.ambient-two{background:#0fa38b26;width:200px;height:200px;bottom:10vh;right:-40px}.panel{z-index:1;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);position:relative}.hero{grid-template-columns:1.3fr .9fr;gap:28px;padding:34px;animation:.7s both rise-in;display:grid;overflow:hidden}.hero>div{min-width:0}.hero:after{content:"";background:linear-gradient(90deg,#1479c930,#0fa38b0d);border-radius:999px;height:180px;position:absolute;inset:auto -10% -30% 35%;transform:rotate(-9deg)}.eyebrow{letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--accent-deep);margin:0 0 12px;font-size:.82rem}.hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.hero-meta .eyebrow{letter-spacing:.14em;margin-bottom:0}.language-switcher{background:#ffffff94;border:1px solid #102a431a;border-radius:999px;flex:none;gap:3px;padding:3px;display:inline-flex}.language-option{min-height:30px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:0 9px;font-size:.72rem;font-weight:700;line-height:1.6}.language-option:lang(th){font-family:var(--font-thai)}.language-option-active{color:#fff;background:var(--accent-deep);box-shadow:0 2px 5px #075a9f3d}.hero h1,.panel h2{font-family:var(--font-heading);line-height:var(--heading-leading);overflow-wrap:anywhere;margin:0}.hero h1:lang(th),.panel h2:lang(th){font-weight:600}.hero h1{white-space:pre-line;font-size:clamp(2.5rem,5vw,4.8rem)}.hero-copy{max-width:62ch;color:var(--ink-soft);margin:18px 0 0;font-size:1.02rem;line-height:1.75}.account-bar{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:24px;font-size:.9rem;display:flex}.account-bar span,.card-row strong,.card-row span,.detail-meta p{overflow-wrap:anywhere}.account-bar button{min-height:36px;color:var(--ink);background:#fff9;border:1px solid #102a4321;border-radius:999px;padding:0 13px}.account-bar button:disabled{cursor:not-allowed;opacity:.6}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;display:grid}.metric-card{border-radius:var(--radius-lg);background:var(--panel-strong);border:1px solid #102a4314;padding:18px}.metric-label,.metric-detail{color:var(--ink-soft);margin:0}.metric-value{margin:10px 0 6px;font-size:2rem;font-weight:700}.flash{z-index:1;border:1px solid #0000;border-radius:16px;margin-top:18px;padding:14px 18px;position:relative}.flash-error{background:#cb454b1f;border-color:#cb454b2e}.flash-success{background:#0fa38b1f;border-color:#0fa38b29}.workspace-grid{z-index:1;grid-template-columns:420px minmax(0,1fr);align-items:start;gap:22px;margin-top:24px;display:grid;position:relative}.left-rail{gap:22px;display:grid}.upload-panel,.list-panel,.detail-panel{padding:26px}.editor-anchor{min-width:0;scroll-margin-top:16px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel-head>div:first-child{flex:200px;min-width:0}.panel-head h2{font-size:2rem}.status-pill,.soft-count{max-width:100%;min-height:38px;color:var(--ink-soft);background:#fff9;border:1px solid #102a4314;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.9rem;line-height:1.6;display:inline-flex}.panel-head>.status-pill,.soft-count{flex:none}.status-pill-active{color:#fff;background:linear-gradient(120deg, var(--accent), var(--accent-cool))}.scan-language{margin:0 0 18px}.scan-language label{color:var(--ink-soft);gap:8px;font-size:.875rem;display:grid}.scan-language select{width:100%;min-width:0;color:var(--ink);font:inherit;background:#ffffffbd;border:1px solid #345c802e;border-radius:14px;padding:12px 14px;font-size:1rem}.scan-language select:focus-visible{outline-offset:2px;outline:2px solid #1688bd}.scan-language p,.scan-review-hint{color:var(--ink-soft);margin:8px 0 0;font-size:.8rem;line-height:1.6}.scan-warning-banner{color:#8a4c00;background:#ffedcc99;border:1px solid #bf6f004d;border-radius:16px;margin:12px 0 0;padding:12px 16px;font-size:.82rem;line-height:1.6}.scan-warning-banner strong{display:block}.scan-warning-banner ul{margin:4px 0 0;padding-left:18px}.dropzone{text-align:center;cursor:pointer;background:linear-gradient(135deg,#fffc,#edf8fff0),repeating-linear-gradient(135deg,#1479c90d,#1479c90d 12px,#0000 12px 24px);border:1.5px dashed #1479c966;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:176px;padding:26px;transition:transform .2s,border-color .2s;display:flex}.dropzone:hover{border-color:#0fa38b61;transform:translateY(-2px)}.dropzone-busy{pointer-events:none;opacity:.75}.dropzone-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-cool));border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .2s;display:grid;box-shadow:0 10px 22px #145c9147}.dropzone-icon svg{width:26px;height:26px}.dropzone:hover .dropzone-icon{transform:translateY(-3px)}.dropzone-title{color:var(--ink);margin:0;font-size:1.15rem;font-weight:700}.camera-open-button{width:100%;margin-bottom:12px}.camera-unavailable-hint{color:var(--ink-soft);text-align:center;margin:-4px 0 12px;font-size:.86rem}.camera-dialog{color:#fff;background:#071520;border:1px solid #ffffff29;border-radius:24px;width:min(720px,100vw - 20px);max-height:calc(100dvh - 20px);padding:16px;overflow:auto}.camera-dialog::backdrop{background:#030c13e6}.camera-header,.camera-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.camera-header h2,.camera-header p{margin:0}.camera-header .eyebrow{color:#8edcf0}.camera-stage{background:#02070a;border-radius:18px;width:100%;margin-top:14px;position:relative;overflow:hidden}.camera-stage video{object-fit:contain;width:100%;height:auto;max-height:68dvh;display:block}.camera-guide{aspect-ratio:1.586;pointer-events:none;border:2px dashed #ffffffc7;border-radius:14px;width:88%;position:absolute;top:50%;left:6%;translate:0 -50%;box-shadow:0 0 0 100vmax #0003}.camera-detected-card{pointer-events:none;border:3px solid #21e5ba;border-radius:10px;transition:inset .18s,width .18s,height .18s;position:absolute;box-shadow:0 0 0 2px #0000003d,0 0 24px #21e5ba80}.camera-status-hold .camera-detected-card{border-color:#80ff85}.camera-flash{pointer-events:none;background:#fff;animation:.28s ease-out forwards camera-flash;position:absolute;inset:0}@keyframes camera-flash{0%{opacity:.92}to{opacity:0}}.camera-message{color:#dff8ff;text-align:center;min-height:1.5em;margin:14px 0 4px;font-weight:700}.camera-help{color:#adc2ce;text-align:center;margin:0 0 14px;font-size:.88rem}.camera-actions{justify-content:center}@media (width<=600px){.camera-dialog{border:0;border-radius:0;width:100vw;max-width:none;max-height:100dvh;margin:0}.camera-stage video{max-height:70dvh}}.searchbox{color:var(--ink-soft);gap:10px;margin-bottom:18px;font-size:.95rem;display:grid}.searchbox input,.field-grid input,.field-grid textarea{width:100%;min-height:48px;color:var(--ink);background:#fffc;border:1px solid #102a4324;border-radius:16px;padding:14px 16px}.searchbox input:focus,.field-grid input:focus,.field-grid textarea:focus{border-color:#0fa38b66;outline:2px solid #0fa38b3d}.card-list{gap:12px;max-height:min(520px,55dvh);padding-right:4px;display:grid;overflow-y:auto}.card-list-load-more{width:100%;margin-top:8px}.card-row{width:100%;color:inherit;text-align:left;background:#ffffffb8;border:1px solid #102a4314;border-radius:18px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid}.card-row:hover{border-color:#1479c94d;transform:translateY(-1px)}.card-row-active{background:linear-gradient(135deg,#1479c924,#0fa38b17);border-color:#0fa38b4d}.card-row-details{min-width:0;color:inherit;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:0}.card-row-details:hover strong{color:var(--accent-deep)}.card-row-details:focus-visible,.card-image-button:focus-visible,.image-viewer button:focus-visible,.image-viewer-viewport:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.card-row-main,.card-row-meta{gap:6px;display:grid}.card-row-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-statuses{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;max-width:100%;display:flex}.draft-label{color:#8a4c00;letter-spacing:.02em;background:#ffedccf0;border:1px solid #bf6f0038;border-radius:999px;flex:none;align-items:center;min-height:26px;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.card-row-main span,.card-row-meta span,.detail-meta,.empty-state{color:var(--ink-soft)}.detail-top{grid-template-columns:minmax(280px,340px) 1fr;gap:20px;margin-bottom:22px;display:grid}.preview-frame{aspect-ratio:1.65;background:#ffffffe6;border:1px solid #102a4314;border-radius:22px;width:100%;overflow:hidden}.preview-frame img{object-fit:contain;width:100%;height:100%}.card-image-button{color:var(--ink-soft);cursor:zoom-in;place-items:center;padding:0;display:grid;position:relative}.card-thumbnail{border:1px solid var(--line);background:#fff;border-radius:12px;width:96px;height:72px;overflow:hidden}.card-thumbnail img{object-fit:contain;width:100%;height:100%}.image-placeholder{text-align:center;padding:12px;font-size:.85rem}.card-thumbnail .image-placeholder{padding:6px;font-size:.7rem}.image-view-hint{color:#fff;pointer-events:none;background:#102a43d9;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:.8rem;display:inline-flex;position:absolute;bottom:10px;right:10px}.card-thumbnail .image-view-hint{border-radius:5px;padding:3px;bottom:4px;right:4px}.image-viewer{border:1px solid var(--line);width:min(1040px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);background:#f7fbff;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 32px 100px #0000004d}.image-viewer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1c2db8}.image-viewer-content{flex-direction:column;max-height:calc(100dvh - 34px);display:flex}.image-viewer-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;max-height:30dvh;padding:20px 24px;display:flex;overflow:auto}.image-viewer-header>div{overflow-wrap:anywhere;min-width:0}.image-viewer-header h2{margin:0;font-size:clamp(1.25rem,3vw,1.8rem)}.image-saved-message{color:#087563;margin:0 0 6px;font-weight:700}.image-viewer-company{color:var(--ink-soft);margin:6px 0 0}.image-viewer-close,.image-zoom-controls button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.image-viewer button:hover:not(:disabled){border-color:var(--accent);background:#e7f2fb}.image-viewer button:disabled{cursor:not-allowed;opacity:.4}.image-viewer-viewport{overscroll-behavior:contain;background:#e3ecf3;height:60dvh;min-height:0;overflow:auto}.image-viewer-canvas{place-items:center;padding:16px;display:grid}.image-viewer-canvas img{object-fit:contain;width:100%;height:100%;min-height:0}.image-viewer-placeholder{height:100%;color:var(--ink-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.image-viewer-placeholder button{flex:none}.image-viewer-footer{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.image-viewer-footer p{color:var(--ink-soft);margin:0;font-size:.85rem}.image-zoom-controls{align-items:center;gap:8px;display:flex}.image-zoom-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:48px}.image-zoom-controls .image-zoom-reset{font-size:.85rem}.detail-meta{align-content:start;gap:14px;display:grid}.detail-meta p{background:#ffffffad;border-radius:18px;margin:0;padding:16px}.detail-meta span{text-transform:uppercase;letter-spacing:var(--meta-tracking);margin-bottom:8px;font-size:.86rem;display:block}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-grid label{gap:10px;display:grid}.field-grid span{color:var(--ink-soft);font-size:.94rem}.field-span-2{grid-column:span 2}.field-grid textarea{resize:vertical;min-height:120px}.editor-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.bottom-navigation{z-index:20;bottom:max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fcffeb;border:1px solid #102a4324;border-radius:24px;grid-template-columns:repeat(3,1fr);width:min(450px,100% - 28px);min-height:72px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #1f426038}.bottom-nav-indicator-track{z-index:0;width:33.3333%;height:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.bottom-nav-indicator{background:linear-gradient(135deg, var(--accent), var(--accent-cool));border:5px solid #e8f0f7;border-radius:50%;width:60px;height:60px;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 12px 22px #145c9145}.bottom-nav-item{z-index:1;min-width:0;color:var(--ink-soft);background:0 0;border:0;border-radius:20px;align-content:center;justify-items:center;gap:4px;font-size:.73rem;font-weight:700;transition:color .25s;display:grid;position:relative}.bottom-nav-icon{place-items:center;width:26px;height:26px;transition:transform .42s cubic-bezier(.22,1,.36,1),color .25s;display:grid}.bottom-nav-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.85px;width:23px;height:23px}.bottom-nav-item-active{color:var(--accent-deep)}.bottom-nav-item-active .bottom-nav-icon{color:#fff;transform:translateY(-29px)scale(1.04)}.bottom-nav-item-active>span:last-child{transform:translateY(5px)}.bottom-nav-item>span:last-child{transition:transform .32s}.primary-button,.secondary-button{border:1px solid #0000;border-radius:14px;flex:180px;min-height:48px;padding:10px 18px}.primary-button{background:linear-gradient(120deg, var(--accent), var(--accent-deep));color:#fff}.secondary-button{color:var(--ink);background:#fff9;border-color:#102a431f}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.workspace-grid,.detail-top{grid-template-columns:1fr}.preview-frame{max-width:560px}}@media (width<=840px){.auth-card,.hero{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:15px}.metric-value{font-size:1.65rem}.field-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}}@media (width<=640px){.auth-page{padding:max(12px, env(safe-area-inset-top)) 12px 24px;place-items:start center}.auth-card{border-radius:24px}.auth-intro{padding:30px 26px 26px}.auth-intro h1{max-width:13ch;font-size:clamp(2.35rem,12vw,3.35rem)}.auth-intro>p:last-child{margin-top:16px}.auth-form{padding:24px 20px 28px}.page-shell{width:min(100% - 20px,1360px);padding-top:max(20px, env(safe-area-inset-top));padding-bottom:calc(116px + env(safe-area-inset-bottom))}.hero,.upload-panel,.list-panel,.detail-panel{padding:20px}.panel-head{flex-direction:column}.panel-head>div:first-child{flex-basis:auto}.detail-statuses{justify-content:flex-start}.panel-head>.status-pill,.panel-head>.soft-count{align-self:flex-start}.hero h1{font-size:clamp(2rem,11vw,3.4rem)}.hero-meta{align-items:flex-start}.language-option{padding:0 7px;font-size:.68rem}.editor-actions{flex-direction:column}.editor-actions button{width:100%}.editor-actions>.primary-button,.editor-actions>.secondary-button{flex:none}.detail-top{gap:14px;margin-bottom:18px}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-meta p{padding:13px;font-size:.88rem}.field-grid{gap:12px}.searchbox input,.field-grid input,.field-grid textarea,.auth-form input{font-size:16px}.card-list{max-height:none}.card-row{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:14px}.card-thumbnail{width:80px;height:64px}.image-viewer-header,.image-viewer-footer{padding:14px}.image-viewer-footer{justify-content:center}.image-viewer-footer p{text-align:center}.image-viewer-canvas{padding:8px}.metric-grid{grid-template-columns:1fr}.metric-card{grid-template-columns:1fr auto;align-items:center;column-gap:12px;display:grid}.metric-value{grid-area:span 2/2;margin:0}.metric-detail{font-size:.84rem}.bottom-navigation{bottom:max(12px, env(safe-area-inset-bottom));border-radius:21px;min-height:68px}.bottom-nav-item{font-size:.68rem}.bottom-nav-indicator{width:56px;height:56px;top:-25px}.bottom-nav-item-active .bottom-nav-icon{transform:translateY(-27px)scale(1.02)}}@media (width<=390px){.hero,.upload-panel,.list-panel,.detail-panel{padding:17px}.hero h1{font-size:2.05rem}.bottom-navigation{width:calc(100% - 18px)}.bottom-nav-item{font-size:.63rem}.detail-meta{grid-template-columns:1fr}}@media (height<=720px) and (width>=700px){.page-shell{padding-top:20px}.hero{padding:26px 30px}.hero h1{font-size:clamp(2.3rem,4.2vw,3.5rem)}.card-list{max-height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.scan-language-title{color:var(--ink-soft);margin-bottom:8px;font-size:.875rem;display:block}.language-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.language-chips button{border:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;background:#e0f2f7;border-radius:18px;padding:6px 10px;font-size:.8rem}.scan-language summary{cursor:pointer;color:var(--accent-deep);padding:8px 0}.scan-language input[type=search]{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:10px}.language-options{max-height:220px;margin-top:8px;overflow:auto}.language-options label{cursor:pointer;align-items:center;gap:10px;padding:8px 4px;display:flex}.language-options input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.crop-dialog{border:1px solid var(--line);width:min(1100px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:#f5fbff;border-radius:24px;padding:24px;overflow:auto}.crop-dialog::backdrop{background:#0c1f2db8}.crop-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.crop-header h2{margin:0}.crop-help{color:var(--ink-soft);font-size:.9rem}.crop-workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.crop-preview-area{text-align:center;background:#dce7ed;border-radius:16px;min-height:120px;padding:14px;overflow:hidden}.crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;vertical-align:top;max-width:100%;display:inline-block;position:relative;overflow:hidden}.crop-stage>img{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:60dvh;display:block}.crop-selection{cursor:move;touch-action:none;border:2px solid #13cbb2;position:absolute;box-shadow:0 0 0 100vmax #0314208c}.crop-selection:after{content:"";pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:33.333%}.crop-handle{z-index:1;touch-action:none;background:#fff;border:3px solid #079d91;border-radius:50%;width:24px;height:24px;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:-10px;left:-10px}.crop-handle-ne{cursor:nesw-resize;top:-10px;right:-10px}.crop-handle-sw{cursor:nesw-resize;bottom:-10px;left:-10px}.crop-handle-se{cursor:nwse-resize;bottom:-10px;right:-10px}.crop-toolbar,.crop-actions{flex-wrap:wrap;gap:10px;display:flex}.crop-detection{min-height:1.4em;color:var(--ink-soft);margin:12px 0 0;font-size:.86rem}.crop-detection-found{color:#087f70}.crop-detection-error,.crop-detection-not-found{color:#8a5a12}.crop-actions{justify-content:flex-end;padding-top:20px}.crop-coordinates{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.crop-coordinates label{color:var(--ink-soft);gap:4px;font-size:.85rem;display:grid}.crop-coordinates input{border:1px solid var(--line);width:100%;min-width:0;font:inherit;background:#fff;border-radius:10px;padding:10px}.image-viewer-footer{flex-wrap:wrap}@media (width<=700px){.crop-dialog{padding:16px}.crop-workspace{grid-template-columns:1fr;gap:14px}.crop-stage>img{max-height:45dvh}.crop-header{align-items:flex-start}.crop-actions>button{flex:1}}.field-uncertain input,.field-uncertain textarea{background:#ffedcc99;border-color:#bf6f0099}.export-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;font-size:.82rem;display:flex}.export-actions span{margin-right:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.translatable-field{align-content:start;gap:10px;display:grid}.translatable-field>label{color:var(--ink-soft);font-size:.94rem}.translatable-input{position:relative}.field-grid .translatable-input input,.field-grid .translatable-input textarea{padding-right:52px}.translate-trigger{width:36px;height:36px;color:var(--accent-deep);cursor:pointer;background:#1479c914;border:1px solid #0000;border-radius:12px;place-items:center;display:grid;position:absolute;top:7px;right:7px}.translate-trigger:hover:not(:disabled),.translate-trigger[aria-expanded=true]{background:#1479c929;border-color:#1479c94d}.translate-trigger:disabled{cursor:progress}.translate-spinner{border:2px solid #1479c940;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite translate-spin}@keyframes translate-spin{to{transform:rotate(360deg)}}.translate-menu{z-index:5;border:1px solid var(--line);background:var(--panel-strong);min-width:170px;box-shadow:var(--shadow);border-radius:14px;gap:4px;padding:10px;display:grid;position:absolute;top:48px;right:0}.translate-menu p{color:var(--ink-soft);margin:0 0 4px;font-size:.8rem}.translate-menu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 12px}.translate-menu button:hover{background:#1479c91a}.translate-status,.translate-error{color:var(--ink-soft);margin:0;font-size:.85rem}.translate-error{color:#b42318}.translate-preview{background:#0fa38b12;border:1px dashed #0fa38b80;border-radius:14px;gap:8px;padding:12px 14px;display:grid}.translate-preview p{margin:0}.translate-preview-label{color:var(--ink-soft);font-size:.8rem}.translate-preview-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-weight:600}.translate-preview-actions{flex-wrap:wrap;gap:8px;display:flex}.translate-preview-actions button{flex:0 auto;min-height:38px;padding:6px 14px}.extra-field{border:1px solid var(--line);background:#ffffff73;border-radius:16px;gap:8px;padding:12px;display:grid}.extra-field-head{align-items:center;gap:8px;display:flex}.extra-field-type{background:#e0f2f7;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:.8rem}.field-grid .extra-field-label{border-radius:10px;width:100%;min-width:0;min-height:36px;padding:6px 12px}.extra-field-name{min-width:0;color:var(--muted);flex:1;font-weight:600}.field-grid .extra-field-value{width:100%}.field-error{color:#b42318;margin:0;font-size:.82rem}.extra-field-remove{border:1px solid var(--line);color:#b42318;cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;width:36px;height:36px;font-size:1.2rem;line-height:1}.add-field{gap:8px;display:grid}.add-field-button{flex:none;justify-self:start;min-height:40px}.add-field-menu{flex-wrap:wrap;gap:6px;display:flex}.add-field-menu button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:.85rem}.add-field-menu button:hover{border-color:#1479c966}.group-picker{gap:10px;display:grid}.group-chips,.group-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.group-filter{margin-top:12px}.group-chip{--group-color:var(--accent);border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;display:inline-flex}.group-chip[aria-pressed=true]{border-color:var(--group-color);background:color-mix(in srgb, var(--group-color) 14%, white);font-weight:600}.group-chip-add{color:var(--accent-deep);border-style:dashed}.group-count{color:var(--ink-soft);font-size:.75rem;font-weight:400}.group-create{flex-wrap:wrap;gap:8px;display:flex}.group-create input{border:1px solid var(--line);min-width:0;min-height:38px;font:inherit;background:#fff;border-radius:10px;flex:160px;padding:6px 12px}.field-grid .group-create input{min-height:40px}.group-create .secondary-button{flex:none;min-height:38px;padding:6px 14px}.group-delete{color:#b42318;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:.8rem}.card-row-groups{flex-wrap:wrap;gap:4px;display:flex}.group-tag{--group-color:var(--accent);background:color-mix(in srgb, var(--group-color) 14%, white);color:var(--ink);border-radius:999px;padding:0 8px;font-size:.72rem}.import-actions span{color:var(--ink-soft);flex:200px;font-size:.78rem}.enhance-panel{border:1px solid var(--line);border-radius:14px;gap:10px;margin:0 0 16px;padding:12px;display:grid}.enhance-panel legend{color:var(--ink-soft);padding:0 6px;font-size:.85rem}.enhance-slider{color:var(--ink-soft);gap:4px;font-size:.85rem;display:grid}.enhance-slider span{justify-content:space-between;display:flex}.enhance-slider input{width:100%;accent-color:var(--accent)}.enhance-check{align-items:center;gap:8px;font-size:.85rem;display:flex}.image-variant-toggle{border:1px solid var(--line);border-radius:12px;display:inline-flex;overflow:hidden}.image-variant-toggle button{color:var(--ink);font:inherit;background:#fff;border:0;padding:8px 12px;font-size:.85rem}.image-viewer .image-variant-toggle button[aria-pressed=true],.image-viewer .image-variant-toggle button[aria-pressed=true]:hover{background:var(--accent);color:#fff}.group-pick{gap:10px;margin-bottom:12px;display:grid}.group-pick>.secondary-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-deep)}.group-pick-bar{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.group-pick-bar select{border:1px solid var(--line);min-width:0;min-height:38px;font:inherit;background:#fff;border-radius:10px;flex:140px;padding:6px 10px}.group-pick-bar .primary-button,.group-pick-bar .secondary-button{min-height:38px;padding:6px 14px}.group-pick-link{color:var(--accent-deep);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.group-pick-hint{color:var(--muted,#52606d)}.group-dot{background:var(--group-color);border-radius:50%;width:8px;height:8px}.group-manage{align-items:center;gap:12px;margin-left:auto;font-size:.8rem;display:inline-flex}.group-manage .group-delete{margin-left:0}.group-edit{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;display:flex}.group-edit input,.group-pick-name{border:1px solid var(--line);min-width:0;min-height:38px;font:inherit;background:#fff;border-radius:10px;flex:160px;padding:6px 12px}.group-edit .primary-button,.group-edit .secondary-button{min-height:38px;padding:6px 14px}.group-swatches{flex-wrap:wrap;gap:6px;display:inline-flex}.group-swatch{background:var(--group-color);width:24px;height:24px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.group-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--group-color)}.group-pick-target{border-left:3px solid var(--group-color,var(--accent));flex:100%;padding-left:10px;font-weight:600}.group-empty{justify-items:start;gap:10px;display:grid}.card-row-picking{grid-template-columns:auto 96px minmax(0,1fr)}.card-row-check{width:20px;height:20px;accent-color:var(--accent)}.exchange-memo{gap:12px;display:grid}.field-grid .exchange-memo textarea{min-height:88px}.exchange-audio{gap:10px;display:grid}.exchange-audio audio{width:100%;height:40px}.exchange-audio-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recording-button{color:#b91c1c;border-color:#dc262666;align-items:center;gap:8px;display:inline-flex}.field-grid .recording-dot{background:#dc2626;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite recording-pulse}@keyframes recording-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.field-grid .recording-dot{animation:none}}.exchange-audio-hint{color:var(--ink-soft);margin:0;font-size:.85rem}.exchange-audio-hint[role=alert]{color:#b91c1c}.duplicate-dialog{width:min(560px,100vw - 32px)}.duplicate-list{gap:10px;max-height:min(48vh,360px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.duplicate-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}.duplicate-item.is-strong{border-color:var(--accent)}.duplicate-item-body{min-width:0;color:var(--ink-soft);flex:220px;gap:2px;font-size:.92rem;display:grid}.duplicate-item-body strong{color:var(--ink);font-size:1rem}.duplicate-item-contact{overflow-wrap:anywhere}.duplicate-reasons{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.duplicate-reasons span{color:var(--accent-deep);background:#1479c91a;border-radius:999px;padding:2px 8px;font-size:.78rem}.duplicate-hint{color:var(--ink-soft);margin:0;font-size:.85rem}