.project-header[data-astro-cid-fbelli2h]{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-blue) 100%);padding:var(--spacing-16) var(--spacing-4);text-align:center;color:var(--color-text-inverse);position:relative;overflow:hidden}.project-header[data-astro-cid-fbelli2h]:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.1}.project-header__container[data-astro-cid-fbelli2h]{position:relative;z-index:1;max-width:1280px;margin:0 auto}.back-link[data-astro-cid-fbelli2h]{position:absolute;top:var(--spacing-6);left:var(--spacing-4);display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-inverse);text-decoration:none;font-weight:var(--font-weight-medium);opacity:.9;transition:all var(--transition-base);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:#ffffff1a;backdrop-filter:blur(10px)}.back-link[data-astro-cid-fbelli2h]:hover{opacity:1;transform:translate(-4px);background:#fff3}.back-link[data-astro-cid-fbelli2h] svg[data-astro-cid-fbelli2h]{width:20px;height:20px}.project-header__icon[data-astro-cid-fbelli2h]{margin-bottom:var(--spacing-6);display:inline-block;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.3);box-shadow:var(--shadow-xl);transition:transform var(--transition-base)}.project-header__icon[data-astro-cid-fbelli2h]:hover{transform:scale(1.05)}.project-header__title[data-astro-cid-fbelli2h]{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-inverse);text-shadow:0 2px 4px rgba(0,0,0,.1)}.project-header__subtitle[data-astro-cid-fbelli2h]{font-size:var(--font-size-xl);opacity:.95;font-weight:var(--font-weight-normal);color:var(--color-text-inverse);margin:0}.about-content[data-astro-cid-fbelli2h]{max-width:800px;margin:0 auto}.about-text[data-astro-cid-fbelli2h]{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.about-text[data-astro-cid-fbelli2h]:last-child{margin-bottom:0}.app-container[data-astro-cid-fbelli2h]{max-width:1200px;margin:0 auto;background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);border:2px solid var(--color-border);box-shadow:var(--shadow-lg)}.app-section[data-astro-cid-fbelli2h]{margin-bottom:var(--spacing-8)}.app-section-title[data-astro-cid-fbelli2h]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.app-form-group[data-astro-cid-fbelli2h]{margin-bottom:var(--spacing-6)}.app-form-group[data-astro-cid-fbelli2h] label[data-astro-cid-fbelli2h]{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.app-form-group[data-astro-cid-fbelli2h] input[data-astro-cid-fbelli2h][type=text],.app-form-group[data-astro-cid-fbelli2h] input[data-astro-cid-fbelli2h][type=password],.app-form-group[data-astro-cid-fbelli2h] select[data-astro-cid-fbelli2h]{width:100%;padding:var(--spacing-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-body);transition:border-color var(--transition-base)}.app-form-group[data-astro-cid-fbelli2h] input[data-astro-cid-fbelli2h][type=text]:focus,.app-form-group[data-astro-cid-fbelli2h] input[data-astro-cid-fbelli2h][type=password]:focus,.app-form-group[data-astro-cid-fbelli2h] select[data-astro-cid-fbelli2h]:focus{outline:none;border-color:var(--color-accent-primary)}.api-key-wrapper[data-astro-cid-fbelli2h]{position:relative}.api-key-toggle[data-astro-cid-fbelli2h]{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);font-size:var(--font-size-base);padding:var(--spacing-1)}.api-key-toggle[data-astro-cid-fbelli2h]:hover{color:var(--color-text-primary)}.app-info-text[data-astro-cid-fbelli2h]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.file-input-wrapper[data-astro-cid-fbelli2h]{position:relative;display:inline-block;width:100%}.file-input-label[data-astro-cid-fbelli2h]{display:block;padding:var(--spacing-6);background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-base)}.file-input-label[data-astro-cid-fbelli2h]:hover{background:var(--color-accent-primary-light);border-color:var(--color-accent-primary)}.file-input-wrapper[data-astro-cid-fbelli2h] input[data-astro-cid-fbelli2h][type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0}.image-preview[data-astro-cid-fbelli2h]{margin-top:var(--spacing-4);text-align:center}.image-preview[data-astro-cid-fbelli2h] img[data-astro-cid-fbelli2h]{max-width:100%;max-height:300px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.app-btn[data-astro-cid-fbelli2h]{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-body)}.app-btn-primary[data-astro-cid-fbelli2h]{background-color:var(--color-accent-primary);color:var(--color-text-inverse);width:100%;justify-content:center}.app-btn-primary[data-astro-cid-fbelli2h]:hover:not(:disabled){background-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-btn-primary[data-astro-cid-fbelli2h]:disabled{background-color:var(--color-border-dark);cursor:not-allowed;transform:none}.app-btn-secondary[data-astro-cid-fbelli2h]{background-color:var(--color-accent-blue);color:var(--color-text-inverse)}.app-btn-secondary[data-astro-cid-fbelli2h]:hover{background-color:var(--color-accent-blue-hover)}.app-btn-success[data-astro-cid-fbelli2h]{background-color:var(--color-accent-secondary);color:var(--color-text-inverse)}.app-btn-success[data-astro-cid-fbelli2h]:hover{background-color:var(--color-accent-secondary-hover)}.app-loading[data-astro-cid-fbelli2h]{display:none;text-align:center;padding:var(--spacing-6)}.app-loading[data-astro-cid-fbelli2h].active{display:block}.app-spinner[data-astro-cid-fbelli2h]{border:4px solid var(--color-bg-tertiary);border-top:4px solid var(--color-accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-error[data-astro-cid-fbelli2h]{display:none;padding:var(--spacing-4);background-color:#ffebee;border-left:4px solid #f44336;border-radius:var(--radius-md);color:#c62828;margin-top:var(--spacing-4)}.app-error[data-astro-cid-fbelli2h].active{display:block}.app-success[data-astro-cid-fbelli2h]{display:none;padding:var(--spacing-4);background-color:var(--color-accent-primary-light);border-left:4px solid var(--color-accent-primary);border-radius:var(--radius-md);color:var(--color-accent-primary-dark);margin-top:var(--spacing-4)}.app-success[data-astro-cid-fbelli2h].active{display:block}.app-result-section[data-astro-cid-fbelli2h]{display:none;margin-top:var(--spacing-8)}.app-result-section[data-astro-cid-fbelli2h].active{display:block}.view-tabs[data-astro-cid-fbelli2h]{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);border-bottom:2px solid var(--color-border)}.view-tab[data-astro-cid-fbelli2h]{padding:var(--spacing-3) var(--spacing-5);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);border-bottom:2px solid transparent;transition:all var(--transition-base);font-family:var(--font-body)}.view-tab[data-astro-cid-fbelli2h].active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.view-tab[data-astro-cid-fbelli2h]:hover{color:var(--color-accent-primary)}.view-content[data-astro-cid-fbelli2h]{display:none}.view-content[data-astro-cid-fbelli2h].active{display:block}.preview-frame[data-astro-cid-fbelli2h]{width:100%;height:600px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary)}.code-view[data-astro-cid-fbelli2h]{width:100%;min-height:600px;padding:var(--spacing-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:var(--font-size-sm);background:var(--color-bg-tertiary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.action-buttons[data-astro-cid-fbelli2h]{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.action-buttons[data-astro-cid-fbelli2h] .app-btn[data-astro-cid-fbelli2h]{flex:1}.features-list[data-astro-cid-fbelli2h]{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:800px;margin:0 auto}.feature-item[data-astro-cid-fbelli2h]{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);padding:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-lg);border-left:4px solid var(--color-accent-primary);transition:all var(--transition-base)}.feature-item[data-astro-cid-fbelli2h]:hover{background:var(--color-accent-primary-light);transform:translate(4px)}.feature-item[data-astro-cid-fbelli2h] strong[data-astro-cid-fbelli2h]{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.tech-list[data-astro-cid-fbelli2h]{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-6);justify-content:center}.tech-tag[data-astro-cid-fbelli2h]{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-blue) 100%);color:var(--color-text-inverse);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.tech-tag[data-astro-cid-fbelli2h]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.project-header[data-astro-cid-fbelli2h]{padding:var(--spacing-12) var(--spacing-4)}.back-link[data-astro-cid-fbelli2h]{position:static;display:inline-flex;margin-bottom:var(--spacing-4)}.project-header__title[data-astro-cid-fbelli2h]{font-size:var(--font-size-4xl)}.project-header__subtitle[data-astro-cid-fbelli2h]{font-size:var(--font-size-lg)}.app-container[data-astro-cid-fbelli2h]{padding:var(--spacing-4)}.preview-frame[data-astro-cid-fbelli2h],.code-view[data-astro-cid-fbelli2h]{height:400px}.action-buttons[data-astro-cid-fbelli2h]{flex-direction:column}}@media(max-width:480px){.project-header__title[data-astro-cid-fbelli2h]{font-size:var(--font-size-3xl)}.project-header__subtitle[data-astro-cid-fbelli2h]{font-size:var(--font-size-base)}}