.jynno-workspace{color:var(--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080808}.jynno-workspace>[data-slot=sidebar-inset]{box-shadow:none;background:#080808;border-radius:0;margin:0}.jynno-workspace-header{background:#0d0d0d;border-bottom:1px solid #3b3b3b}.jynno-workspace[data-overlay-header]>[data-slot=sidebar-inset]{position:relative}.jynno-workspace[data-overlay-header] .jynno-workspace-header{z-index:40;background:linear-gradient(#080808d9,#08080866);border-bottom-color:#0000;position:absolute;inset:0 0 auto}.jynno-creation-sidebar{--sidebar:#0d0d0d;--sidebar-foreground:#b9bdc4;--sidebar-border:#3b3b3b;--sidebar-accent:#171717;--sidebar-accent-foreground:#f5f5f6;--sidebar-ring:var(--primary)}.jynno-creation-sidebar [data-slot=sidebar-header]{padding:18px 16px 20px}.jynno-creation-sidebar [data-slot=sidebar-header] a:hover{background:0 0}.jynno-creation-sidebar [data-slot=sidebar-content]{gap:12px;padding:0 12px}.jynno-creation-sidebar [data-slot=sidebar-group]{padding:0}.jynno-creation-sidebar [data-slot=sidebar-group-label]{color:#888f99;letter-spacing:.06em;height:32px;padding:0 12px;font-size:11px;font-weight:600}.jynno-creation-sidebar [data-slot=sidebar-menu]{gap:4px}.jynno-creation-sidebar [data-slot=sidebar-menu-button]{border-radius:8px;gap:12px;height:38px;padding:0 12px;font-size:13px;font-weight:450;transition:background-color .15s,color .15s;position:relative}.jynno-creation-sidebar [data-slot=sidebar-menu-button]>svg{stroke-width:1.7px;width:17px;height:17px}.jynno-creation-sidebar [data-slot=sidebar-menu-button][data-active]{background:color-mix(in srgb, var(--primary) 7.843%, transparent);color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 14.902%, transparent);font-weight:550}.jynno-creation-sidebar [data-slot=sidebar-menu-button][data-active]:before{background:var(--primary);content:"";border-radius:2px;width:2px;position:absolute;top:11px;bottom:11px;left:0}.jynno-creation-sidebar [data-slot=sidebar-footer]{border-top:1px solid #3b3b3b;margin-top:12px;padding:16px}.jynno-workspace a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.jynno-creation-sidebar [data-slot=sidebar-menu-button]{transition:none}}.jynno-workspace-scroll::-webkit-scrollbar{width:8px;height:8px}.jynno-workspace-scroll::-webkit-scrollbar-thumb{background:#454549;border-radius:8px}.jynno-workspace-scroll::-webkit-scrollbar-track{background:#171717}@media (width<=767px){.jynno-workspace-scroll::-webkit-scrollbar{width:0;height:0}}.jynno-workspace.jynno-theme-aware{background:var(--background);color-scheme:inherit}.jynno-theme-aware>[data-slot=sidebar-inset]{background:var(--background)}.jynno-theme-aware .jynno-workspace-header{background:var(--background);border-color:var(--border)}.jynno-theme-aware .jynno-creation-sidebar{--sidebar:var(--background);--sidebar-foreground:var(--foreground);--sidebar-border:var(--border);--sidebar-accent:var(--muted);--sidebar-accent-foreground:var(--foreground)}.jynno-theme-aware .jynno-creation-sidebar [data-slot=sidebar-group-label]{color:var(--muted-foreground)}.jynno-workspace .seo-creation-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(28px,4vw,64px);margin-top:0}.jynno-workspace .seo-creation-controls{text-align:left;min-width:0}.jynno-workspace .seo-creation-controls :is(.image-seo-hero-heading,.video-seo-centered,.image-tools-centered,.advanced-video-heading){text-align:left;margin:0 0 24px;padding:0}.jynno-workspace .seo-creation-controls :is(h1,.image-tools-centered h1),.jynno-workspace .seo-tool-heading h1{letter-spacing:-.035em;text-transform:none;font-size:clamp(28px,3.1vw,42px);font-weight:650;line-height:1.15}.jynno-workspace .seo-creation-controls :is(.image-seo-hero-heading,.video-seo-centered,.image-tools-centered)>p{margin:14px 0 0;font-size:15px;line-height:1.65}.jynno-workspace .seo-creation-controls :is(.image-seo-generator,.video-seo-generator,.image-tools-generator){width:100%;max-width:none;margin:0}.jynno-workspace :is(.image-seo-hero,.video-seo-hero,.image-tools-hero){background:#0b0b0d;min-height:0;padding:32px 24px 24px}.jynno-workspace .image-tools-hero:after{display:none}.jynno-workspace .image-tools-hero-content{max-width:1400px}.jynno-workspace .image-tools-page[data-template=studio] .image-tools-hero{min-height:0}.jynno-workspace .image-tools-page[data-template=studio] .image-tools-hero h1{text-transform:none}.jynno-workspace .generation-result-stage{padding:0}.jynno-workspace .generation-result-stage>[role=tabpanel]{background:#101012;border-radius:16px;min-height:300px;margin-top:16px;overflow:hidden}.jynno-workspace .generation-result-stage>[role=tablist]{border:0;gap:20px}.jynno-workspace .generation-result-stage [role=tab]{padding:8px 0;font-size:13px}.jynno-workspace .generation-result-stage .generation-example-image{object-fit:contain;border-radius:16px;width:100%;max-height:min(72dvh,720px);margin:0}.jynno-workspace .generation-result-stage .generation-example-video{padding:0}.jynno-workspace .generation-example-video>div{max-height:min(72dvh,720px)}.jynno-workspace .generation-example-video :is(img,video){object-fit:contain}.jynno-workspace .jynno-effects-detail .jynno-effects-studio{max-width:1440px;padding:32px 24px 24px}.jynno-workspace .jynno-effects-detail .jynno-effects-studio-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px)}.jynno-workspace .jynno-effects-generator{background:0 0;border:0;padding:0;position:static}.jynno-workspace .jynno-effects-generator .jynno-effects-back{color:#a1a1aa;margin-bottom:20px;font-size:12px;font-weight:450}.jynno-workspace .jynno-effects-generator .jynno-effects-heading{text-align:left;margin-bottom:24px}.jynno-workspace .jynno-effects-generator .jynno-effects-heading nav{display:none}.jynno-workspace .jynno-effects-generator .jynno-effects-heading h1{letter-spacing:-.035em;text-transform:none;font-size:clamp(30px,3.4vw,44px);line-height:1.1}.jynno-workspace .jynno-effects-generator .jynno-effects-heading>p{color:#a4a4ac;min-height:0;margin:14px 0 0;font-size:15px;line-height:1.65}.jynno-workspace .jynno-effects-comparison{width:min(100%, calc(min(72dvh, 720px) * var(--effect-native-ratio)));margin:0 auto;display:block;position:relative}.jynno-workspace .jynno-effects-comparison figure:nth-child(2){width:100%}.jynno-workspace .jynno-effects-comparison figure:first-child{z-index:1;background:#111;border:1px solid #ffffffa0;border-radius:12px;width:clamp(64px,14%,104px);padding:3px;display:block;position:absolute;bottom:16px;left:16px;box-shadow:0 4px 16px #0008}.jynno-workspace .jynno-effects-comparison figure:first-child>img{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:112px}.jynno-workspace .jynno-effects-comparison figure:first-child figcaption{display:none}.jynno-workspace .jynno-effects-guidance{margin-top:16px}.jynno-workspace .jynno-advanced-video{max-width:1440px;padding:32px 24px 48px}.jynno-workspace .advanced-video-start{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px)}.jynno-workspace .advanced-video-start aside{background:0 0;border:0;min-width:0;padding:0}.jynno-workspace .advanced-video-start aside .generation-result-stage,.jynno-workspace .advanced-video-start aside .generation-result-stage [role=tabpanel]>div{margin:0}.jynno-workspace .advanced-video-tips{color:#a1a1aa;margin-top:16px;font-size:13px}.jynno-workspace .advanced-video-tips summary{cursor:pointer}.jynno-workspace .seo-tool-heading{margin-bottom:20px}.jynno-workspace .seo-tool-heading .new-image-tool-intro{margin-top:14px;font-size:15px;line-height:1.65}.jynno-workspace .new-image-tool-shell>[data-image-tool-workbench]{margin-top:0}@media (width<=1023px){.jynno-workspace :is(.seo-creation-grid,.jynno-effects-detail .jynno-effects-studio-grid,.advanced-video-start){grid-template-columns:minmax(0,1fr);gap:24px}.jynno-workspace .seo-creation-grid{max-width:760px}}@media (width<=767px){.jynno-workspace :is(.image-seo-hero,.video-seo-hero,.image-tools-hero,.jynno-effects-detail .jynno-effects-studio,.jynno-advanced-video){padding:24px 16px 16px}.jynno-workspace .generation-result-stage>[role=tabpanel]{min-height:180px}.jynno-workspace .generation-result-stage .generation-example-image{max-height:60dvh}.jynno-workspace .jynno-effects-comparison{width:min(100%, calc(60dvh * var(--effect-native-ratio)))}}.jynno-workspace .seo-studio-film{width:min(100%, calc(min(72dvh, 720px) * var(--studio-ratio)));margin:0 auto!important}.jynno-workspace form[data-seo-generator] .seo-generate-button{color:#211b10;min-height:56px;text-shadow:none;opacity:1;background:#f4d278;border:0;border-radius:14px;padding:12px 20px;font-size:17px;font-weight:600;line-height:1.25;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 2px #a68a42}.jynno-workspace .seo-generate-label{white-space:nowrap}.jynno-workspace .seo-generate-price{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.jynno-workspace .seo-generate-price del{opacity:.55;font-size:12px;font-weight:450}.jynno-workspace form[data-seo-generator] .seo-generate-button:disabled{color:#574b32;cursor:not-allowed;background:#d6c28e;box-shadow:0 2px #8c7743}.jynno-workspace form[data-seo-generator] .seo-generate-button:focus-visible{outline-offset:4px;box-shadow:none;outline:2px solid #f4d278}.jynno-workspace .seo-generator-compact{box-shadow:none;background:0 0;border:0;border-radius:0}.jynno-workspace .seo-generator-compact .seo-generator-footer{gap:16px;padding:4px 0 0}.jynno-workspace form[data-seo-generator] .seo-generator-footer>div:first-child:not(:has(button)){display:none}.jynno-workspace .seo-generator-compact .seo-generator-controls{justify-content:space-between;gap:12px}.jynno-workspace .seo-generator-compact [data-jynno-engine]{color:#a1a1aa;border:0;border-radius:0;padding:0;font-weight:500}@media (hover:hover) and (pointer:fine){.jynno-workspace form[data-seo-generator] .seo-generate-button:not(:disabled):hover{background:#ffe096}}.jynno-workspace form[data-seo-generator] .seo-generate-button:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px #a68a42}@media (width<=480px){.jynno-workspace form[data-seo-generator] .seo-generate-button{gap:12px;min-height:52px;padding-inline:12px;font-size:16px}.jynno-workspace .seo-generate-price{gap:6px;font-size:14px}}@media (prefers-reduced-motion:reduce){.jynno-workspace form[data-seo-generator] .seo-generate-button{transition:none;transform:none}}