{"id":5146,"date":"2025-06-27T18:42:12","date_gmt":"2025-06-27T18:42:12","guid":{"rendered":"https:\/\/sharkxs.com\/ai-video\/"},"modified":"2025-08-23T08:43:41","modified_gmt":"2025-08-23T08:43:41","slug":"ai-video","status":"publish","type":"page","link":"https:\/\/sharkxs.com\/en\/ai-video\/","title":{"rendered":"AI video"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5146\" class=\"elementor elementor-5146 elementor-3965\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8d0242 e-flex e-con-boxed e-con e-parent\" data-id=\"c8d0242\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb7aeb elementor-widget elementor-widget-html\" data-id=\"7bb7aeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- wpml-no-translate -->\n<div class=\"wpml-no-translate\">\n\n    <div class=\"sharkxs-studio-login-container\" id=\"studio-login-overlay\">\r\n        <style>\r\n            .sharkxs-studio-login-container {\r\n                background: linear-gradient(135deg, #1a1d20 0%, #2c3540 100%);\r\n                border-radius: 14px;\r\n                padding: 60px 40px;\r\n                text-align: center;\r\n                color: #fff;\r\n                max-width: 650px;\r\n                margin: 40px auto;\r\n                box-shadow: 0 10px 40px rgba(0,0,0,0.4);\r\n                border: 2px solid #2c7be5;\r\n                animation: fadeInUp 0.5s ease-out;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .sharkxs-studio-login-container::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: -50%;\r\n                right: -50%;\r\n                width: 200%;\r\n                height: 200%;\r\n                background: radial-gradient(circle, rgba(44,123,229,0.1) 0%, transparent 70%);\r\n                animation: rotate 20s linear infinite;\r\n            }\r\n            \r\n            @keyframes rotate {\r\n                100% { transform: rotate(360deg); }\r\n            }\r\n            \r\n            @keyframes fadeInUp {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(20px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n            \r\n            .studio-icon-wrapper {\r\n                margin-bottom: 30px;\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .studio-icon {\r\n                font-size: 4rem;\r\n                display: inline-block;\r\n                animation: pulse 2s ease-in-out infinite;\r\n            }\r\n            \r\n            @keyframes pulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50% { transform: scale(1.1); }\r\n            }\r\n            \r\n            .studio-title {\r\n                font-size: 2.3rem;\r\n                font-weight: 700;\r\n                margin: 0 0 10px 0;\r\n                background: linear-gradient(135deg, #2c7be5 0%, #37d67a 100%);\r\n                -webkit-background-clip: text;\r\n                -webkit-text-fill-color: transparent;\r\n                background-clip: text;\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .studio-subtitle {\r\n                font-size: 1.2rem;\r\n                color: #37d67a;\r\n                margin: 0 0 25px 0;\r\n                font-weight: 500;\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .studio-description {\r\n                font-size: 1.1rem;\r\n                color: #b3bbca;\r\n                line-height: 1.6;\r\n                margin: 0 0 35px 0;\r\n                max-width: 450px;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .studio-features {\r\n                background: rgba(0,0,0,0.4);\r\n                border-radius: 10px;\r\n                padding: 25px;\r\n                margin: 30px auto;\r\n                text-align: left;\r\n                max-width: 450px;\r\n                backdrop-filter: blur(10px);\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .studio-features h4 {\r\n                color: #fff;\r\n                font-size: 1rem;\r\n                margin: 0 0 15px 0;\r\n                text-align: center;\r\n                text-transform: uppercase;\r\n                letter-spacing: 1px;\r\n                font-weight: 600;\r\n            }\r\n            \r\n            .studio-features ul {\r\n                list-style: none;\r\n                margin: 0;\r\n                padding: 0;\r\n            }\r\n            \r\n            .studio-features li {\r\n                padding: 10px 0;\r\n                color: #b3bbca;\r\n                display: flex;\r\n                align-items: center;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .studio-features .check {\r\n                color: #37d67a;\r\n                margin-right: 12px;\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .studio-buttons {\r\n                display: flex;\r\n                gap: 15px;\r\n                justify-content: center;\r\n                flex-wrap: wrap;\r\n                margin-top: 35px;\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .studio-login-btn, .studio-register-btn {\r\n                padding: 14px 35px;\r\n                text-decoration: none;\r\n                border-radius: 8px;\r\n                display: inline-block;\r\n                font-weight: 600;\r\n                font-size: 1.1rem;\r\n                transition: all 0.3s ease;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .studio-login-btn {\r\n                background: linear-gradient(135deg, #2c7be5 0%, #1b4a91 100%);\r\n                color: white;\r\n                box-shadow: 0 4px 15px rgba(44, 123, 229, 0.3);\r\n            }\r\n            \r\n            .studio-login-btn:hover {\r\n                transform: translateY(-2px);\r\n                box-shadow: 0 6px 25px rgba(44, 123, 229, 0.4);\r\n            }\r\n            \r\n            .studio-register-btn {\r\n                background: transparent;\r\n                color: #37d67a;\r\n                border: 2px solid #37d67a;\r\n            }\r\n            \r\n            .studio-register-btn:hover {\r\n                background: #37d67a;\r\n                color: #fff;\r\n                transform: translateY(-2px);\r\n            }\r\n            \r\n            .studio-info-text {\r\n                margin-top: 25px;\r\n                font-size: 0.9rem;\r\n                color: #666;\r\n                font-style: italic;\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            \r\n            @media (max-width: 600px) {\r\n                .sharkxs-studio-login-container {\r\n                    padding: 40px 20px;\r\n                    margin: 20px 10px;\r\n                }\r\n                \r\n                .studio-title {\r\n                    font-size: 1.8rem;\r\n                }\r\n                \r\n                .studio-buttons {\r\n                    flex-direction: column;\r\n                }\r\n                \r\n                .studio-login-btn, .studio-register-btn {\r\n                    width: 100%;\r\n                }\r\n            }\r\n            \r\n            \/* Studio-spezifische Farben f\u00fcr Image Studio *\/\r\n                    <\/style>\r\n        \r\n<div class=\"studio-icon-wrapper\">\r\n    <span class=\"studio-icon\">\ud83c\udfac<\/span>\r\n<\/div>\r\n\r\n<h2 class=\"studio-title\">\r\n    AI Video Studio<\/h2>\r\n\r\n<p class=\"studio-subtitle\">\r\n    Registration &amp; credit required<\/p>\r\n\r\n<p class=\"studio-description\">\r\n    Produce high-quality AI videos from text and images. Sign up and top up your credit. <\/p>\r\n\r\n<div class=\"studio-features\">\r\n    <h4>What you can expect<\/h4>\r\n    <ul>\r\n                    <li>\r\n                <span class=\"check\">\u2713<\/span>\r\n                Pay-per-use: only pay for what you use            <\/li>\r\n            <li>\r\n                <span class=\"check\">\u2713<\/span>\r\n                Videos from 0,50\u20ac per generation            <\/li>\r\n            <li>\r\n                <span class=\"check\">\u2713<\/span>\r\n                Professional quality up to 1080p            <\/li>\r\n            <li>\r\n                <span class=\"check\">\u2713<\/span>\r\n                Commercial use possible            <\/li>\r\n            <\/ul>\r\n<\/div>\r\n\r\n<div class=\"studio-buttons\">\r\n        \r\n    <a href=\"https:\/\/sharkxs.com\/en\/login\/\" \r\n       class=\"studio-login-btn\">\r\n       \ud83d\udd13 Login & top up credit    <\/a>\r\n    \r\n    <a href=\"https:\/\/sharkxs.com\/en\/register\/\" \r\n       class=\"studio-register-btn\">\r\n       \ud83d\udcb3 Create account    <\/a>\r\n<\/div>\r\n\r\n<p class=\"studio-info-text\">\r\n    Flexible credit system - No subscriptions - Transparent prices<\/p>\r\n    <\/div>\r\n    \r\n    <script>\r\n        \/\/ Verstecke das normale Studio-Interface\r\n        jQuery(document).ready(function($) {\r\n            $('.veo-tool-container, .ai-image-container').hide();\r\n            \r\n            \/\/ Analytics Tracking (optional)\r\n            if (typeof gtag !== 'undefined') {\r\n                gtag('event', 'view_studio_login', {\r\n                    'event_category': 'AI_Studio',\r\n                    'event_label': 'video_studio',\r\n                    'value': 0\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n    \n<style>\n  :root {\n    --color-bg: #181a1b;\n    --color-surface: #222427;\n    --color-primary: #2c7be5;\n    --color-primary-dark: #1b4a91;\n    --color-success: #37d67a;\n    --color-error: #e74c3c;\n    --color-warning: #f39c12;\n    --font-sans: 'Inter', Arial, sans-serif;\n    --space-xs: 0.3rem;\n    --space-sm: 0.5rem;\n    --space-md: 1rem;\n    --space-lg: 1.5rem;\n    --color-text: #f4f6fa;\n    --color-muted: #8e99a7;\n  }\n  .veo-tool-container {\n    background: var(--color-surface);\n    border-radius: 14px;\n    box-shadow: 0 6px 24px rgba(0,0,0,0.26);\n    padding: var(--space-lg);\n    font-family: var(--font-sans);\n    max-width: 880px;\n    margin: 2rem auto;\n    color: var(--color-text);\n  }\n  .veo-header {\n    text-align: center;\n    margin-bottom: var(--space-lg);\n  }\n  .veo-header h3 {\n    margin: 0;\n    font-size: 2.15rem;\n    color: var(--color-primary);\n    letter-spacing: 1px;\n    font-weight: 800;\n  }\n\n  \/* Model Dropdown Custom *\/\n  .model-dropdown {\n    position: relative;\n    width: 100%;\n    margin-bottom: var(--space-md);\n  }\n  .model-selected {\n    background: #23272b;\n    border: 1.5px solid #263148;\n    border-radius: 9px;\n    padding: var(--space-md);\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    transition: border 0.2s;\n    min-height: 68px;\n  }\n  .model-selected img {\n    width: 44px;\n    height: 44px;\n    border-radius: 9px;\n    margin-right: var(--space-md);\n    background: #101315;\n    object-fit: contain;\n  }\n  .model-selected .dropdown-arrow {\n    margin-left: auto;\n    font-size: 1.1em;\n    color: var(--color-primary);\n    transition: transform 0.25s;\n  }\n  .model-selected.open .dropdown-arrow {\n    transform: rotate(-180deg);\n  }\n  .model-selected-text {\n    flex: 1;\n  }\n  .model-selected-text .model-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    margin-bottom: 2px;\n    color: var(--color-text);\n  }\n  .model-selected-text .model-desc {\n    color: var(--color-muted);\n    font-size: 0.98em;\n    line-height: 1.2;\n    font-weight: 400;\n  }\n  .option-description em {\n    font-style: italic;\n    color: #8e99a7;\n    font-size: 0.9em;\n  }\n\n  .public-sharing-text .description em {\n    font-style: italic;\n    color: #8e99a7;\n    font-size: 0.9em;\n    line-height: 1.4;\n  }\n  .model-dropdown-list {\n    position: absolute;\n    left: 0; right: 0;\n    z-index: 22;\n    background: #181a1b;\n    border: 1.5px solid #2c7be5;\n    border-radius: 0 0 9px 9px;\n    margin-top: 2px;\n    max-height: 330px;\n    overflow-y: auto;\n    box-shadow: 0 16px 32px rgba(0,0,0,0.45);\n    display: none;\n    animation: fadeIn 0.21s;\n  }\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(-10px);}\n    to   { opacity: 1; transform: translateY(0);}\n  }\n  .model-dropdown-list.open { display: block; }\n  .model-option {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--space-md);\n    padding: var(--space-md);\n    cursor: pointer;\n    border-bottom: 1px solid #23272b;\n    transition: background 0.15s;\n    background: transparent;\n  }\n  .model-option:last-child { border-bottom: none; }\n  .model-option:hover, .model-option.active {\n    background: #25272b;\n  }\n  .model-option img {\n    width: 40px; height: 40px;\n    object-fit: contain;\n    border-radius: 8px;\n    background: #101315;\n    flex-shrink: 0;\n  }\n  .model-option-txt {\n    flex: 1;\n  }\n  .model-option-txt .model-title {\n    color: var(--color-text);\n    font-weight: 600;\n    font-size: 1.08em;\n  }\n  .model-option-txt .model-desc {\n    color: var(--color-muted);\n    font-size: 0.97em;\n    margin-top: 1px;\n  }\n\n  \/* Form Groups *\/\n  .form-group {\n    display: flex;\n    align-items: center;\n    margin-bottom: var(--space-md);\n    gap: var(--space-sm);\n  }\n  .form-group label {\n    width: 160px;\n    flex-shrink: 0;\n    margin: 0;\n    font-weight: 600;\n    color: #c6d0dc;\n    letter-spacing: 0.02em;\n  }\n  .form-group input,\n  .form-group select,\n  .form-group textarea {\n    flex: 1;\n    margin: 0;\n    width: auto;\n    padding: 0.73rem;\n    border: 1.3px solid #2c7be5;\n    border-radius: 8px;\n    font-size: 1rem;\n    color: var(--color-text);\n    background: #141516;\n    transition: border-color 0.2s, background 0.2s;\n    font-family: inherit;\n    resize: vertical;\n  }\n  .form-group textarea { min-height: 90px; }\n  .form-group input:focus,\n  .form-group select:focus,\n  .form-group textarea:focus {\n    outline: none;\n    border-color: var(--color-primary-dark);\n    background: #1a1b1f;\n  }\n  .char-count {\n    font-size: 0.95em;\n    color: var(--color-muted);\n    margin-left: var(--space-xs);\n    font-weight: 400;\n  }\n\n  \/* Parameter-Buttons (Aspect Ratio, Duration, etc.) *\/\n  .param-btn-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.6em;\n    width: 100%;\n    box-sizing: border-box;\n    justify-content: flex-start;\n    margin-bottom: 0.2em;\n  }\n  .param-btn {\n    flex: 1 1 130px;\n    min-width: 120px;\n    max-width: 220px;\n    box-sizing: border-box;\n    padding: 0.46em 1.1em;\n    background: #21262b;\n    border: 1.5px solid #313a46;\n    border-radius: 7px;\n    font-size: 1em;\n    color: #b3bbca;\n    cursor: pointer;\n    font-weight: 500;\n    transition: background 0.15s, border-color 0.15s, color 0.15s;\n    outline: none;\n    margin-bottom: 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .param-btn.selected,\n  .param-btn:focus,\n  .param-btn:hover {\n    background: var(--color-primary);\n    border-color: var(--color-primary-dark);\n    color: #fff;\n  }\n  .param-btn[disabled] {\n    opacity: 0.56;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  \/* Slider for CFG Scale *\/\n  .cfg-slider-group {\n    display: flex;\n    align-items: center;\n    gap: 1em;\n    margin-bottom: var(--space-md);\n  }\n  .cfg-slider-group input[type=\"range\"] {\n    flex: 1;\n    accent-color: var(--color-primary);\n  }\n  .cfg-slider-group .cfg-value {\n    font-size: 1.08em;\n    color: var(--color-primary);\n    font-weight: 500;\n    width: 45px;\n    text-align: right;\n  }\n\n  \/* Seed lock icon *\/\n  .seed-lock-btn {\n    background: none;\n    border: none;\n    margin-left: 8px;\n    font-size: 1.25em;\n    color: var(--color-muted);\n    cursor: pointer;\n    transition: color 0.18s;\n  }\n  .seed-lock-btn.locked { color: var(--color-primary); }\n\n  \/* Color palette for Colors param *\/\n  .color-palette-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-top: 2px;\n    margin-bottom: 8px;\n  }\n  .color-palette-btn {\n    width: 26px; height: 26px;\n    border-radius: 7px;\n    border: 2px solid #444;\n    background: #fff;\n    cursor: pointer;\n    outline: none;\n    box-shadow: 0 0 0 1.5px #2c7be544;\n    transition: border 0.18s, box-shadow 0.18s;\n    position: relative;\n  }\n  .color-palette-btn.selected {\n    border: 2.5px solid var(--color-primary);\n    box-shadow: 0 0 0 2px var(--color-primary-dark);\n  }\n  .color-palette-btn .color-check {\n    position: absolute;\n    right: 1px; bottom: 1px;\n    font-size: 1.1em;\n    color: #222;\n    background: #fff;\n    border-radius: 50%;\n    padding: 0 1px;\n    display: none;\n  }\n  .color-palette-btn.selected .color-check { display: block; }\n\n  #veo-submit-button {\n    width: 100%;\n    padding: var(--space-md);\n    font-size: 1.16rem;\n    background: var(--color-primary);\n    color: #fff;\n    border: none;\n    border-radius: 9px;\n    cursor: pointer;\n    transition: background 0.2s, transform 0.1s;\n    margin-top: var(--space-lg);\n    font-weight: 600;\n  }\n  #veo-submit-button:disabled {\n    background: #444851;\n    color: #888;\n    cursor: not-allowed;\n    transform: none;\n  }\n  #veo-submit-button:not(:disabled):hover {\n    background: var(--color-primary-dark);\n    transform: translateY(-2px);\n  }\n\n  .status-message {\n    margin-top: var(--space-md);\n    text-align: center;\n    font-weight: 500;\n    color: var(--color-primary-dark);\n    font-size: 1.05em;\n  }\n  .status-message.error { color: var(--color-error); }\n  .status-message.success { color: var(--color-success); }\n  .status-message.warning { color: var(--color-warning); }\n  \n  .form-group img {\n    display: block;\n    margin-top: 7px;\n    border-radius: 8px;\n    background: #101315;\n  }\n  \n  .watermark-selection {\n    margin-bottom: var(--space-md);\n    padding: var(--space-md);\n    background: #1a1d20;\n    border-radius: 8px;\n    border: 1.5px solid #263148;\n  }\n\n  .watermark-selection h4 {\n    color: var(--color-text);\n    margin: 0 0 var(--space-sm) 0;\n    font-size: 1.1rem;\n    font-weight: 600;\n  }\n\n  .watermark-options {\n    display: flex;\n    gap: var(--space-sm);\n    flex-wrap: wrap;\n  }\n\n  .watermark-option {\n    flex: 1;\n    min-width: 250px;\n    background: #23272b;\n    border: 2px solid #313a46;\n    border-radius: 8px;\n    padding: var(--space-sm);\n    cursor: pointer;\n    transition: all 0.2s ease;\n    position: relative;\n  }\n\n  .watermark-option.selected {\n    border-color: var(--color-primary);\n    background: #2c3540;\n  }\n\n  .watermark-option input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .option-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.5rem;\n  }\n\n  .option-title {\n    color: var(--color-text);\n    font-weight: 600;\n    font-size: 1.1rem;\n  }\n\n  .option-price {\n    color: var(--color-primary);\n    font-weight: 600;\n    font-size: 1.1rem;\n  }\n\n  .option-price.premium {\n    color: #f39c12;\n  }\n\n  .option-description {\n    color: var(--color-muted);\n    font-size: 0.9rem;\n    margin-bottom: 0.5rem;\n  }\n\n  .public-sharing-section {\n    margin-bottom: var(--space-md);\n    padding: var(--space-md);\n    background: #1a1d20;\n    border-radius: 8px;\n    border: 1.5px solid #263148;\n  }\n\n  .public-sharing-section h4 {\n    color: var(--color-text);\n    margin: 0 0 var(--space-sm) 0;\n    font-size: 1.1rem;\n    font-weight: 600;\n  }\n\n  .public-sharing-checkbox {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--space-sm);\n  }\n\n  .public-sharing-checkbox input[type=\"checkbox\"] {\n    margin-top: 2px;\n    accent-color: var(--color-primary);\n  }\n\n  .public-sharing-text {\n    flex: 1;\n  }\n\n  .public-sharing-text .main-text {\n    color: var(--color-text);\n    font-weight: 500;\n    margin-bottom: 0.3rem;\n  }\n\n  .public-sharing-text .description {\n    color: var(--color-muted);\n    font-size: 0.9rem;\n    line-height: 1.4;\n  }\n\n  \/* NEU: Background Processing Notice Styles *\/\n  .background-notice {\n    background: rgba(44, 123, 229, 0.1);\n    border: 2px solid var(--color-primary);\n    border-radius: 10px;\n    padding: 20px;\n    margin: 20px 0;\n    animation: fadeInNotice 0.5s ease-in;\n  }\n\n  .background-notice h4 {\n    color: var(--color-primary);\n    margin: 0 0 10px 0;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n\n  .background-notice p {\n    color: var(--color-text);\n    margin: 0 0 15px 0;\n    line-height: 1.6;\n  }\n\n  .background-notice p.safe-to-close {\n    color: var(--color-success);\n    font-size: 0.95em;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n  }\n\n  .background-notice .param-btn {\n    display: inline-block;\n    background: var(--color-primary);\n    color: white;\n    padding: 10px 20px;\n    text-decoration: none;\n    border-radius: 8px;\n    font-weight: 600;\n    transition: background 0.2s, transform 0.1s;\n  }\n\n  .background-notice .param-btn:hover {\n    background: var(--color-primary-dark);\n    transform: translateY(-2px);\n  }\n\n  @keyframes fadeInNotice {\n    from { \n      opacity: 0; \n      transform: translateY(10px);\n    }\n    to { \n      opacity: 1; \n      transform: translateY(0);\n    }\n  }\n\n  \/* Mobile Responsive *\/\n  @media (max-width: 700px) {\n    .public-sharing-checkbox {\n      flex-direction: column;\n      gap: 0.5rem;\n    }\n    \n    .public-sharing-checkbox input[type=\"checkbox\"] {\n      margin-top: 0;\n    }\n    \n    .watermark-options {\n      flex-direction: column;\n    }\n    \n    .watermark-option {\n      min-width: 100%;\n    }\n    \n    .veo-tool-container {\n      padding: var(--space-sm);\n      margin: 1rem 0;\n      border-radius: 0;\n      max-width: 100vw;\n    }\n    \n    .veo-header h3 {\n      font-size: 1.25rem;\n    }\n    \n    .form-group { \n      display: block; \n      gap: 0; \n    }\n    \n    .form-group label {\n      display: block;\n      width: 100%;\n      margin-bottom: 0.35em;\n      font-size: 0.96em;\n    }\n    \n    .form-group input, \n    .form-group select, \n    .form-group textarea {\n      width: 100%;\n      min-width: 0;\n    }\n    \n    .char-count { \n      display: block; \n      margin-left: 0; \n      margin-top: 2px;\n    }\n    \n    .model-dropdown-list {\n      max-width: 98vw;\n      left: 1vw; \n      right: 1vw;\n      font-size: 1em;\n    }\n    \n    .model-selected img, \n    .model-option img {\n      width: 32px; \n      height: 32px;\n    }\n    \n    .model-option img { \n      width: 34px; \n      height: 34px;\n    }\n    \n    .param-btn-group {\n      flex-wrap: wrap;\n      gap: 0.3em;\n      width: 100%;\n      justify-content: flex-start;\n    }\n    \n    .param-btn {\n      flex: 1 1 100%;\n      min-width: 96px;\n      max-width: 100%;\n      font-size: 0.99em;\n      padding: 0.7em 0.5em;\n      margin-bottom: 3px;\n      white-space: normal;\n      text-overflow: clip;\n    }\n    \n    #video-result-container a[download] {\n      font-size: 1.09em;\n      padding: 0.55em 0;\n    }\n\n    \/* Mobile-optimiert f\u00fcr Background Notice *\/\n    .background-notice {\n      padding: 15px;\n      margin: 15px 0;\n      border-radius: 8px;\n    }\n    \n    .background-notice h4 {\n      font-size: 1.1rem;\n      margin-bottom: 8px;\n    }\n    \n    .background-notice p {\n      font-size: 0.95em;\n      margin-bottom: 12px;\n    }\n    \n    .background-notice p.safe-to-close {\n      font-size: 0.9em;\n    }\n    \n    .background-notice .param-btn {\n      width: 100%;\n      text-align: center;\n      padding: 12px 20px;\n      font-size: 1rem;\n    }\n  }\n  \n  @keyframes spin { \n    100% { transform: rotate(360deg); } \n  }\n<\/style>\n<div class=\"veo-tool-container\">\n  <div class=\"veo-header\">\n    <h3>AI Video Studio<\/h3>\n  <\/div>\n  <div id=\"balance-info\" style=\"text-align:right;color:#b3bbca;margin-bottom:10px;\">\n    Guthaben: <span id=\"balance-value\">--<\/span> \u20ac\n  <\/div>\n  <form id=\"veo-custom-form\" autocomplete=\"off\">\n    <div class=\"model-dropdown\" id=\"model-dropdown-container\"><\/div>\n    <div id=\"dynamic-form-controls\"><p>Lade Parameter\u2026<\/p><\/div>\n    <button type=\"submit\" id=\"veo-submit-button\" disabled>Video erstellen<\/button>\n  <\/form>\n  <div id=\"status-message-container\" class=\"status-message\"><\/div>\n  <div id=\"video-result-container\" style=\"margin-top: var(--space-md);\"><\/div>\n<\/div>\n\n<\/div>\n<!-- \/wpml-no-translate -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI Video Studio Guthaben: &#8212; \u20ac Lade Parameter\u2026 Video erstellen<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/pages\/5146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/comments?post=5146"}],"version-history":[{"count":6,"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/pages\/5146\/revisions"}],"predecessor-version":[{"id":6057,"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/pages\/5146\/revisions\/6057"}],"wp:attachment":[{"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/media?parent=5146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}