body{background-color:#d3d3d3}.workflow-container{margin:2rem auto;max-width:1200px;padding:0 20px}.workflow-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.workflow-header h1{font-size:2.5rem;margin-bottom:1rem}.workflow-header p{font-size:1.2rem;opacity:.9}.workflow-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:1.25rem;padding:1.25rem}.workflow-section h2{color:#2d3748;font-size:1.25rem;margin-bottom:.75rem}.workflow-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.workflow-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1.25rem}.workflow-card h3{color:#4a5568;font-size:1rem;margin-bottom:.75rem}.workflow-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin:.5rem .5rem .5rem 0;padding:.75rem 1.5rem;transition:background-color .2s}.workflow-button:hover{background:#5a67d8}.workflow-button:disabled{background:#a0aec0;cursor:not-allowed}.workflow-output{background:#1a202c;border-radius:6px;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;margin-top:1rem;max-height:300px;overflow-y:auto;padding:1rem;white-space:pre-wrap}.workflow-input{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:1rem;padding:.75rem;width:100%}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:.5rem;width:8px}.status-success{background:#48bb78}.status-warning{background:#ed8936}.status-error{background:#f56565}.feature-list{list-style:none;padding:0}.feature-list li{border-bottom:1px solid #e2e8f0;padding:.5rem 0}.feature-list li:last-child{border-bottom:none}.feature-list li:before{content:"✅";margin-right:.5rem}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1rem 0}.stat-card{background:#f7fafc;border-radius:8px;padding:1rem;text-align:center}.stat-value{color:#667eea;font-size:1.5rem;font-weight:700}.stat-label{color:#718096;font-size:.9rem}.loading{opacity:.6;pointer-events:none}.workflow-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem}.workflow-progress-bar{background:#e2e8f0;border-radius:2px;height:3px;margin-bottom:1rem;overflow:hidden}.workflow-progress-fill{background:linear-gradient(90deg,#667eea,#48bb78);border-radius:2px;height:100%;transition:width .5s ease}.workflow-steps-compact{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.step-compact{align-items:center;display:flex;flex-direction:column;min-width:60px;transition:all .3s ease}.step-compact.pending{opacity:.5}.step-compact.active{transform:scale(1.1)}.step-compact.completed{opacity:1}.step-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:36px;justify-content:center;margin-bottom:.25rem;transition:all .3s ease;width:36px}.step-compact.pending .step-icon{background:#e2e8f0;filter:grayscale(100%)}.step-compact.active .step-icon{animation:pulse 2s infinite;background:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.step-compact.completed .step-icon{background:#48bb78;transform:scale(1.1)}.step-text{color:#4a5568;font-size:.75rem;font-weight:500;margin-top:.25rem;text-align:center}.step-compact.active .step-text{color:#667eea;font-weight:600}.step-compact.completed .step-text{color:#48bb78;font-weight:600}.step-connector{background:#e2e8f0;flex:1;height:2px;margin:0 .5rem;max-width:40px;min-width:20px;transition:background .5s ease}.step-connector.completed{background:#48bb78}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(102,126,234,.7)}70%{box-shadow:0 0 0 6px rgba(102,126,234,0)}to{box-shadow:0 0 0 0 rgba(102,126,234,0)}}.image-part{cursor:grab;transition:transform .2s}.image-part:hover{transform:scale(1.05)}.image-part.dragging{opacity:.5;transform:rotate(5deg)}.grid-slot{transition:all .2s}.grid-slot.drag-over{background:#edf2f7;border-color:#667eea}@media (max-width:768px){.workflow-container{margin:1rem auto;padding:0 15px}.workflow-header h1{font-size:2rem}.workflow-grid{gap:1rem;grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.workflow-compact{padding:.75rem}.workflow-steps-compact{flex-wrap:wrap;gap:.75rem;justify-content:space-around}.step-compact{min-width:50px}.step-icon{font-size:1.25rem;height:32px;width:32px}.step-text{font-size:.7rem}.step-connector{display:none}.workflow-section{margin-bottom:1rem;padding:1rem}.workflow-section h2{font-size:1.125rem}}.step-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.step-header h2{color:#2d3748;font-size:1.5rem;margin:0}.status-badge{border-radius:20px;font-size:.875rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.status-badge[data-status=success]{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.status-badge[data-status=error]{background:#fed7d7;border:1px solid #feb2b2;color:#742a2a}.status-badge[data-status=warning]{background:#fef5e7;border:1px solid #f6ad55;color:#744210}.status-badge[data-status=checking]{animation:pulse 2s infinite;background:#bee3f8;border:1px solid #90cdf4;color:#2a4365}.step-content{margin-bottom:1rem}.step-description{margin-bottom:1.5rem}.step-description p{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.step-requirements{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.requirement-item{align-items:center;display:flex;font-size:.9rem;margin-bottom:.5rem}.requirement-item:last-child{margin-bottom:0}.requirement-icon{font-size:1rem;margin-right:.75rem}.requirement-item[data-status=met]{color:#22543d}.requirement-item[data-status=pending]{color:#718096}.step-controls{gap:1rem}.input-group,.step-controls{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{color:#4a5568;font-size:.875rem;font-weight:600}.workflow-button.primary{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.workflow-button.primary:hover:not(:disabled){background:#5a67d8;box-shadow:0 4px 8px rgba(102,126,234,.3);transform:translateY(-1px)}.workflow-button.primary:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.workflow-button.primary.large{font-size:1.125rem;padding:1rem 2rem}.workflow-notice{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.notice-icon{font-size:1.25rem}.reward-preview{align-items:center;background:#c6f6d5;border:1px solid #9ae6b4;border-radius:8px;color:#22543d;display:flex;font-weight:600;gap:.75rem;margin-top:1rem;padding:1rem}.reward-icon{font-size:1.25rem}.step-output{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;padding:1rem}.step-output h4{color:#4a5568;font-size:1rem;margin:0 0 .75rem}.workflow-output.compact{font-size:.8rem;line-height:1.4;max-height:200px;overflow-y:auto}.captcha-puzzle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.puzzle-grid,.puzzle-pieces{margin-bottom:1.5rem}.puzzle-grid h4,.puzzle-pieces h4{align-items:center;color:#4a5568;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.pieces-container{align-items:center;border:2px dashed #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;min-height:120px}.grid-container,.pieces-container{background:#fff;gap:12px;justify-content:center;padding:1rem}.grid-container{border:2px solid #e2e8f0;border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:220px}.image-part{box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.image-part:hover:not(.dragging){border-color:#667eea!important;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:scale(1.05)}.image-part.dragging{opacity:.7;transform:rotate(5deg) scale(.95);z-index:1000}.grid-slot{position:relative;transition:all .2s ease}.grid-slot:hover{background:#edf2f7;border-color:#667eea!important}.grid-slot.drag-over{background:#bee3f8!important;border-color:#667eea!important;box-shadow:0 0 0 2px rgba(102,126,234,.3);transform:scale(1.05)}.solution-progress{background:#edf2f7;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-align:center}@media (max-width:768px){.step-header{align-items:stretch;flex-direction:column;gap:.75rem}.step-header h2{font-size:1.25rem;text-align:center}.status-badge{align-self:center;text-align:center}.step-requirements{padding:.75rem}.pieces-container{gap:8px;min-height:100px;padding:.75rem}.grid-container{gap:8px;max-width:180px;padding:.75rem}.grid-slot,.image-part{height:80px!important;line-height:80px!important;width:80px!important}.captcha-puzzle{padding:1rem}.workflow-button.primary.large{font-size:1rem;padding:.875rem 1.5rem}}.step-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:15px 0;padding:20px}.info-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:10px}.key-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin:20px 0;padding:20px}.identity-info{margin-top:15px}.identity-item{background:hsla(0,0%,100%,.1);border-radius:6px;margin:10px 0;padding:10px}.identity-item label{display:block;font-weight:700;margin-bottom:5px;opacity:.9}.hash-display{background:rgba(0,0,0,.2);border-radius:4px;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:8px 12px;word-break:break-all}.key-display-container{align-items:flex-start;display:flex;gap:.5rem;margin-top:.5rem}.full-key{flex:1;font-size:12px;line-height:1.4;max-height:200px;max-width:calc(100% - 80px);overflow-y:auto;white-space:pre-wrap}.private-key{background:hsla(0,88%,68%,.1);border:1px solid hsla(0,88%,68%,.3);color:#f56565}.seed-phrase{background:rgba(237,137,54,.1);border:1px solid rgba(237,137,54,.3);color:#ed8936}.copy-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:.5rem .75rem;transition:background-color .2s;white-space:nowrap}.copy-button:hover{background:#5a67d8}.copy-button:active{transform:translateY(1px)}.security-warning{align-items:center;background:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#742a2a;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:.5rem;padding:.75rem}.warning-icon{font-size:1rem}.api-instructions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:1.5rem}.api-instructions h4{color:#495057;font-size:1.1rem;margin-bottom:1rem}.instruction-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.instruction-step{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:24px;justify-content:center;width:24px}.step-content{flex:1}.step-content strong{color:#495057;display:block;margin-bottom:.25rem}.step-content code{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;margin:.25rem 0;padding:.25rem .5rem}.step-content p{color:#6c757d;font-size:.875rem;margin:.25rem 0 0}.api-examples{margin-top:1.5rem}.api-examples h5{color:#495057;font-size:1rem;margin-bottom:1rem}.code-example{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:1rem;overflow:hidden}.code-header{background:#e9ecef;border-bottom:1px solid #dee2e6;color:#495057;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.code-example pre{background:#f8f9fa;margin:0;overflow-x:auto;padding:1rem}.code-example code{color:#495057;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4}.security-notes{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:1.5rem;padding:1rem}.security-notes h5{color:#856404;font-size:1rem;margin-bottom:.75rem}.security-notes ul{margin:0;padding-left:1.25rem}.security-notes li{color:#856404;font-size:.875rem;margin-bottom:.25rem}