:root{color:#141414;background:#fff;font-family:Inter,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-canvas: #ffffff;--color-ink: #141414;--color-muted: #6f6f6f;--color-action: #141414;--color-action-text: #ffffff;--color-alert: #a33a2f;--color-success: #237044;--color-progress: #245b9a}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-canvas)}button,input{font:inherit}h1,h2,h3,p{margin:0}.app-shell{display:flex;min-height:100vh;flex-direction:column;padding:22px}.capture-panel{position:fixed;z-index:10;top:16px;right:16px;display:flex;align-items:flex-end;flex-direction:column;gap:10px}.capture-button{display:flex;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--color-action);border-radius:100vmax;background:var(--color-action);color:var(--color-action-text);cursor:pointer;font-size:.9rem;font-weight:700;transition:scale .16s ease}.auth-button{min-height:38px;padding:0 14px;border:1px solid var(--color-ink);background:var(--color-canvas);color:var(--color-ink);cursor:pointer;font-size:.84rem;font-weight:700;transition:scale .16s ease}.auth-button:disabled{cursor:wait;opacity:.68}.capture-button:has(input:disabled){cursor:wait;opacity:.68}.capture-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.capture-button:focus-within{scale:.98}.capture-status{display:flex;max-width:min(320px,calc(100vw - 32px));flex-direction:column;gap:8px;padding:10px 12px;background:#ffffffeb;box-shadow:0 8px 28px #0000001a}.capture-status p,.collection-status,.empty-state{color:var(--color-muted);font-size:.9rem;line-height:1.6}.capture-status-processing p{color:var(--color-progress)}.capture-status-succeeded p{color:var(--color-success)}.capture-status-failed p{color:var(--color-alert)}.progress-track{position:relative;display:flex;height:3px;overflow:hidden;background:#245b9a24}.progress-indicator{width:38%;background:var(--color-progress);animation:progress-slide 1.1s ease-in-out infinite}.collection-section{display:flex;flex-direction:column;gap:22px}.collection-section h1{max-width:calc(100% - 190px);color:var(--color-ink);font-size:1.15rem;line-height:1.2}.collection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;padding:0;list-style:none}.collection-item{display:flex;min-height:190px;align-items:center;justify-content:center}.collection-item img{display:block;width:100%;max-height:250px;object-fit:contain}.guest-scan-dialog{width:min(420px,calc(100vw - 32px));padding:0;border:0;border-radius:14px;background:var(--color-canvas);color:var(--color-ink)}.guest-scan-dialog::backdrop{background:#0000006b}.guest-scan-dialog__content{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:22px}.guest-scan-dialog h2{font-size:1.18rem;line-height:1.35;text-align:center}.guest-scan-dialog img{display:block;width:100%;max-height:360px;object-fit:contain}.guest-scan-dialog p{color:var(--color-muted);font-size:.92rem;font-weight:700}.guest-scan-dialog__actions,.guest-scan-dialog__save-action,.guest-scan-dialog__discard-action{display:flex;flex-direction:column}.guest-scan-dialog__actions{gap:16px}.guest-scan-dialog__save-action{gap:8px}.guest-scan-dialog__discard-action{padding-top:16px;border-top:1px solid rgb(20 20 20 / 14%)}.guest-scan-dialog__primary,.guest-scan-dialog__secondary{min-height:44px;border:1px solid var(--color-ink);cursor:pointer;font-weight:700;transition:scale .16s ease}.guest-scan-dialog__primary{background:var(--color-action);color:var(--color-action-text)}.guest-scan-dialog__secondary{background:var(--color-canvas);color:var(--color-ink);font-weight:500}.segmentation-debug{display:flex;width:100%;flex-direction:column;gap:14px;padding:16px 0}.segmentation-debug hgroup{display:flex;flex-direction:column;gap:4px}.segmentation-debug h2{font-size:1rem}.segmentation-debug p{color:var(--color-muted);font-weight:700}.segmentation-debug__images{display:flex;flex-direction:column;gap:12px}.segmentation-debug figure{display:flex;flex-direction:column;gap:6px}.segmentation-debug img{width:100%;max-height:260px;object-fit:contain}.segmentation-debug figcaption{color:var(--color-muted);font-size:.82rem;font-weight:700}.segmentation-debug__error{color:var(--color-alert)}.segmentation-debug pre{overflow:auto;padding:12px;background:#141414;color:#fff;font-size:.78rem}@media(any-hover:hover){.capture-button:hover,.auth-button:hover,.guest-scan-dialog__primary:hover,.guest-scan-dialog__secondary:hover{scale:.98}}@keyframes progress-slide{0%{translate:-110% 0}to{translate:270% 0}}@media(min-width:760px){.app-shell{padding:32px 38px}.capture-panel{top:24px;right:28px}.collection-section{gap:34px}.collection-section h1{font-size:1.25rem}.collection-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 34px}.collection-item{min-height:280px}.collection-item img{max-height:340px}.segmentation-debug__images{flex-direction:row}.segmentation-debug figure{flex:1 1 0}}@media(min-width:1120px){.app-shell{padding:42px 56px}.collection-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 42px}}
