.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{pointer-events:none;position:absolute;--yarl__thumbnails_vignette_size:12%}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:var(--yarl__thumbnails_thumbnail_border,1px);cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent;box-sizing:content-box;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{cursor:unset;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}:root{--bg: #0f0f10;--panel: #121315;--muted: #9aa0a6;--text: #e6e8eb;--brand: #ffffff;--accent: #f3f4f6;--primary: #ff725e;--ring: rgba(255,255,255,.08);--sidebar-w: 240px;--header-h: 64px}:root[data-theme=light]{--bg: #ffffff;--panel: #ffffff;--muted: #5f6368;--text: #0f1115;--brand: #0f1115;--accent: #0f1115;--primary: #0f1115;--ring: rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-w);background:var(--panel);border-right:1px solid #1d1f22;padding:16px;display:flex;flex-direction:column;gap:16px;transition:width .22s ease,padding .22s ease,border-color .22s ease}.brand{font-weight:700;font-size:20px;color:var(--brand);letter-spacing:.2px;padding:6px 10px}.brand .brand-logo{display:inline-flex;width:28px;height:28px;border-radius:8px;align-items:center;justify-content:center;background:#1a1b1f;font-weight:800;font-size:14px;margin-right:10px}.brand .brand-title{vertical-align:middle}.side-nav{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.side-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px}.side-link{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;text-align:left}.side-link:hover{background:#1a1b1f}.side-link.active{background:#1f2025}.icon{width:22px;display:inline-flex;justify-content:center}.side-nav:after{content:none;display:none}.auth{display:flex;flex-direction:column;gap:8px;padding-top:8px}.auth .ghost{background:#1a1b1f;border:1px solid #26282c;color:var(--text)}.auth .primary{background:#fff;color:#111;border:0}button.primary,button.ghost{padding:10px 12px;border-radius:12px;font-weight:600;cursor:pointer}button.ghost{background:transparent;border:1px solid #2a2d32;color:var(--text)}.user-row{display:flex;align-items:center;gap:10px;padding:6px 2px;color:var(--text);opacity:.9}.avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#2a2d32}.avatar img{width:100%;height:100%;object-fit:cover}.account-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:transparent;border:1px solid #2a2d32;cursor:pointer;color:var(--text)}.account-trigger:hover{background:#1a1b1f}.account-menu{position:fixed;background:#1a1b1f;border:1px solid #2a2d32;border-radius:12px;padding:8px;min-width:240px;box-shadow:0 10px 30px #00000059;z-index:5000}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);cursor:pointer;width:100%;background:transparent;border:0;text-align:left}.menu-item:hover{background:#15161a}[data-theme=light] .account-trigger,[data-theme=light] .account-menu{background:#fff;border:1px solid #e5e7eb}[data-theme=light] .menu-item:hover{background:#f7f7f9}.content{flex:1;min-width:0;padding:calc(var(--header-h) + 20px) 24px 20px;overflow:auto}.header{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--header-h);display:flex;align-items:center;gap:12px;z-index:5000;background:var(--bg);border-bottom:1px solid #202226;padding:0 24px}.search{flex:1;display:flex;align-items:center;gap:10px;background:#15161a;border:1px solid #24262b;border-radius:16px;padding:8px 12px;box-shadow:none}.search:focus-within{box-shadow:none}.search input{flex:1;background:transparent;border:0;outline:0;color:var(--muted);font-size:14px}.gallery{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 12px}.gallery .card{position:relative;aspect-ratio:1;background:var(--panel);border-radius:8px;overflow:hidden;transition:transform .2s ease}.gallery .card:hover{transform:scale(1.02)}.gallery .card img{width:100%;height:100%;object-fit:cover}@media (max-width: 1200px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery{grid-template-columns:repeat(1,1fr);gap:8px;padding:0 8px}}.gallery .card-content{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:var(--bg)}.gallery img{width:100%;height:100%;object-fit:cover;display:block}.gallery .card img{display:block;max-width:100%;height:auto;background:var(--bg)}.gallery .card:hover .img-abs{transform:scale(1.03)}.explore-prompt-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease}.gallery .card:hover .explore-prompt-overlay{opacity:1}.explore-prompt-overlay .prompt-text{color:#fff;font-size:14px;line-height:1.4}@media (max-width: 1400px){.gallery{columns:3}}@media (max-width: 1100px){.gallery{columns:2}}@media (max-width: 800px){.gallery{columns:2}}@media (max-width: 520px){.gallery{columns:1}}@media (max-width: 1400px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1100px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.gallery{grid-template-columns:1fr}}.gallery-rows{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;column-count:initial;column-gap:initial}@media (max-width: 1600px){.gallery-rows{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 1280px){.gallery-rows{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1024px){.gallery-rows{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.gallery-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.gallery-rows{grid-template-columns:repeat(1,minmax(0,1fr))}}.gallery-rows .card{margin-bottom:0;break-inside:auto}.card{break-inside:avoid;margin-bottom:12px;border-radius:14px;overflow:hidden;background:#0f0f10;border:1px solid #24262b;content-visibility:auto;contain-intrinsic-size:320px;contain:content}.gen-card{content-visibility:visible;contain-intrinsic-size:auto}.card img{display:block;width:100%;height:auto;object-fit:cover}.img-abs{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ui-input,.ui-textarea,.ui-select{width:100%;background:#15161a;border:1px solid #24262b;color:var(--text);border-radius:12px;padding:10px 12px}[data-theme=light] .ui-input,[data-theme=light] .ui-textarea,[data-theme=light] .ui-select{background:#fff;border:1px solid #e5e7eb;color:#111}.gen-card,.gen-img-wrap{position:relative}.gen-toolbar{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:6px;justify-content:flex-end;opacity:0;transition:opacity .2s ease}.gen-card:hover .gen-toolbar{opacity:1}.toolbar-btn{background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.15);padding:6px 8px;border-radius:10px;cursor:pointer;font-weight:700}.toolbar-btn:hover{background:#000000b3}[data-theme=light] .toolbar-btn{background:#ffffffe6;color:#111;border:1px solid #e5e7eb}[data-theme=light] .toolbar-btn:hover{background:#fff}.kebab-wrap{display:block}@media (max-width: 760px){.kebab-wrap{display:none}}.img-menu{background:#111;border:1px solid #2a2d32;box-shadow:0 6px 18px #00000059}.img-menu-item{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:transparent;color:#e6e8eb;cursor:pointer}.img-menu-item:hover{background:#15161a}.img-menu-sep{height:1px;background:#2a2d32;margin:6px 0}[data-theme=light] .img-menu{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 28px #00000014}[data-theme=light] .img-menu-item{color:#0f1115}[data-theme=light] .img-menu-item:hover{background:#f7f7f9}[data-theme=light] .img-menu-sep{background:#e5e7eb}.tag-pill{font-size:11px;padding:2px 8px;border:1px solid #2a2d32;border-radius:999px;opacity:.95;background:#ffffff0a;color:var(--text)}[data-theme=light] .tag-pill{background:#f6f7f9;border-color:#e5e7eb;color:#111}.explore-card .explore-prompt-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;opacity:0;transition:opacity .2s ease;background:linear-gradient(180deg,#0000 50%,#0009)}.explore-card:hover .explore-prompt-overlay{opacity:1}.explore-card .explore-prompt-overlay .prompt-text{color:#fff;font-size:13px;padding:10px 12px;line-height:1.4;max-height:55%;overflow:auto}[data-theme=light] .explore-card .explore-prompt-overlay{background:linear-gradient(180deg,#fff0 50%,#00000059)}.gen-loading{position:relative;display:block;width:100%;border-radius:12px;overflow:hidden;background:#0f0f10;border:1px solid #24262b}.gen-loading .ratio{width:100%;pointer-events:none}.gen-loading .abs{position:absolute;inset:0;display:grid;place-items:center;padding:8px;gap:8px}.gen-loading .spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gen-loading .bar{position:absolute;left:10px;right:10px;bottom:10px;height:8px;background:#15161a;border:1px solid #24262b;border-radius:999px;overflow:hidden}.gen-loading .bar>span{display:block;height:100%;background:#fff;width:0;transition:width .3s ease}.gen-loading img.gif{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));background:#00000073;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px}[data-theme=light] .gen-loading{background:#fff;border:1px solid #e5e7eb}[data-theme=light] .gen-loading .bar{background:#f6f7f9;border:1px solid #e5e7eb}[data-theme=light] .gen-loading .bar>span{background:#111}[data-theme=light] .gen-loading .spinner{border:3px solid rgba(0,0,0,.15);border-top-color:#111}[data-theme=light] .gen-loading img.gif{background:#ffffffeb;border:1px solid #e5e7eb;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.gen-rows{display:grid;gap:12px}.gen-row{display:grid;grid-template-columns:1fr 4fr;gap:12px;align-items:start}.gen-row-prompt{font-size:13px;opacity:.9;padding:10px 12px;border-radius:12px;background:#15161a;border:1px solid #24262b}.gen-row-prompt-text{white-space:pre-wrap;word-break:break-word;opacity:.95}.gen-row-prompt-text.clamped{max-height:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}.gen-row-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 1000px){.gen-row{grid-template-columns:1fr}}[data-theme=light] .gen-row-prompt{background:#fff;border:1px solid #e5e7eb;color:#111}.page-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;margin:24vh auto 12px;border-radius:12px;background:#15161a;border:1px solid #24262b;width:fit-content}.page-loading img{height:18px;width:auto;object-fit:contain}[data-theme=light] .page-loading{background:#fff;border:1px solid #e5e7eb;color:#111}.sub-grid{display:grid;grid-template-columns:1fr;gap:12px}.sub-card{padding:16px}.sub-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sub-title{font-weight:700;font-size:16px}.sub-muted{opacity:.8;font-size:14px}.ui-input[type=range]{accent-color:#ffffff}.sub-section{margin-top:12px;display:flex;flex-direction:column;gap:8px}.sub-row{display:flex;align-items:center;justify-content:space-between}.sub-hint{opacity:.7;font-size:12px}.progress{width:100%;height:8px;background:#1a1b1f;border:1px solid #24262b;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:#fff}.price-toggle{display:flex;gap:8px;margin-top:10px;margin-bottom:12px}.price-toggle .toggle{padding:8px 10px;border-radius:10px;border:1px solid #2a2d32;background:transparent;color:var(--text);cursor:pointer;font-weight:600}.price-toggle .toggle.active{background:#1a1b1f;color:#fff;border-color:#2a2d32}.price-toggle .save{opacity:.8;font-size:12px;margin-left:6px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#121315;border:1px solid #24262b}.plan-card.current{outline:2px solid #ffffff;outline-offset:-2px}.plan-header{display:flex;align-items:flex-end;justify-content:space-between}.plan-name{font-weight:700;font-size:18px}.plan-price{display:flex;align-items:flex-end;gap:6px}.plan-price .amount{font-size:22px;font-weight:800}.plan-price .cycle{opacity:.75}.plan-features{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px;opacity:.95}.notes{list-style:disc;padding-left:18px;display:grid;gap:6px;opacity:.85}.pricing-sections{display:grid;gap:12px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#1a1b1f;border:1px solid #2a2d32;font-size:12px}.ribbon{position:absolute;top:10px;right:10px;background:#ece8ff;color:#111;border:1px solid #d6cff6;padding:4px 8px;border-radius:999px;font-weight:600;font-size:12px}.card-cta{margin-top:6px}.fine-print{margin-top:8px;font-size:12px;opacity:.8}.plan-meta .value{font-weight:600}.plan-meta .unit{font-size:12px;opacity:.85}.faq-list{display:grid;gap:10px}.faq-q{font-weight:700}@media (max-width: 1100px){.sub-grid,.plans,.pricing-grid{grid-template-columns:1fr}}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;align-items:center;z-index:10000;box-shadow:0 -2px 12px #0000000f}.mobile-bottom-nav .nav-btn{background:none;border:none;outline:none;font-size:26px;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer}.mobile-bottom-nav .nav-btn.active{color:#ff4c4c}@media (min-width: 800px){.mobile-bottom-nav{display:none}}[data-theme=light] .sidebar{border-right:1px solid #e5e7eb}[data-theme=light] .side-link:hover{background:#f2f3f5}[data-theme=light] .side-link.active{background:#eef1f6}[data-theme=light] .auth .ghost{background:#f6f7f9;border:1px solid #e5e7eb;color:#111}[data-theme=light] button.ghost{background:#fff;border:1px solid #e5e7eb;color:#111}[data-theme=light] .search{background:#f6f7f9;border:1px solid #e5e7eb}[data-theme=light] .search input{color:#6b7280}.content.no-offset{padding:20px 24px}@media (max-width: 800px){:root{--sidebar-w: 0px;--header-h: 0px}.header{position:static;height:auto;padding:12px 16px;border-bottom:none}.content,.content.no-offset{padding:16px}}[data-theme=light] .card{background:#fff;border:1px solid #e5e7eb}[data-theme=light] .progress{background:#f6f7f9;border:1px solid #e5e7eb}[data-theme=light] .plan-card{background:#fff;border:1px solid #e5e7eb}[data-theme=light] .pill{background:#f6f7f9;border:1px solid #e5e7eb}[data-theme=light] .ribbon{background:#eef2ff;border-color:#dbe2ff;color:#111}[data-theme=light] .price-toggle .toggle{background:#fff;border:1px solid #e5e7eb;color:#111}[data-theme=light] .price-toggle .toggle.active{background:#111;color:#fff;border-color:#111}[data-theme=light] .header{background:#fff;border-bottom:1px solid #e5e7eb;-webkit-backdrop-filter:none;backdrop-filter:none}.prompt-sticky{position:sticky;top:8px;z-index:3000}.prompt-collapsed-row{display:flex;align-items:center;gap:10px}.prompt-preview{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid #24262b;background:#15161a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;opacity:.95}[data-theme=light] .prompt-preview{background:#fff;border:1px solid #e5e7eb;color:#111}.prompt-actions{display:flex;gap:8px;flex-shrink:0}.modal-backdrop{position:fixed;inset:0;background:#0f101299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(420px,92vw);background:#1a1b1f;border:1px solid #2a2d32;border-radius:16px;box-shadow:0 10px 40px #00000059;padding:18px;color:var(--text)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 10px}.modal-header h3{margin:0;font-size:20px;font-weight:700}.modal-header .close{padding:6px 10px;border-radius:10px}.modal-body{display:flex;flex-direction:column;gap:12px;padding:6px 2px 8px}.oauth-btn{display:flex;align-items:center;gap:12px;width:100%;background:#0f0f10;color:var(--text);border:1px solid #24262b;padding:12px 14px;border-radius:12px;cursor:pointer;font-weight:600}.oauth-btn:hover{background:#15161a}.oauth-btn.google span,.oauth-btn.discord span{flex:1;text-align:center}[data-theme=light] .modal,[data-theme=light] .oauth-btn{background:#fff;border:1px solid #e5e7eb;color:#111}[data-theme=light] .oauth-btn:hover{background:#f7f7f9}.viewer-wrap{display:grid;gap:10px;margin-top:12px}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewer-stages{display:flex;align-items:center;gap:6px}.stage-badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid #2a2d32;opacity:.8}.stage-badge.active{background:#1a1b1f;color:#fff;border-color:#2a2d32;opacity:1}.stage-badge.done{background:#0f0f10;color:#9aa0a6;border-color:#2a2d32}.viewer-progress{position:relative;height:10px;background:#141519;border:1px solid #24262b;border-radius:999px;flex:1;overflow:hidden}.viewer-progress .bar{position:absolute;left:0;top:0;bottom:0;background:#fff;width:0;transition:width .3s ease}.viewer-progress .pct{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:#0f1115;mix-blend-mode:difference}.viewer-canvas{position:relative;border-radius:12px;border:1px solid #24262b;background:#0f0f10;overflow:hidden}.ratio-box{width:100%;pointer-events:none}.canvas-abs{position:absolute;inset:0;display:grid;place-items:center}.viewer-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#0f0f10,#121315,#0f0f10);background-size:200% 100%;animation:skel 1.2s ease infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.viewer-img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:8px}.viewer-canvas.is-final .viewer-img{transition:opacity .4s ease,filter .4s ease}.viewer-canvas.is-transitioning .viewer-img{opacity:.85;filter:blur(1.5px)}.grain{position:absolute;inset:0;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.6"/></svg>');opacity:.2;mix-blend-mode:overlay;transition:opacity .3s ease}.viewer-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;border:1px solid #2a2d32;background:#1a1b1f}.viewer-error .msg{font-size:14px;opacity:.95}[data-theme=light] .viewer-progress{background:#f6f7f9;border:1px solid #e5e7eb}[data-theme=light] .stage-badge{border-color:#e5e7eb}[data-theme=light] .viewer-canvas,[data-theme=light] .viewer-error{background:#fff;border-color:#e5e7eb}.mobile-bottom-nav{background:var(--panel);border-top:1px solid #2a2d32}.mobile-bottom-nav .nav-btn{color:var(--text)}@media (max-width: 800px){.sidebar,.sidebar-toggle{display:none}.content{padding-bottom:160px}.header{position:fixed;left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom,0px));top:auto;padding:0;margin:0;border-bottom:0;background:transparent;z-index:9000}.header .search{background:#fff;border:0;border-radius:20px;padding:10px 14px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f}[data-theme=dark] .header .search{background:#1a1b1f;border:1px solid #2a2d32;box-shadow:0 10px 28px #00000059}[data-theme=light] .header{background:transparent;border-bottom:0}}.out-credits-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center;background:var(--panel);border:1px solid #24262b;border-radius:16px;padding:16px}.out-illu-wrap{display:grid;place-items:center;padding:8px}.out-illu{width:100%;max-width:300px;height:auto;display:block}.out-copy{display:grid;gap:10px}.out-title{font-weight:800;font-size:20px}.out-desc{opacity:.85;line-height:1.55}.out-cta{display:flex;gap:10px;flex-wrap:wrap}[data-theme=light] .out-credits-hero{background:#fff;border:1px solid #e5e7eb}@media (max-width: 680px){.out-credits-hero{grid-template-columns:1fr;text-align:center}.out-cta{justify-content:center}}.yarl__slide_captions_container{--yarl__slide_captions_container_background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 80%);--yarl__slide_captions_container_left: 0;--yarl__slide_captions_container_right: 0;--yarl__slide_captions_container_padding: 18px 20px 20px}.yarl__slide_description_container{--yarl__slide_description_container_bottom: 0}.yarl__slide_description{--yarl__slide_description_max_lines: 4;--yarl__slide_description_text_align: start;--yarl__slide_description_color: rgba(255,255,255,.92);font-size:14px;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.35);word-break:break-word;white-space:normal}.mobile-actions{display:none}@media (max-width: 760px){.mobile-actions{display:block;padding:10px 12px;border-top:1px solid #24262b;background:var(--panel)}[data-theme=light] .mobile-actions{border-color:#e5e7eb}.mobile-actions-row{display:flex;gap:8px}.mobile-actions-row .ghost{flex:1}.mobile-tag-box{margin-top:10px}.mobile-tag-title{font-size:12px;opacity:.85;margin-bottom:6px}.mobile-tag-row{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.mobile-tags-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}}