:root{--app-scale: 1;--app: #cc6633;--app-soft: #fbf1ec;--app-ink: #9e4d24;--bg-page: var(--bg-app);--bg-card: var(--bg-panel);--bg-accent-subtle: var(--app-soft);--text-primary: var(--text-main);--text-secondary: var(--text-body);--accent: var(--app);--accent-hover: var(--app-ink);--accent-light: color-mix(in oklab, var(--app) 8%, transparent);--accent-light-strong: color-mix(in oklab, var(--app) 14%, transparent);--shadow-card: var(--shadow-md);--shadow-hover: var(--shadow-lg);--radius: var(--radius-md);--success: var(--status-success);--success-bg: var(--status-success-bg);--warning: var(--status-warning);--warning-bg: var(--status-warning-bg);--error: var(--status-danger);--error-bg: var(--status-danger-bg);--info: var(--status-info);--info-bg: var(--status-info-bg);--transition: .15s var(--ease)}html,body{overflow-x:hidden!important;overflow-y:auto!important;height:auto;min-height:100vh;width:100%;max-width:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-body);-webkit-font-smoothing:antialiased;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}#root{min-height:100vh;width:100%;max-width:100%}img,svg{max-width:100%;height:auto}button{font-family:inherit}.demo-root{max-width:1040px;margin:0 auto;padding:clamp(16px,3vw,28px) clamp(14px,3vw,24px) clamp(28px,5vw,56px);display:flex;flex-direction:column;gap:clamp(16px,3vw,24px);width:100%;min-width:0}.demo-header{text-align:center;padding:8px 0 4px}.demo-brand{display:inline-flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:6px 14px 6px 8px;box-shadow:var(--shadow-sm);margin-bottom:14px}.demo-brand-dot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#3d75c4 100%);box-shadow:0 2px 6px #2c5ca759}.demo-brand-name{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.02em;color:var(--text-primary)}.demo-header h2{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.015em;color:var(--text-primary);margin:0}.demo-tagline{margin-top:8px;color:var(--text-secondary);font-size:1.02rem;max-width:640px;margin-left:auto;margin-right:auto}.demo-main{display:flex;flex-direction:column;gap:24px}.demo-footer{text-align:center;color:var(--text-muted);font-size:.8rem;padding-top:14px;border-top:1px solid var(--border)}.demo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:clamp(16px,3.5vw,28px);min-width:0;max-width:100%;overflow:hidden}.demo-card-title{font-family:Inter,system-ui,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.demo-card-desc{color:var(--text-secondary);font-size:.92rem;margin-bottom:22px;line-height:1.55}.demo-form{display:flex;flex-direction:column;gap:20px}.zones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;min-width:0}.zones-grid>*{min-width:0}.document-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:18px;transition:all var(--transition);background:var(--bg-card);display:flex;flex-direction:column;gap:12px}.document-zone.drag-over{border-color:var(--accent);background:var(--accent-light)}.document-zone.completed{border-color:var(--success);border-style:solid;background:linear-gradient(180deg,#f5fff7 0%,#ffffff 60%)}.document-zone.disabled{opacity:.6;pointer-events:none}.zone-header{display:flex;flex-direction:column;gap:4px}.zone-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.zone-title{font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary)}.zone-badge-required,.zone-badge-done{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px}.zone-badge-required{color:var(--error);background:var(--error-bg)}.zone-badge-done{color:var(--success);background:var(--success-bg)}.zone-description{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.zone-formats{font-size:.76rem;color:var(--text-muted);font-style:italic}.zone-file-list{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.zone-file-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.86rem;background:var(--success-bg);color:var(--text-primary);min-width:0;max-width:100%;overflow:hidden}.zone-file-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.document-zone{min-width:0;max-width:100%}.document-zone>*{min-width:0}.zone-file-size{color:var(--text-secondary);font-size:.78rem;flex-shrink:0}.zone-file-remove{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center}.zone-file-remove:hover{color:var(--error);background:var(--error-bg)}.zone-drop-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-secondary);font-size:.88rem;background:var(--bg-page)}.zone-drop-area:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.zone-browse{font-size:.8rem;color:var(--text-muted)}.zone-browse strong{color:var(--accent)}.demo-btn-extract{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:4px auto 0;padding:13px 30px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 2px 8px #2c5ca740}.demo-btn-extract:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 14px #2c5ca752}.demo-btn-extract:active:not(:disabled){transform:translateY(1px)}.demo-btn-extract:disabled{background:var(--border-strong);box-shadow:none;cursor:not-allowed}.demo-btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 22px;font-size:.98rem;font-weight:600;cursor:pointer;transition:background var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.demo-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.demo-btn-primary:disabled{background:var(--border-strong);cursor:not-allowed}.demo-btn-cta{padding:14px 26px;font-size:1.04rem;max-width:100%;text-align:center;white-space:normal;line-height:1.3}.demo-btn-link{background:transparent;border:none;color:var(--accent);font-family:inherit;font-size:.92rem;font-weight:500;cursor:pointer;padding:8px 4px;text-decoration:underline}.demo-btn-link:hover{color:var(--accent-hover)}.demo-rgpd-mention{background:var(--bg-accent-subtle);border-left:3px solid var(--accent);padding:10px 14px;border-radius:var(--radius-xs);font-size:.85rem;color:var(--text-secondary);line-height:1.5}.demo-error{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:10px 14px;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:16px}.demo-form-errors{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:10px 14px 10px 34px;border-radius:var(--radius-sm);font-size:.88rem;list-style:disc;line-height:1.55}.demo-form-errors li{margin:2px 0}.demo-loading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:48px 0;color:var(--text-secondary)}.demo-loading p{font-size:1rem;color:var(--text-primary);font-weight:500}.demo-loading-hint{color:var(--text-muted);font-size:.88rem;max-width:420px;font-weight:400!important}.demo-spinner{width:42px;height:42px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:demo-spin .8s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-result{display:flex;flex-direction:column;gap:22px}.demo-result-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:22px 26px;display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%;overflow:hidden;word-break:break-word}.demo-result-header h2{font-family:Inter,system-ui,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-primary)}.demo-result-meta{color:var(--text-secondary);font-size:.92rem}.demo-result-files{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}.demo-result-file-chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:500;max-width:100%;min-width:0;overflow:hidden}.demo-result-file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}.demo-sections{display:flex;flex-direction:column;gap:16px}.notice-doc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;min-width:0}.notice-doc-topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 20px;background:#fafafa;border-bottom:1px solid var(--border)}.notice-doc-topbar-left{display:flex;align-items:center;gap:12px}.notice-doc-title{font-weight:600;color:var(--text-primary);font-size:.92rem}.notice-doc-chip{background:var(--bg-page);color:var(--text-secondary);padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:500;border:1px solid var(--border)}.notice-doc-status{display:inline-flex;align-items:center;gap:6px;color:var(--warning);font-weight:500;font-size:.82rem}.notice-doc-status-dot{width:8px;height:8px;border-radius:999px;background:var(--warning)}.notice-doc-page{background:#ffffff;padding:clamp(18px,4vw,32px) clamp(16px,5vw,40px);background-image:linear-gradient(#f7f8fa,#f7f8fa);background-size:100% 0;min-width:0}.notice-doc-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:18px;border-bottom:2px solid var(--text-primary)}.notice-doc-logo{width:80px;height:56px;background:var(--bg-accent-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent)}.notice-doc-meta{text-align:right;font-size:.88rem;color:var(--text-primary);line-height:1.7;min-width:0;word-break:break-word}.notice-doc-meta strong{color:var(--text-primary);margin-right:4px}.notice-doc-title-block{text-align:center;padding:28px 0 16px}.notice-doc-title-block h1{font-family:Inter,system-ui,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px;color:var(--text-primary)}.notice-doc-title-block p{font-size:.9rem;color:var(--text-secondary);letter-spacing:.04em}.notice-doc-section{margin-top:24px}.notice-doc-section-header{display:flex;align-items:baseline;gap:10px;padding-bottom:8px;margin-bottom:14px;border-bottom:1px solid var(--border)}.notice-doc-section-num{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:1rem;color:var(--text-primary)}.notice-doc-section-header h2{font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.05em;color:var(--text-primary)}.notice-doc-body{font-size:.92rem;line-height:1.7;color:#2a2c33}.notice-doc-page-marker{margin:28px -40px 0;padding:14px 40px 0;border-top:1px dashed var(--border);text-align:center;font-size:.78rem;color:var(--text-muted);letter-spacing:.04em}.notice-doc-body div[data-action=required]{background:var(--warning-bg);border:1px solid #fcd34d;border-radius:8px;padding:14px 16px;margin:12px 0;color:#92400e;font-weight:500;position:relative}.notice-doc-body div[data-action=required]:before{content:"⚠ ";color:var(--warning);font-weight:700}.notice-doc-body div[data-action=required]:after{content:attr(data-placeholder);display:block;margin-top:10px;padding:10px 12px;background:#ffffff;border:1px solid #fcd34d;border-radius:6px;color:var(--text-muted);font-weight:400;font-style:italic;font-size:.88rem}.notice-doc-body div[data-emergency=true]{border:2px dashed var(--error);background:var(--error-bg);border-radius:10px;padding:18px 22px;margin:16px 0;text-align:center}.notice-doc-body div[data-emergency=true] h4{color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:.95rem;margin-bottom:8px}.notice-doc-body div[data-emergency=true] p{font-size:.95rem;color:var(--text-primary);margin-bottom:12px}.notice-doc-body div[data-emergency=true] div[data-action=required]{text-align:left;margin:12px auto 0;max-width:460px}.demo-section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:24px 26px;min-width:0;max-width:100%;overflow:hidden}.demo-section-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);min-width:0;flex-wrap:wrap}.demo-section-card-header>*{min-width:0;max-width:100%}.demo-section-card-header h3{overflow-wrap:anywhere;word-break:break-word}.demo-section-id{background:var(--accent);color:#fff;font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:var(--radius-xs);letter-spacing:.04em}.demo-section-card-header h3{font-family:Inter,system-ui,sans-serif;font-size:1.12rem;font-weight:600;color:var(--text-primary)}.demo-section-body{color:var(--text-primary);font-size:.95rem;line-height:1.65;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.demo-section-body img,.demo-section-body iframe,.demo-section-body video,.demo-section-body pre,.demo-section-body code{max-width:100%}.demo-section-body pre{overflow-x:auto;white-space:pre-wrap;word-break:break-word}.demo-section-body h2,.demo-section-body h3{font-family:Inter,system-ui,sans-serif;margin-top:14px;margin-bottom:6px;font-weight:600}.demo-section-body h2{font-size:1.05rem;margin-top:18px}.demo-section-body h3{font-size:.96rem;color:var(--text-secondary);margin-top:12px}.demo-section-body h4{font-family:Inter,system-ui,sans-serif;font-size:.92rem;font-weight:600;margin-top:10px;margin-bottom:6px;color:var(--text-primary)}.demo-section-body p{margin-bottom:10px}.demo-section-body ul,.demo-section-body ol{padding-left:24px;margin-bottom:12px}.demo-section-body li{margin-bottom:4px}.demo-section-body strong{color:var(--text-primary)}.demo-section-body em{color:var(--text-secondary)}.demo-section-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.9rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal}.demo-section-body table thead,.demo-section-body table tbody,.demo-section-body table tr{width:100%}.demo-section-body th,.demo-section-body td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top;word-break:break-word;overflow-wrap:anywhere}.demo-section-body th{background:var(--bg-accent-subtle);font-weight:600;color:var(--text-primary)}.demo-section-body tr:nth-child(2n) td{background:#fafafa}.demo-section-body div[style*=border-left]{margin:12px 0!important}.demo-locked-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 24px}.demo-locked-title{font-family:Inter,system-ui,sans-serif;font-size:1.02rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.demo-locked-subtitle{color:var(--text-secondary);font-size:.86rem;margin-bottom:14px}.demo-locked-sections{display:flex;flex-direction:column;gap:8px}.demo-locked-card{display:flex;align-items:center;gap:12px;background:#f5f5f7;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-muted);min-width:0;max-width:100%;overflow:hidden}.demo-locked-card svg{color:var(--text-muted);flex-shrink:0}.demo-locked-id{background:var(--border-strong);color:#fff;font-weight:600;font-size:.76rem;padding:3px 8px;border-radius:var(--radius-xs);letter-spacing:.04em}.demo-locked-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.demo-locked-name,.demo-locked-title{color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.demo-locked-ref{color:var(--text-muted);font-size:.76rem}.demo-locked-badge{font-size:.7rem;background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);padding:4px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0}.demo-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.demo-disclaimer{color:var(--text-muted);font-size:.78rem;text-align:center;padding-top:14px;border-top:1px solid var(--border);line-height:1.5}@media (max-width: 768px){.zones-grid{grid-template-columns:1fr;gap:14px}.demo-header h2{font-size:clamp(1.5rem,6vw,2rem)}.notice-doc-header{flex-direction:column;align-items:stretch}.notice-doc-meta{text-align:left;font-size:.84rem}.notice-doc-logo{align-self:center}.notice-doc-page-marker{margin:22px -18px 0;padding:12px 18px 0}.notice-doc-title-block h1{font-size:1.2rem}.demo-section-body div[style*=border-left]{padding:10px 12px!important}.demo-result-header{padding:18px}.demo-locked-card{flex-wrap:wrap;row-gap:8px}.demo-locked-meta{width:100%;order:3}.demo-locked-badge{order:4;margin-left:auto}}@media (max-width: 480px){.demo-brand{padding:5px 12px 5px 7px}.demo-brand-name{font-size:.8rem}.demo-tagline{font-size:.94rem}.demo-card-title{font-size:1.06rem}.demo-section-card-header{flex-wrap:wrap;row-gap:6px}.demo-section-card-header h3{font-size:1rem}.demo-result-header h2{font-size:1.18rem}.demo-btn-extract{width:100%;padding:13px 18px}.demo-btn-primary.demo-btn-cta{width:100%;text-align:center}.zone-header{gap:6px}.zone-title{font-size:.95rem}.zone-description{font-size:.82rem}.zone-formats{font-size:.72rem}.zone-drop-area{padding:22px 12px}.zone-file-item{padding:7px 10px;font-size:.82rem}.zone-file-size{display:none}.demo-result-file-chip{max-width:100%}.demo-result-file-chip span,.demo-result-file-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 375px){.demo-header h2{font-size:1.45rem}.demo-card-title{font-size:1rem}.notice-doc-title-block h1{font-size:1.05rem;letter-spacing:.03em}.notice-doc-section-header{flex-wrap:wrap;row-gap:2px}.notice-doc-section-header h2{font-size:.92rem}}