:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--primary-color: #5b8fb9;--secondary-color: #6c8fa3;--success-color: #7fb069;--error-color: #d16666;--bg-color: #f8f9fa;--card-bg: #ffffff;--text-color: #2c3e50;--text-secondary: #6c757d;--border-color: #dee2e6;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .12);--accent-color: #e8f4f8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color)}.app{min-height:100vh;padding:20px}.container{max-width:1200px;margin:0 auto}.header{text-align:center;margin-bottom:40px;padding:40px 20px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.header h1{font-size:2.5rem;margin-bottom:10px;color:var(--text-color);font-weight:600}.subtitle{font-size:1.1rem;color:var(--text-secondary)}.workflow-diagram{display:flex;align-items:center;justify-content:center;padding:30px;background:var(--card-bg);border-radius:12px;margin-bottom:30px;box-shadow:var(--shadow);flex-wrap:wrap;gap:10px}.node{display:flex;flex-direction:column;align-items:center;padding:15px 20px;background:var(--accent-color);border-radius:6px;border:1px solid var(--border-color);min-width:120px}.node-icon{font-size:2rem;margin-bottom:8px}.node-label{font-size:.9rem;font-weight:600;color:var(--text-color)}.arrow{font-size:1.5rem;color:var(--secondary-color);margin:0 10px}.form{background:var(--card-bg);padding:30px;border-radius:12px;box-shadow:var(--shadow);margin-bottom:30px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color)}.input-group input{width:100%;padding:12px 16px;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;transition:border-color .3s,box-shadow .3s}.input-group input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #4a90e21a}.input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.submit-button{width:100%;padding:14px 24px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:var(--shadow)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading{text-align:center;padding:40px;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);margin-bottom:30px}.spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid var(--border-color);border-top-color:var(--secondary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--text-secondary);font-size:1rem}.error{padding:20px;background:#fff2f0;border:2px solid var(--error-color);border-radius:12px;margin-bottom:30px;box-shadow:var(--shadow)}.error h3{color:var(--error-color);margin-bottom:10px}.error p{color:var(--text-color)}.result{background:var(--card-bg);padding:30px;border-radius:12px;box-shadow:var(--shadow)}.result-section{margin-bottom:30px}.result-section:last-child{margin-bottom:0}.result-section h3{color:var(--text-color);margin-bottom:15px;font-size:1.3rem}.url-result{color:var(--secondary-color);word-break:break-all;font-weight:500}.content-box,.qa-box{padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--secondary-color);line-height:1.6;color:var(--text-color);white-space:pre-wrap;overflow-x:auto}.qa-box{border-left-color:var(--success-color)}.export-options{padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--success-color)}.export-description{margin-bottom:15px;color:var(--text-secondary);font-size:.95rem}.export-options-checkbox{margin-bottom:20px;padding:12px;background:#fff;border-radius:6px;border:1px solid var(--border-color)}.export-options-checkbox label{display:flex;align-items:center;cursor:pointer;font-size:.95rem}.export-options-checkbox input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer}.checkbox-label{color:var(--text-color);-webkit-user-select:none;user-select:none}.export-buttons{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.export-button{flex:1;min-width:150px;padding:12px 20px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:var(--shadow);color:#fff}.export-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.export-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdf-button{background:linear-gradient(135deg,#e74c3c,#c0392b)}.text-button{background:linear-gradient(135deg,#3498db,#2980b9)}.both-button{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.export-note{margin-top:15px;font-size:.85rem;color:var(--text-secondary);font-style:italic}@media(max-width:768px){.header h1{font-size:1.8rem}.workflow-diagram{padding:20px}.node{min-width:80px;padding:10px}.node-icon{font-size:1.5rem}.node-label{font-size:.8rem}.arrow{font-size:1.2rem;margin:0 5px}.form,.result{padding:20px}.export-buttons{flex-direction:column}.export-button{width:100%}}.qa-items-detailed{display:flex;flex-direction:column;gap:20px}.qa-item-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;box-shadow:var(--shadow);transition:box-shadow .2s ease}.qa-item-card:hover{box-shadow:var(--shadow-lg)}.qa-item-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.qa-number{display:inline-block;background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:12px;font-weight:700;font-size:.9rem}.compliance-warning-badge{display:inline-block;background:#dc3545;color:#fff;padding:4px 12px;border-radius:12px;font-weight:700;font-size:.85rem;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.video-badge{display:inline-block;background:#ff6b6b;color:#fff;padding:4px 12px;border-radius:12px;font-weight:700;font-size:.85rem}.qa-question{margin-bottom:12px;font-size:1rem;color:var(--text-color);line-height:1.6}.qa-answer{margin-bottom:15px;font-size:.95rem;color:var(--text-secondary);line-height:1.6;background:var(--accent-color);padding:12px;border-radius:6px}.video-suggestion{margin-top:15px;padding:12px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px}.video-reason{margin-bottom:10px;color:#856404;font-size:.9rem}.video-examples{color:#856404;font-size:.9rem}.video-examples ul{margin-top:5px;margin-left:20px;list-style-type:disc}.video-examples li{margin-top:5px}:root{--apple-black: #1d1d1f;--apple-white: #fbfbfd;--apple-gray: #86868b;--apple-blue: #0071e3;--apple-light-blue: #2997ff;--apple-bg: #f5f5f7;--apple-border: #d2d2d7;--shadow-apple: 0 2px 16px rgba(0, 0, 0, .08);--shadow-apple-lg: 0 4px 32px rgba(0, 0, 0, .12)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--apple-bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;color:var(--apple-black)}.container-advanced{max-width:1400px;margin:0 auto;padding:20px}.header-apple{text-align:center;margin-bottom:60px;padding:80px 20px 40px}.header-apple h1{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;color:var(--apple-black);margin:0}.header-apple .subtitle-apple{font-size:28px;font-weight:400;line-height:1.14286;color:var(--apple-gray);margin-top:16px}.cost-display{text-align:center;padding:20px;background:linear-gradient(135deg,#fff,#f5f5f7);border-radius:18px;margin-bottom:30px;border:1px solid var(--apple-border)}.cost-display p{font-size:17px;color:var(--apple-gray);margin:0}.cost-value{font-size:32px;font-weight:600;color:var(--apple-blue);margin:8px 0}.progress-flow-apple{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--apple-white);border-radius:18px;margin-bottom:40px;border:1px solid var(--apple-border);flex-wrap:wrap;gap:20px}.progress-stage-apple{display:flex;flex-direction:column;align-items:center;padding:24px;min-width:140px;border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent}.progress-stage-apple.active{background:var(--apple-blue);transform:scale(1.05)}.progress-stage-apple.completed{background:#34c759}.stage-icon-apple{font-size:32px;margin-bottom:12px;transition:transform .3s}.progress-stage-apple.active .stage-icon-apple,.progress-stage-apple.completed .stage-icon-apple{transform:scale(1.1)}.stage-label-apple{font-size:14px;font-weight:500;color:var(--apple-black);text-align:center}.progress-stage-apple.active .stage-label-apple,.progress-stage-apple.completed .stage-label-apple{color:#fff;font-weight:600}.progress-arrow-apple{font-size:24px;color:var(--apple-gray);opacity:.5}.progress-arrow-apple.active{opacity:1;color:var(--apple-blue)}.form-apple{background:var(--apple-white);padding:48px;border-radius:18px;margin-bottom:40px;border:1px solid var(--apple-border)}.form-section-apple{margin-bottom:48px}.form-section-apple:last-of-type{margin-bottom:0}.form-section-apple h3{font-size:24px;font-weight:600;color:var(--apple-black);margin-bottom:24px;letter-spacing:-.01em}.input-group-apple{margin-bottom:24px}.input-group-apple label{display:block;margin-bottom:8px;font-size:15px;font-weight:500;color:var(--apple-black)}.input-group-apple input[type=url],.input-group-apple select,.input-group-apple textarea{width:100%;padding:14px 16px;font-size:17px;border:1px solid var(--apple-border);border-radius:12px;transition:all .2s;background:var(--apple-white);font-family:inherit}.input-group-apple input:focus,.input-group-apple select:focus,.input-group-apple textarea:focus{outline:none;border-color:var(--apple-blue);box-shadow:0 0 0 4px #0071e31a}.checkbox-group-apple{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0071e308;border-radius:12px;border:1px solid rgba(0,113,227,.1)}.checkbox-label-apple{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px 16px;background:var(--apple-white);border-radius:10px;transition:all .2s;border:1px solid transparent;-webkit-user-select:none;user-select:none}.checkbox-label-apple:hover{border-color:var(--apple-blue);background:#0071e30d;transform:translate(4px)}.checkbox-label-apple input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:var(--apple-blue);flex-shrink:0}.checkbox-label-apple span{font-size:17px;color:var(--apple-black);font-weight:500;flex:1}.button-apple{width:100%;padding:17px 24px;font-size:17px;font-weight:500;color:#fff;background:var(--apple-blue);border:none;border-radius:12px;cursor:pointer;transition:all .3s;letter-spacing:-.01em}.button-apple:hover:not(:disabled){background:var(--apple-light-blue);transform:translateY(-1px);box-shadow:var(--shadow-apple)}.button-apple:disabled{opacity:.5;cursor:not-allowed}.button-primary-apple{background:var(--apple-blue)}.button-primary-apple:hover:not(:disabled){background:var(--apple-light-blue)}.button-secondary-apple{background:var(--apple-gray)}.button-secondary-apple:hover:not(:disabled){background:#6e6e73}.button-success-apple{background:#34c759}.button-success-apple:hover:not(:disabled){background:#30b350}.button-danger-apple{background:#ff3b30}.button-danger-apple:hover:not(:disabled){background:#ff453a}.stats-apple{background:var(--apple-white);padding:48px;border-radius:18px;margin-bottom:40px;border:1px solid var(--apple-border)}.stats-apple h3{font-size:24px;font-weight:600;color:var(--apple-black);margin-bottom:32px}.stats-grid-apple{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.stat-item-apple{text-align:center;padding:32px 24px;background:var(--apple-bg);border-radius:16px;transition:all .3s;border:1px solid transparent}.stat-item-apple:hover{transform:translateY(-4px);box-shadow:var(--shadow-apple);border-color:var(--apple-border)}.stat-icon-apple{font-size:40px;margin-bottom:16px}.stat-value-apple{font-size:48px;font-weight:600;color:var(--apple-blue);line-height:1;margin-bottom:12px}.stat-label-apple{font-size:15px;color:var(--apple-gray);font-weight:500}.qa-list-apple{background:var(--apple-white);padding:48px;border-radius:18px;border:1px solid var(--apple-border)}.qa-list-header-apple{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.qa-list-header-apple h3{font-size:24px;font-weight:600;color:var(--apple-black)}.export-controls-apple{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.export-select-apple{padding:12px 16px;font-size:15px;border:1px solid var(--apple-border);border-radius:12px;background:var(--apple-white);font-family:inherit;cursor:pointer;transition:all .2s}.export-select-apple:focus{outline:none;border-color:var(--apple-blue)}.export-button-apple{padding:12px 24px;font-size:15px;font-weight:500;color:#fff;background:var(--apple-blue);border:none;border-radius:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.export-button-apple:hover{background:var(--apple-light-blue)}.qa-item-apple{padding:32px;margin-bottom:20px;background:var(--apple-bg);border-radius:16px;transition:all .3s;border:1px solid transparent}.qa-item-apple:hover{border-color:var(--apple-border);box-shadow:var(--shadow-apple)}.qa-header-apple{display:flex;gap:20px;margin-bottom:20px}.qa-number-apple{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--apple-blue);color:#fff;border-radius:50%;font-weight:600;font-size:17px}.qa-question-apple{flex:1;font-size:19px;font-weight:600;color:var(--apple-black);line-height:1.4}.qa-answer-apple{margin-bottom:20px;font-size:17px;line-height:1.6;color:var(--apple-gray);padding-left:68px}.qa-meta-apple{display:flex;gap:12px;margin-bottom:20px;padding-left:68px;flex-wrap:wrap}.badge-apple{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;vertical-align:middle}.badge-collected-apple{background:#e3f2fd;color:#0071e3}.badge-suggested-apple{background:#fff8e1;color:#ff9500}.badge-type-apple{background:#f3e5f5;color:#9c27b0}.badge-video-apple{background:linear-gradient(135deg,#ff6b35,#ff9500);color:#fff;font-weight:600;box-shadow:0 2px 8px #ff6b354d;animation:pulse-video 2s infinite}@keyframes pulse-video{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.qa-actions-apple{display:flex;gap:12px;padding-left:68px}.btn-apple{padding:10px 20px;font-size:15px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.btn-edit-apple{background:var(--apple-blue);color:#fff}.btn-delete-apple{background:#ff3b30;color:#fff}.btn-save-apple{background:#34c759;color:#fff}.btn-cancel-apple{background:var(--apple-gray);color:#fff}.btn-apple:hover{opacity:.85;transform:translateY(-1px)}.qa-edit-form-apple{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--apple-white);border-radius:12px;border:2px solid var(--apple-blue)}.edit-input-apple{width:100%;padding:16px 20px;font-size:17px;font-weight:600;border:1px solid var(--apple-border);border-radius:12px;background:var(--apple-white);font-family:inherit;color:var(--apple-black);transition:all .2s;min-height:56px;box-sizing:border-box}.edit-input-apple:focus{outline:none;border-color:var(--apple-blue);box-shadow:0 0 0 4px #0071e31a}.edit-textarea-apple{width:100%;padding:16px 20px;font-size:17px;line-height:1.6;border:1px solid var(--apple-border);border-radius:12px;background:var(--apple-white);font-family:inherit;color:var(--apple-black);transition:all .2s;resize:vertical;min-height:200px;box-sizing:border-box}.edit-textarea-apple:focus{outline:none;border-color:var(--apple-blue);box-shadow:0 0 0 4px #0071e31a}.edit-actions-apple{display:flex;gap:12px;justify-content:flex-end}.api-key-input-apple{padding:32px;background:linear-gradient(135deg,#fff9e6,#fff5cc);border:2px solid #ff9500;border-radius:16px;margin-bottom:24px;animation:fadeIn .3s ease-out}.api-key-input-apple h3{color:#1d1d1f;font-size:21px;font-weight:600;margin:0 0 12px}.api-key-input-apple .api-key-input{width:100%;padding:14px 18px;font-size:15px;border:2px solid var(--apple-border);border-radius:10px;background:var(--apple-white);transition:all .2s;box-sizing:border-box}.api-key-input-apple .api-key-input:focus{outline:none;border-color:#ff9500;box-shadow:0 0 0 4px #ff95001a}.success-message-apple{padding:20px 32px;background:#d1f4e0;border:1px solid #34c759;border-radius:12px;margin-bottom:24px;text-align:center;animation:fadeIn .3s ease-out}.success-message-apple p{margin:0;color:#1d7a3f;font-weight:500;font-size:17px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-apple{padding:32px;background:#ffe5e5;border:2px solid #ff3b30;border-radius:16px;margin-bottom:24px;animation:fadeIn .3s ease-out}.error-apple h3{color:#d32f2f;font-size:21px;font-weight:600;margin:0 0 12px}.error-apple p{color:#c62828;font-size:15px;line-height:1.6;margin:0}.warning-apple{padding:32px;background:#fff9e6;border:2px solid #ff9500;border-radius:16px;margin-bottom:24px;animation:fadeIn .3s ease-out}.warning-apple h3{color:#1d1d1f;font-size:21px;font-weight:600;margin:0 0 12px}.warning-apple p{color:#86868b;font-size:15px;line-height:1.6;margin:8px 0}.language-selection-apple{margin-bottom:32px!important}.language-select-apple{width:auto!important;min-width:200px}.section-title-apple{font-size:20px!important;font-weight:600;color:var(--apple-black);margin-bottom:16px}.progress-stage-container-apple{display:flex;align-items:center}.bot-bypass-section-apple{background:linear-gradient(135deg,#f0f7fa,#e8f4f8);border:2px solid #c5d9e0;border-radius:16px;padding:32px;margin-bottom:32px}.bot-bypass-section-apple h3{color:#2c3e50;font-size:22px;font-weight:600;margin-top:0;margin-bottom:16px}.bot-bypass-section-apple code{background:var(--apple-bg);padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px}.bot-bypass-section-apple details{margin-top:16px;padding:16px;background:#fff;border-radius:12px;border:1px solid var(--apple-border)}.bot-bypass-section-apple summary{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.bot-bypass-section-apple summary:hover{color:var(--apple-blue)}.image-ocr-section-apple h4{margin:0 0 16px}.source-code-section-apple textarea{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.5;resize:vertical}.source-code-section-apple code{background:var(--apple-bg);padding:2px 8px;border-radius:4px;font-family:inherit;font-size:13px}@media(max-width:768px){.header-apple h1{font-size:36px}.header-apple .subtitle-apple{font-size:21px}.form-apple{padding:32px 24px}.stats-grid-apple{grid-template-columns:repeat(2,1fr)}.qa-answer-apple,.qa-meta-apple,.qa-actions-apple{padding-left:0}.qa-header-apple{flex-direction:column;gap:12px}}