*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #ffffff;--color-text: #131316;--color-text-muted: #6b6b70;--color-border: #e6e6e9;--color-surface-hover: #fafafa;--color-accent: #1f7a86;--color-accent-contrast: #ffffff;--color-danger: #b3261e;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 10px;--transition: .15s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0c0c0d;--color-text: #f3f3f4;--color-text-muted: #9a9aa1;--color-border: #29292d;--color-surface-hover: #17171a;--color-accent: #5bb8c4;--color-accent-contrast: #0c0c0d}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.wordmark{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em;font-size:1.75rem;line-height:1.15}.wordmark__mark{font-weight:700;letter-spacing:-.02em;color:var(--color-accent)}.wordmark__rest{font-weight:300;letter-spacing:-.01em;color:var(--color-text)}.describer{display:flex;flex-direction:column;gap:var(--space-8);padding-block:var(--space-8)}.describer__header{display:flex;flex-direction:column;gap:var(--space-3)}.describer__tagline{max-width:60ch;color:var(--color-text-muted);font-size:.95rem}.status-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);font-size:.9rem;color:var(--color-text)}.status-banner--warning{border-color:var(--color-danger)}.picker__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:border-color var(--transition),background-color var(--transition)}.picker__zone:hover{background-color:var(--color-surface-hover)}.picker__zone--dragging{border-color:var(--color-accent);background-color:var(--color-surface-hover)}.picker__zone:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.picker__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.picker__title{font-size:1rem}.picker__hint{color:var(--color-text-muted);font-size:.85rem}.picker__error{margin-top:var(--space-2);color:var(--color-danger);font-size:.85rem}.result{display:flex;flex-direction:column;gap:var(--space-6)}.result__preview{width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--color-border);background-color:var(--color-surface-hover)}.result__panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius)}.panel__title{font-size:.95rem;font-weight:600}.panel__hint{color:var(--color-text-muted);font-size:.85rem}.panel__caption{font-size:1.05rem;line-height:1.5}.panel__note{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.8rem}.panel__error,.panel__error-block .panel__error{color:var(--color-danger);font-size:.85rem}.panel__error-block{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.panel__loading{display:flex;flex-direction:column;gap:var(--space-2)}.progress{height:6px;border-radius:999px;background-color:var(--color-border);overflow:hidden}.progress__fill{height:100%;background-color:var(--color-accent);transition:width .2s ease}.quick-facts{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem}.quick-facts__row{display:flex;justify-content:space-between;gap:var(--space-3)}.quick-facts__row dt{color:var(--color-text-muted)}.quick-facts__row dd{display:flex;align-items:center;gap:var(--space-2);text-align:right}.quick-facts__swatch{display:inline-block;width:12px;height:12px;border-radius:999px;border:1px solid var(--color-border)}.button{font:inherit;border-radius:var(--radius);padding:var(--space-2) var(--space-4);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),opacity var(--transition)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:var(--color-accent);color:var(--color-accent-contrast)}.button--secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.button--text{align-self:flex-start;background:none;border:none;padding:var(--space-2) 0;color:var(--color-text-muted);text-decoration:underline}.button--text:hover{color:var(--color-text)}.history{display:flex;flex-direction:column;gap:var(--space-3)}.history__head{display:flex;align-items:center;justify-content:space-between}.history__title{font-size:.95rem;font-weight:600}.history__list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.history__item{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-top:1px solid var(--color-border)}.history__thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.history__body{display:flex;flex-direction:column;gap:2px;min-width:0}.history__caption{font-size:.9rem;overflow-wrap:break-word}.history__time{color:var(--color-text-muted);font-size:.75rem}