:root{--bg: #f6f5f3;--surface: #ffffff;--text: #2c2a28;--muted: #6f6c68;--border: #e4e1dc;--accent: #5c7a6e;--accent-soft: #e8f0ec;--danger: #b54a4a;--radius: 18px;--radius-sm: 12px;--font: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}.card{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius);padding:2rem 1.75rem;box-shadow:0 8px 40px #2c2a280f;border:1px solid var(--border)}.card--wide{max-width:720px}h1{font-size:1.35rem;font-weight:600;margin:0 0 .35rem;letter-spacing:-.02em}.sub{margin:0 0 1.5rem;color:var(--muted);font-size:.95rem}.field{margin-bottom:1rem}label,.field-label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--muted)}input[type=text],input[type=password]{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);font:inherit;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);font:inherit;color:var(--text);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236f6c68' d='M1.4 0 6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem 1.25rem;border:none;border-radius:var(--radius-sm);font:inherit;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:opacity .15s ease,transform .08s ease}.btn:hover:not(:disabled){opacity:.92}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.alert{border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.9rem;margin-bottom:1rem;background:#fdeeee;color:var(--danger);border:1px solid #f5d4d4}.upload-zone{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem;background:var(--bg);transition:border-color .15s ease,background .15s ease}.upload-zone:hover{border-color:#c9d4ce;background:#fafaf8}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.preview-grid--single{grid-template-columns:minmax(0,1fr)}.preview-image{display:block;width:100%;max-height:min(360px,50vh);height:auto;object-fit:contain;object-position:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.file-picker{display:flex;flex-direction:column;gap:.5rem}.file-picker__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-picker__row{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.file-picker__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.65rem 1.15rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:500;font-size:.9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.file-picker__btn:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px #5c7a6e1f}.file-picker__name{width:100%;min-width:0;font-size:.85rem;color:var(--muted);line-height:1.35;word-break:break-word;white-space:normal;text-align:center}.segmented{display:flex;gap:.5rem;padding:.35rem;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.segmented label{position:relative;flex:1;margin:0;cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;text-align:center;padding:.55rem .75rem;border-radius:10px;font-size:.9rem;font-weight:500;color:var(--muted);transition:background .15s ease,color .15s ease}.segmented input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #2c2a2814}.result{margin-top:1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:220px;overflow:hidden;display:flex;align-items:center;justify-content:center}.result img{display:block;max-width:100%;height:auto;border-radius:calc(var(--radius) - 4px)}.result-placeholder{color:var(--muted);font-size:.95rem;padding:2rem;text-align:center}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.result-loading{width:100%;min-height:220px;background:linear-gradient(110deg,var(--bg) 0%,#eceae6 45%,var(--bg) 90%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--muted);font-size:.95rem}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:.85;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.25);opacity:.4}}.grid-two{display:grid;gap:1rem}@media(min-width:560px){.grid-two{grid-template-columns:1fr 1fr}}.muted-small{font-size:.8rem;color:var(--muted);margin-top:.35rem}