:root{color-scheme:light;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#f4f1e8;color:#182014}*{box-sizing:border-box}body{margin:0}.hidden-input{display:none}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(110,146,83,.18),transparent 30%),linear-gradient(180deg,#f8f5ed,#efe8d9);width:100%;position:relative}.page-card{width:min(680px,100%);padding:32px;border-radius:24px;background:#fffcf5eb;border:1px solid rgba(24,32,20,.08);box-shadow:0 18px 50px #18201414}.page-eyebrow{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#536347}.page-title{margin:0;font-size:clamp(32px,5vw,52px);line-height:1.02;letter-spacing:-.05em}.page-copy{margin:18px 0 0;font-size:17px;line-height:1.6;color:#4a5940}.action-stack{display:grid;gap:12px;margin-top:28px}.primary-button,.secondary-button,.history-item{appearance:none;border:none;font:inherit;cursor:pointer}.primary-button,.secondary-button{min-height:52px;padding:0 18px;border-radius:16px;font-size:16px;font-weight:700}.primary-button{background:#24441d;color:#f8f6ef}.primary-button:disabled{cursor:not-allowed;background:#8ea184}.secondary-button{background:#fffcf5f0;color:#24441d;border:1px solid rgba(36,68,29,.16)}.panel{margin-top:24px;padding:18px 20px;border-radius:18px;background:#eff5e6;border:1px solid rgba(83,99,71,.15)}.result-meta{margin:8px 0 0;color:#4a5940}.preview-box{display:grid;gap:12px}.preview-image-placeholder{min-height:220px;border-radius:18px;background:linear-gradient(180deg,#dfe9d6,#eef5e6);border:1px dashed rgba(36,68,29,.18);display:grid;place-items:center;color:#536347;font-weight:700}.preview-file-name{margin:0;font-size:14px;color:#4a5940}.input-block{display:grid;gap:8px;margin-top:20px}.input-label{font-size:14px;font-weight:700;color:#24441d}.text-input{min-height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(36,68,29,.16);background:#fffcf5eb;font:inherit}.loading-block{margin-top:24px;padding:28px 20px;border-radius:22px;background:#eef5e6;display:grid;justify-items:center;gap:16px;text-align:center}.loading-spinner{width:54px;height:54px;border-radius:50%;border:5px solid rgba(36,68,29,.12);border-top-color:#24441d;animation:spin .9s linear infinite}.result-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.result-title{margin-bottom:12px;font-size:clamp(28px,5vw,42px)}.result-section{margin-top:24px}.result-section h2{margin:0 0 8px;font-size:15px;font-weight:800;letter-spacing:.02em;color:#24441d;text-transform:uppercase}.result-section p{margin:0;color:#33402c;line-height:1.6}.step-list{margin:0;padding-left:20px;color:#33402c;line-height:1.6}.step-list li+li{margin-top:8px}.status-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:800}.floating-error{position:fixed;left:24px;right:24px;bottom:24px;padding:14px 16px;border-radius:16px;background:#5e2015;color:#fff7f3;box-shadow:0 16px 36px #36110b3d}.status-chip--rendah{background:#f4e8c9;color:#6d5600}.status-chip--sedang{background:#dce8d2;color:#24441d}.status-chip--tinggi{background:#d4ead2;color:#1d4d23}.history-list{margin-top:24px;display:grid;gap:12px}.history-item{width:100%;padding:14px;border-radius:18px;background:#fffcf5f0;border:1px solid rgba(36,68,29,.1);display:flex;align-items:center;gap:14px;text-align:left}.history-thumb{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e3ecd9;color:#24441d;font-weight:800;flex-shrink:0}.history-body{flex:1;min-width:0}.history-body strong,.history-body p,.history-body span{display:block}.history-body p{margin:4px 0;color:#4a5940}.history-body span{font-size:13px;color:#6b7862}@keyframes spin{to{transform:rotate(360deg)}}