@font-face{font-family:Amiri;src:url(../fonts/Amiri-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(../fonts/Amiri-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(../fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Noto Sans,Amiri,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--primary: #1d4ed8;--primary-hover: #1e40af;--bg-app: #f7f4ee;--bg-surface: #ffffff;--bg-muted: #f1ece3;--text-main: #1b2430;--text-sub: #6b7280;--border: #e4dacb;--success: #10b981;--success-bg: #ecfdf5;--danger: #ef4444;--danger-bg: #fee2e2;--warning: #f59e0b;--warning-bg: #fff7ed;--success-text: #065f46;--warning-text: #9a3412;--danger-text: #991b1b;--border-strong: #d1d5db;--text-sub-strong: #4b5563;--overlay-white-85: rgba(255, 255, 255, .85);--workspace-toolbar-gradient-end: #f8f4ec;--workspace-sidebar-bg: #1f2937;--workspace-sidebar-border: #3f4a5b;--workspace-thumb-active-border: #60a5fa;--workspace-thumb-index: #9ca3af;--workspace-thumb-dot-border: #111827;--workspace-selection-overlay: rgba(37, 99, 235, .05);--workspace-selection-outline: rgba(255, 255, 255, .8);--workspace-locked-border: rgba(107, 114, 128, .4);--workspace-style-popup-bg: #1f2937;--workspace-style-tool-border: #374151;--workspace-style-tool-text: #ffffff;--workspace-active-ring: rgba(29, 78, 216, .25);--workspace-bottom-bar-shadow: 0 -4px 12px rgba(0, 0, 0, .05);--shadow-flat: 0 1px 2px 0 rgba(27, 36, 48, .05);--shadow-raised: 0 8px 16px -8px rgba(27, 36, 48, .16);--shadow-floating: 0 20px 32px -14px rgba(27, 36, 48, .24);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-base: .2s ease;--owq-modal-backdrop: rgba(0, 0, 0, .4);--owq-modal-blur: 4px;--owq-modal-z: 99999;--owq-modal-max-width: 420px;--owq-modal-max-height: min(92dvh, 760px);--owq-modal-padding: 12px;--owq-modal-padding-mobile: 8px;--owq-modal-radius: var(--radius-lg);--owq-modal-radius-mobile: 12px;--owq-modal-content-padding: clamp(16px, 3.5vw, 24px);--owq-modal-animation-duration: .2s}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100dvh;margin:0;padding:0;background:radial-gradient(1200px 900px at 10% -20%,#fff8ed 0%,var(--bg-app) 50%),radial-gradient(900px 600px at 100% 0%,#ecf3ff 0%,transparent 55%),var(--bg-app)}body{overflow:hidden;color:var(--text-main);display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}app-root{flex:1;display:flex;flex-direction:column;overflow:hidden}.mode-container{flex:1;display:flex;flex-direction:column;width:100%;animation:fadeIn .3s ease-out}.update-banner-label{display:flex;align-items:center;gap:8px}.update-banner-btn{padding:4px 8px;margin-top:8px}.home-bottom-spacer{height:40px;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout-header{width:100%;display:flex;justify-content:flex-end;padding:20px;flex-shrink:0}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;padding:0;overflow-y:auto}.hidden{display:none!important}.drop-card{background:var(--bg-surface);padding:34px 24px;border-radius:20px;box-shadow:var(--shadow-floating);border:1px solid var(--border);text-align:center;width:min(440px,calc(100% - 40px));flex-shrink:0;margin-block:12px 0;margin-inline:auto;transition:var(--transition-base)}.drop-card img{width:80px;height:80px;margin-bottom:24px;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-raised);transition:var(--transition-fast)}.drop-card img:active{transform:scale(.95)}.drop-card h1{font-size:1.9rem;font-weight:700;margin:0 0 6px}.sub{color:var(--text-sub);margin:0 0 24px;font-size:.95rem}.hero-subtitle{max-width:34ch;margin-inline:auto}.mode-label{display:flex;align-items:center;justify-content:center;gap:6px}.mode-toggle{display:flex;background:var(--bg-muted);padding:4px;border-radius:var(--radius-md);margin-bottom:18px;width:100%}.mode-toggle button{flex:1;padding:10px;font-size:.9rem;background:transparent;border:none;color:var(--text-sub);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.mode-toggle button.active{background:var(--bg-surface);color:var(--primary);box-shadow:var(--shadow-flat)}.trust-pill-wrap{margin-top:14px}.drop-hint{margin-top:12px;margin-bottom:0;font-size:.85rem}.sample-link{margin-top:15px}.share-app-btn{margin-top:20px;width:100%}.drop-area-visual{border:2px dashed var(--border);border-radius:var(--radius-md);padding:40px 20px;width:100%;background:var(--bg-app);transition:var(--transition-base);cursor:pointer}.drop-area-visual:hover{border-color:var(--primary);background:#f4f8ff}.drop-area-visual:active{transform:scale(.99)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-fast);border:1px solid color-mix(in srgb,var(--border),#000 6%);background:var(--bg-surface);color:var(--text-main);gap:8px;font-family:inherit;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--bg-muted);border-color:#d1d5db}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:none}.btn-sm{padding:6px 12px;font-size:.85rem;border-radius:var(--radius-sm)}.btn-block{width:100%;display:flex}.badge-success{background:var(--success-bg);color:var(--success);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;box-shadow:inset 0 0 0 1px #10b9811a}.footer-links{margin-top:32px;display:flex;justify-content:center;gap:15px;font-size:.85rem}.footer-link{color:var(--text-sub);text-decoration:none;cursor:pointer;transition:var(--transition-fast)}.footer-link:hover{color:var(--primary)}.text-link{color:var(--primary);background:transparent;border:none;text-decoration:underline;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;transition:var(--transition-fast)}.text-link:hover{color:var(--primary-hover)}.features-section{margin-top:40px;width:calc(100% - 40px);max-width:800px;margin-left:auto;margin-right:auto;flex-shrink:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.features-title{text-align:center;color:var(--text-main);margin-bottom:24px}.feature-card{background:var(--bg-surface);padding:24px;border-radius:14px;box-shadow:var(--shadow-flat);text-align:center;border:1px solid var(--border);transition:var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-raised)}.feature-icon{color:var(--primary);margin-bottom:16px;display:flex;justify-content:center;font-size:1.5rem}.feature-card h4{margin:0 0 10px;color:var(--text-main);font-size:1.1rem;font-weight:700}.feature-card p{margin:0;font-size:.9rem;color:var(--text-sub);line-height:1.5}.dialog-content{padding:clamp(16px,3.5vw,24px);overflow-y:auto}.dialog-content-center{text-align:center}.dialog-content h2{margin-top:0;font-size:1.4rem;font-weight:700}.dialog-footer{padding:12px clamp(16px,3.5vw,24px);background:var(--bg-app);display:flex;justify-content:center;gap:12px;border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.dialog-footer .btn{flex:1;min-width:120px}.modal-title{margin-top:0}.modal-copy{color:var(--text-sub);font-size:.95rem;margin-bottom:20px}.modal-inline-icon{display:flex;align-items:center;gap:6px}.modal-section-title{margin:0 0 5px;color:var(--text-main);font-size:.95rem}.modal-note{margin:0;font-size:.85rem;color:var(--text-sub)}.modal-link{color:var(--primary);display:block;margin-bottom:4px}.privacy-heading{color:var(--success-text)}.privacy-model-text{color:var(--success)}.btn-full{width:100%}.btn-top-gap{margin-top:15px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal-actions .btn{flex:1 1 140px}.modal-actions.center{justify-content:center}.modal-btn-flex{flex:1}.verify-hash-row{display:flex;gap:8px;align-items:stretch}.verify-hash-row .input-field{flex:1}.verify-icon-wrap{color:var(--primary);margin-bottom:15px;display:flex;justify-content:center}.verify-icon-badge{padding:15px;background:color-mix(in srgb,var(--primary),#fff 90%);border-radius:999px;box-shadow:inset 0 0 0 1px #1e40af1a}.verify-step-card{text-align:start;margin-bottom:14px;border-radius:12px;border-color:color-mix(in srgb,var(--border),#000 8%);background:linear-gradient(180deg,#fff,#faf8f3)}.verify-step-title{margin:0 0 8px;font-size:.95rem;letter-spacing:.01em;color:var(--text-sub-strong)}.verify-step-note{margin:0;color:var(--text-sub)}.verify-success-title{color:var(--success-text);margin:0 0 8px}.verify-fail-title{color:var(--danger-text);margin:0 0 8px}.verify-disclaimer{text-align:start;color:var(--warning-text);background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning),#fff 55%);margin-top:10px}.verify-pending-text{margin-bottom:16px}.verify-pending-btn{width:100%}.cms-signature-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px}.cms-signature-copy{text-align:start}.verify-hash-hint{margin:8px 0 0;font-size:.8rem;color:var(--text-sub)}.hash-normalized-preview{margin-top:8px;background:var(--bg-muted);font-family:monospace;font-size:.75rem;color:var(--text-main);word-break:break-all}.alert-top-gap{margin-top:12px}.exit-warning-wrap{color:var(--danger);margin-bottom:15px;display:flex;justify-content:center}.exit-warning-badge{padding:15px;background:var(--danger-bg);border-radius:50%}.modal-top-gap{margin-top:15px}@media(max-width:480px){.drop-card{padding:26px 16px;width:calc(100% - 20px);margin-top:8px}.drop-card h1{font-size:1.65rem}.features-section{margin-top:28px;width:calc(100% - 20px)}.features-grid{gap:12px}.feature-card{padding:16px}.verify-hash-row{flex-wrap:wrap}.verify-hash-row .btn{width:100%}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-white-85);z-index:200000;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spinner{width:44px;height:44px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.toast{visibility:hidden;min-width:280px;background-color:#1f2937;color:#fff;text-align:center;border-radius:var(--radius-md);padding:16px 24px;position:fixed;z-index:210000;left:50%;bottom:30px;transform:translate(-50%);font-size:.95rem;font-weight:500;opacity:0;transition:.3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-floating)}.toast-passive{pointer-events:none}.toast-interactive{pointer-events:auto}.toast.show{visibility:visible;opacity:1;bottom:60px}.info-panel{background:var(--workspace-toolbar-gradient-end);padding:16px;border-radius:var(--radius-md);margin-top:16px;font-size:.9rem;border:1px solid var(--border)}.amanah-panel{margin-top:16px;padding:16px;border-left:4px solid var(--success);background:var(--success-bg);border-radius:var(--radius-sm);color:var(--success-text)}.diagnostics-panel{background:#111827;color:#34d399;padding:20px;border-radius:var(--radius-md);font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto;margin-bottom:20px}.input-field{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;font-family:inherit;font-size:1rem;transition:var(--transition-fast);outline:none;background:var(--bg-surface)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.lang-select{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-flat);cursor:pointer;transition:var(--transition-fast)}.lang-select:hover{border-color:var(--border-strong)}.airgap-qr-canvas{width:min(320px,100%);height:auto;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:var(--radius-md);margin:8px auto 0;display:block;background:#fff}.airgap-video{width:100%;min-height:220px;border-radius:var(--radius-md);border:1px solid var(--border);object-fit:cover;background:#000;margin-top:8px}.airgap-progress-wrap{margin-top:10px;width:100%;height:10px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);overflow:hidden}.airgap-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#3b82f6 100%);transition:width .2s ease}.airgap-native-hint{min-height:220px;border:1px dashed var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-sub);background:var(--bg-muted);margin-top:8px;text-align:center;padding:12px}body.airgap-native-camera{background:transparent!important}