:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:2rem 1rem;color:#fff}.app-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.app-subtitle{font-size:1.1rem;opacity:.9;font-weight:300}.main-content{flex:1;max-width:800px;margin:0 auto;padding:0 1rem 2rem;width:100%}.tab-container{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tab-button{padding:1rem 2rem;border:none;border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.tab-button:hover{background:#fff3;transform:translateY(-2px)}.tab-button.active{background:#fff;color:#764ba2;box-shadow:0 4px 15px #0000001a}.tab-icon{font-size:1.2rem}.feature-section{margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .3s ease}.feature-section.fade-enter{opacity:1;transform:translateY(0)}.feature-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-2px)}.feature-header{margin-bottom:1.5rem}.feature-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.feature-desc{color:#7f8c8d;font-size:.95rem}.input-group{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-direction:column;gap:.5rem}.form-row label{font-weight:600;color:#2c3e50;font-size:.95rem}.input-wrapper{position:relative;width:100%}.error-message{color:#e74c3c;font-size:.9rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1rem}.input-field,.input-textarea{padding:1rem;border:2px solid #e1e8ed;border-radius:12px;font-size:1rem;transition:all .3s ease;font-family:inherit;background:#f8f9fa}.input-field.error{border-color:#e74c3c;background:#fff5f5}.input-field.error:focus{border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c1a}.input-field:focus,.input-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.input-textarea{resize:vertical;min-height:100px}.btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-icon{font-size:1.2rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px #667eea66}.btn-primary:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;opacity:.7;box-shadow:none}.btn-secondary{background:#95a5a6;color:#fff;margin-top:1rem}.btn-secondary:hover{background:#7f8c8d}.btn-success{background:#27ae60;color:#fff;margin-top:1rem}.btn-success:hover{background:#219a52}.loading-text{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-area{margin-top:1.5rem;padding:2rem;background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:16px;border:none;box-shadow:0 8px 25px #667eea1f;animation:slideIn .3s ease;position:relative;overflow:hidden}.result-area:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.result-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-area h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;text-align:center;position:relative}.result-area h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.result-content{color:#34495e;line-height:1.8;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#f8f9ff);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #667eea1a;border:1px solid #e8ecff;max-height:none;overflow:visible;word-wrap:break-word;white-space:pre-wrap;font-size:1rem;letter-spacing:.3px}.result-content.collapsed{max-height:120px;overflow:hidden;position:relative}.result-content.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#f8f9ffe6);pointer-events:none;border-radius:0 0 12px 12px}.expand-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem 1.2rem;font-size:.9rem;margin:.75rem 0;width:100%;border-radius:20px;box-shadow:0 2px 8px #667eea33;transition:all .3s ease}.expand-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.video-player{margin:1rem 0}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.btn-secondary{background-color:#6c757d;color:#fff;text-decoration:none}.btn-secondary:hover{background-color:#545b62}.app-footer{text-align:center;padding:2rem;color:#fff;opacity:.8}@media (max-width: 768px){.app-header{padding:1.5rem 1rem}.app-title{font-size:1.8rem}.app-subtitle{font-size:1rem;margin-bottom:1rem}.main-content{padding:0 .5rem 1rem}.feature-card{padding:1.2rem;margin:0 .5rem;border-radius:16px}.tab-container{flex-direction:row;padding:0 .5rem;gap:.5rem}.tab-button{padding:.7rem 1rem;font-size:.85rem;flex:1;min-width:0}.feature-title{font-size:1.3rem;margin-bottom:.8rem}.feature-desc{font-size:.9rem;margin-bottom:1.2rem}.input-field,.input-textarea{padding:.8rem;font-size:16px;border-radius:10px}.btn{padding:.9rem 1.5rem;font-size:.95rem;border-radius:10px}.result-area{padding:1rem;margin-top:1rem}.result-actions{flex-direction:column;gap:.5rem}.result-actions .btn{width:100%;margin:0}.app-footer{padding:1.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.app-title{font-size:1.5rem}.feature-card{padding:1rem;margin:0 .3rem}.tab-button{padding:.6rem .8rem;font-size:.8rem}.input-field,.input-textarea{padding:.7rem;font-size:16px}.form-row label{font-size:.9rem}.btn{padding:.8rem 1.2rem;font-size:.9rem}.result-content.collapsed{max-height:100px}.expand-btn{margin-top:.75rem;padding:.5rem 1rem;font-size:.85rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;box-shadow:0 2px 8px #667eea4d}.expand-btn:active{transform:scale(.95)}.feature-card{padding:1.5rem 1rem;margin:0 -1rem;border-radius:12px;width:calc(100% + 2rem);max-width:none;box-shadow:0 8px 25px #00000026}.main-content{padding:0 .5rem 2rem}.action-buttons{flex-direction:column;align-items:stretch}.action-buttons .btn{margin-right:0!important;margin-bottom:.5rem}.video-player video{max-width:100%;height:auto}}.item[data-v-fd0742eb]{margin-top:2rem;display:flex;position:relative}.details[data-v-fd0742eb]{flex:1;margin-left:1rem}i[data-v-fd0742eb]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-fd0742eb]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-fd0742eb]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-fd0742eb]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-fd0742eb]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:first-of-type:before{display:none}.item[data-v-fd0742eb]:last-of-type:after{display:none}}