.app{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem}.capability-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#646cff26,#8b5cf61a);border:1px solid rgba(100,108,255,.3);border-radius:.75rem;border-left:4px solid #646cff}.info-icon{flex-shrink:0;color:#818cf8;margin-top:.125rem}.info-content{font-size:.95rem;line-height:1.6;color:#ffffffe6}.info-content strong{color:#a5b4fc}.workflow-infographic{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:1rem;overflow:hidden}.workflow-svg{width:100%;height:auto;min-height:200px;color:#ffffffd9}.workflow-svg text{font-family:inherit}.workflow-mobile{display:none}.workflow-desktop{display:block}.workflow-line{animation:dashMove 20s linear infinite}@keyframes dashMove{to{stroke-dashoffset:-100}}.workflow-card{transition:opacity .3s ease,filter .3s ease}.workflow-card-active{opacity:1;filter:none}.workflow-card-inactive{opacity:.4;filter:grayscale(.6)}.educational-intro{background:#ffffff0d;border-radius:.75rem;padding:1.5rem}.intro-lead{font-size:1.1rem;line-height:1.6;margin:0 0 1.25rem;color:#ffffffe6}.intro-steps{display:flex;flex-direction:column;gap:.75rem}.step{display:flex;align-items:flex-start;gap:.75rem}.step-number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#646cff;color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.step-text{color:#ffffffd9;line-height:1.75rem}.limitation-warning{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#eab30826;border:1px solid rgba(234,179,8,.4);border-radius:.5rem;color:#fcd34d}.warning-icon{flex-shrink:0;font-size:1.25rem}.warning-content{font-size:.95rem;line-height:1.6}.warning-content strong{color:#fde047}.privacy-assurance{text-align:center;padding:.75rem;background:#10b9811a;border-radius:.5rem}.privacy-assurance p{margin:0;color:#6ee7b7;font-size:.9rem}.privacy-icon{margin-right:.5rem;font-weight:700}.tab-navigation{display:flex;gap:.75rem;padding:0 .5rem}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#ffffff80;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-step{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#ffffff1a;border-radius:50%;font-size:.8rem;font-weight:600;transition:all .2s ease}.tab-label{font-size:.95rem}.tab-button:hover{color:#ffffffe6;background:#ffffff14;border-color:#fff3}.tab-button:hover .tab-step{background:#ffffff26}.tab-button:focus{outline:none;box-shadow:0 0 0 2px #646cff}.tab-button.active{color:#fff;background:#646cff26;border-color:#646cff}.tab-button.active .tab-step{background:#646cff;color:#fff}.tab-button-detect:hover{border-color:#f871714d}.tab-button-detect:hover .tab-step{background:#f8717133}.tab-button-detect.active{color:#fff;background:#ef444426;border-color:#ef4444}.tab-button-detect.active .tab-step{background:#ef4444;color:#fff}.tab-content{padding:1.5rem 0}[role=tabpanel][hidden]{display:none}.embed-page,.detect-page{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;max-width:600px;margin:0 auto}.feature-header{margin-bottom:1.5rem;text-align:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.feature-header-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#646cff33,#8b5cf626);border-radius:1rem;margin:0 auto 1rem;color:#818cf8}.feature-header h1{font-size:1.5rem;margin:0 0 .5rem}.feature-description{margin:0;color:#ffffffb3;font-size:1rem}.embed-form,.detect-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:.03em}.form-group-label-icon{color:#818cf8}.form-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.button-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#646cff,#535bf2);border:none;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #646cff66}.button-primary:focus{outline:2px solid #fff;outline-offset:2px}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{padding:.875rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.button-secondary:hover{border-color:#ffffff80;color:#fff}.button-secondary:focus{outline:2px solid #646cff;outline-offset:2px}.file-input-container{display:flex;flex-direction:column;gap:.5rem}.file-input-label{font-weight:500;color:#ffffffe6;font-size:.95rem}.file-drop-zone{padding:2rem;border:2px dashed rgba(255,255,255,.2);border-radius:.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.file-drop-zone:hover,.file-drop-zone:focus-within{border-color:#646cff;background:#646cff1a}.file-drop-zone.has-file{border-style:solid;border-color:#10b981;background:#10b9811a}.identifier-input-container{display:flex;flex-direction:column;gap:.5rem}.identifier-input-container label{font-weight:500;color:#ffffffe6;font-size:.95rem}.identifier-input-container input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:1rem;transition:border-color .2s ease}.identifier-input-container input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.identifier-input-container input::placeholder{color:#fff6}.identifier-input-container .hint{font-size:.85rem;color:#ffffff80}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-label{display:flex;justify-content:space-between;font-size:.875rem;color:#ffffffb3}.progress-bar{height:.5rem;background:#ffffff1a;border-radius:.25rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#646cff,#a855f7);border-radius:.25rem;transition:width .3s ease}.result-display{padding:1rem 1.25rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.result-display.success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.result-display.error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.result-message{font-weight:600;font-size:1rem}.result-details{font-size:.9rem;opacity:.9;white-space:pre-line}.detected-identifier{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#646cff1a;border-radius:.5rem;text-align:center;margin-top:.5rem}.identifier-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.identifier-value{font-size:1.5rem;font-weight:700;color:#818cf8;word-break:break-all}.detect-page .feature-header-icon{background:linear-gradient(135deg,#ef444433,#f8717126);color:#f87171}.detect-page .form-group-label-icon{color:#f87171}.detect-page .detected-identifier{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.detect-page .identifier-value{color:#f87171}.detect-page .button-primary{background:linear-gradient(135deg,#ef4444,#dc2626)}.detect-page .button-primary:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)}.detect-page .button-primary:focus-visible{box-shadow:0 0 0 3px #ef44444d}.warning-message{padding:1rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:.5rem;color:#fcd34d;font-size:.9rem}.warning-message p{margin:0 0 .5rem}.warning-message p:last-child{margin-bottom:0}.app-footer{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-privacy{margin:0 0 .5rem;color:#ffffffb3;font-size:.9rem}.footer-disclaimer{margin:0;color:#ffffff80;font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #646cff;outline-offset:2px}.skip-link{position:absolute;left:-9999px;z-index:999;padding:.75rem;background:#646cff;color:#fff;text-decoration:none}.skip-link:focus{left:50%;transform:translate(-50%);top:.5rem}@media(prefers-color-scheme:light){.capability-info{background:linear-gradient(135deg,#646cff14,#8b5cf60d);border-color:#646cff33}.info-icon{color:#646cff}.info-content{color:#1a1a1a}.info-content strong{color:#4f46e5}.workflow-infographic{background:#00000005;border-color:#0000000f}.workflow-svg{color:#1a1a1a}.embed-page,.detect-page{background:#00000005;border-color:#00000014}.feature-header{border-bottom-color:#00000014}.feature-header-icon{background:linear-gradient(135deg,#646cff1a,#8b5cf614);color:#646cff}.form-group-label{color:#1a1a1a}.form-group-label-icon{color:#646cff}.form-actions{border-top-color:#00000014}.educational-intro{background:#00000008}.intro-lead{color:#1a1a1a}.step-text{color:#000c}.limitation-warning{background:#eab3081a;border-color:#eab30880;color:#92400e}.warning-content strong{color:#78350f}.privacy-assurance{background:#10b9811a}.privacy-assurance p{color:#059669}.tab-button{background:#00000005;border-color:#0000001a;color:#00000080}.tab-step{background:#00000014}.tab-button:hover{color:#000c;background:#0000000d;border-color:#00000026}.tab-button:hover .tab-step{background:#0000001f}.tab-button.active{color:#1a1a1a;background:#646cff14;border-color:#646cff}.tab-button.active .tab-step{background:#646cff;color:#fff}.tab-button-detect:hover{border-color:#ef444433}.tab-button-detect:hover .tab-step{background:#ef444426}.tab-button-detect.active{color:#1a1a1a;background:#ef444414;border-color:#ef4444}.tab-button-detect.active .tab-step{background:#ef4444;color:#fff}.feature-header h1{color:#1a1a1a}.feature-description{color:#0009}.file-input-label,.identifier-input-container label{color:#1a1a1a}.file-drop-zone{border-color:#0003}.identifier-input-container input{background:#00000008;border-color:#0003;color:#1a1a1a}.identifier-input-container input::placeholder{color:#0006}.identifier-input-container .hint{color:#00000080}.result-display.success{background:#10b9811a;color:#059669}.result-display.error{background:#ef44441a;color:#dc2626}.detected-identifier{background:#646cff14}.identifier-label{color:#00000080}.identifier-value{color:#4f46e5}.detect-page .feature-header-icon{background:linear-gradient(135deg,#ef44441f,#f8717114);color:#dc2626}.detect-page .form-group-label-icon{color:#dc2626}.detect-page .detected-identifier{background:#ef444414;border-color:#ef444426}.detect-page .identifier-value{color:#dc2626}.detect-page .button-primary{background:linear-gradient(135deg,#ef4444,#dc2626)}.detect-page .button-primary:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)}.warning-message{background:#eab30814;color:#92400e}.app-footer{border-top-color:#0000001a}.footer-privacy{color:#000000b3}.footer-disclaimer{color:#00000080}.progress-bar{background:#0000001a}.progress-label{color:#0009}}@media(max-width:900px){.workflow-infographic{padding:.5rem}.workflow-svg{min-height:220px}}@media(max-width:600px){.app{padding:0;gap:1rem}.workflow-infographic{display:none}.embed-page,.detect-page{padding:1.25rem;border-radius:.75rem;max-width:100%}.feature-header{padding-bottom:1rem;margin-bottom:1.25rem;flex-direction:column;gap:.75rem;text-align:center}.feature-header-icon{width:2.5rem;height:2.5rem}.feature-header h2{font-size:1.25rem}.feature-header p{font-size:.85rem}.form-group{margin-bottom:1.25rem}.intro-lead{font-size:1rem}.step{align-items:flex-start}.tab-button{padding:.75rem;gap:.5rem}.tab-step{width:1.375rem;height:1.375rem;font-size:.75rem}.tab-label{font-size:.875rem}.button-primary,.button-secondary{width:100%}.form-actions{flex-direction:column}.capability-info{flex-direction:row;gap:.625rem;padding:.75rem 1rem;align-items:flex-start;margin-bottom:1.5rem}.capability-info .info-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.info-content{font-size:.85rem;line-height:1.5}.result-display{padding:1rem}.result-header{flex-direction:column;gap:.5rem;text-align:center}.detected-identifier{padding:.75rem}}@media(max-width:480px){.app{padding:0;gap:.75rem}.embed-page,.detect-page{padding:1rem;border-radius:.5rem}.feature-header h2{font-size:1.125rem}.feature-header p{font-size:.8rem}.tab-navigation{gap:.25rem}.tab-button{padding:.625rem .5rem;gap:.375rem}.tab-step{width:1.25rem;height:1.25rem;font-size:.7rem}.tab-label{font-size:.8rem}.button-primary,.button-secondary{padding:.75rem 1rem;font-size:.9rem}.dropzone{padding:1.25rem .75rem}.dropzone-icon{width:2.25rem;height:2.25rem}.dropzone-text{font-size:.85rem}.dropzone-hint{font-size:.7rem}.info-content{font-size:.8rem}.capability-info{padding:.5rem .75rem}}