.viewport-layout-root{display:contents}.viewport-layout-root[data-viewport-layout=horizontal]{--page-gutter:20px}.viewport-layout-root[data-viewport-layout=horizontal] .app-shell{padding-left:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.viewport-layout-root[data-viewport-layout=horizontal] .desktop-sidebar,.viewport-layout-root[data-viewport-layout=horizontal] .header-context{display:none}.viewport-layout-root[data-viewport-layout=horizontal] .site-header>.brand{max-width:calc(var(--pane-0-width) - 40px);display:flex}.viewport-layout-root[data-viewport-layout=horizontal] .site-header .header-actions{position:absolute;right:20px}.viewport-layout-root[data-viewport-layout=horizontal] .product-nav--mobile{z-index:50;left:var(--pane-0-left);width:var(--pane-0-width);height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--canvas);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;right:auto}.viewport-layout-root[data-viewport-layout=horizontal] .product-nav--mobile>a{flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:54px;padding:6px 0;font-size:11px;display:flex}.viewport-layout-root[data-viewport-layout=horizontal] :is(.source-discovery,.source-collection){max-width:none}.viewport-layout-root[data-viewport-layout=horizontal] :is(.page-container,.site-footer){width:var(--pane-0-width);max-width:var(--pane-0-width);margin-left:var(--pane-0-left);margin-right:0}.viewport-layout-root[data-viewport-layout=horizontal] .source-collection>:not(.source-creation-grid):not(dialog){max-width:calc(var(--pane-0-width) - 40px)}.viewport-layout-root[data-viewport-layout=horizontal] .source-creation-card{width:100%}.viewport-layout-root[data-viewport-layout=horizontal] .source-creation-card:is(.is-pending,.is-failed){min-height:360px}.dialog[data-segmented=true]{padding:24px}.dialog.source-generator[data-segmented=true]{border-radius:18px;padding:0}.dialog.source-generator[data-segmented=true]:before{display:none}.dialog.source-generator[data-segmented=true] .source-generator-form{display:block}.dialog.source-generator[data-segmented=true] .source-generation-workspace{position:relative;height:clamp(180px,32dvh,260px)!important}.dialog.source-generator[data-segmented=true] .source-generator-heading{padding-top:20px}.dialog.source-generator[data-segmented=true] .source-generator-meta{flex-wrap:wrap}.dialog.source-generator[data-segmented=true] .source-prompt textarea{font-size:16px}.dialog.creation-detail-dialog[data-segmented=true]{flex-direction:column;padding:0;display:flex}.dialog.creation-detail-dialog[data-segmented=true] .creation-detail-media{min-height:0;max-height:32dvh}.dialog.creation-detail-dialog[data-segmented=true] .creation-detail-media>*,.dialog.creation-detail-dialog[data-segmented=true] .creation-detail-media video{max-height:32dvh}.dialog.creation-detail-dialog[data-segmented=true] .creation-detail-copy{padding:24px}.viewport-layout-root[data-viewport-layout=vertical] .app-shell{left:var(--pane-0-left);top:var(--pane-0-top);width:var(--pane-0-width);height:var(--pane-0-height);position:fixed;overflow:auto}@media (max-width:1023px) and (min-aspect-ratio:4/5) and (max-aspect-ratio:5/4) and (max-height:850px){:root{--header-height:calc(52px + env(safe-area-inset-top));--page-gutter:16px}.source-collection,.page-container{padding-top:16px}.page-heading{gap:12px;margin-bottom:16px}.page-heading h1{margin-bottom:6px;font-size:28px}.page-heading p{font-size:12px}.product-nav--mobile{height:calc(58px + env(safe-area-inset-bottom));padding-block:2px calc(2px + env(safe-area-inset-bottom))}.source-generator:not(.source-generator-embedded){border-radius:16px;width:min(660px,100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto;inset:8px}.source-generator:before{display:none}.source-generator-heading{padding-top:16px}.source-generator-meta{margin-block:8px}.source-generation-workspace{height:clamp(150px,32dvh,230px)}.source-generator-actions{padding-block:10px max(10px, env(safe-area-inset-bottom))}.tools-grid{gap:12px}}.viewport-layout-root[data-viewport-layout=vertical] .app-shell{min-height:0;padding-bottom:66px;padding-left:0;overflow:hidden}.viewport-layout-root[data-viewport-layout=vertical] .app-shell>main{min-height:0;overflow:hidden auto}.viewport-layout-root[data-viewport-layout=vertical] .desktop-sidebar{display:none}.viewport-layout-root[data-viewport-layout=vertical] .site-header>.brand{display:flex}.viewport-layout-root[data-viewport-layout=vertical] .header-context{display:none}.viewport-layout-root[data-viewport-layout=vertical] .product-nav--mobile{z-index:50;left:var(--pane-0-left);top:calc(var(--pane-0-top) + var(--pane-0-height) - 66px);width:var(--pane-0-width);background:var(--canvas);grid-template-columns:repeat(5,minmax(0,1fr));height:66px;display:grid;position:fixed;bottom:auto}.viewport-layout-root[data-viewport-layout=vertical] .product-nav--mobile>a{flex-direction:column;justify-content:center;gap:4px;min-height:54px;font-size:11px;display:flex}.viewport-layout-root[data-viewport-layout] .source-feeds.is-expanded{inset:auto;left:var(--pane-0-left);top:var(--pane-0-top);width:var(--pane-0-width);height:var(--pane-0-height);--player-width:min(100%, calc(var(--pane-0-height) * .5625))}.viewport-layout-root[data-viewport-layout=horizontal] .source-feeds:not(.is-expanded){width:var(--pane-0-width);margin-left:var(--pane-0-left)}@media (horizontal-viewport-segments:2){.viewport-layout-root:not([data-viewport-layout]) .app-shell{width:env(viewport-segment-width 0 0,100%);padding-left:0}.viewport-layout-root:not([data-viewport-layout]) .desktop-sidebar{display:none}.dialog:not([data-segmented]){left:env(viewport-segment-left 0 0,0px);top:env(viewport-segment-top 0 0,0px);max-width:calc(env(viewport-segment-width 0 0,100vw) - 24px);max-height:calc(env(viewport-segment-height 0 0,100dvh) - 24px);margin:12px;bottom:auto;right:auto}.viewport-layout-root:not([data-viewport-layout]) .site-header>.brand{display:flex}.viewport-layout-root:not([data-viewport-layout]) .header-context{display:none}.viewport-layout-root:not([data-viewport-layout]) .app-shell{padding-bottom:76px}.viewport-layout-root:not([data-viewport-layout]) .product-nav--mobile{z-index:50;left:env(viewport-segment-left 0 0,0px);width:env(viewport-segment-width 0 0,100%);background:var(--canvas);grid-template-columns:repeat(5,minmax(0,1fr));height:66px;display:grid;position:fixed;bottom:0}.viewport-layout-root:not([data-viewport-layout]) .product-nav--mobile>a{flex-direction:column;justify-content:center;min-height:54px;font-size:11px;display:flex}.source-generator:not([data-segmented]) .source-generator-form{display:block}}
:root{--canvas:#0d090f;--velvet:#140c14;--velvet-deep:#0a060b;--light-rose:#ff4f9a;--light-amber:#ff9a52;--light-violet:#8a3cff;--frost:#0d090fa3;--glass-edge:#ffd6e914;--glass-blur:blur(22px) saturate(1.5);--satin-highlight:linear-gradient(180deg, #ffffff47 0%, #ffffff10 42%, transparent 52%);--bloom:0 10px 34px -6px #ff4f9a73, 0 0 64px -18px #ff9a5266;--grade:linear-gradient(125deg, #ff3d8f 0%, #7d2cff 55%, #ff9a4d 100%)}body{background:var(--velvet-deep)}body:before{content:"";z-index:-1;background:radial-gradient(ellipse 34vmax 26vmax at 82% 12%, #c2306f38, transparent 70%), radial-gradient(ellipse 30vmax 24vmax at 8% 78%, #c2662a21, transparent 70%), radial-gradient(ellipse 40vmax 30vmax at 50% 110%, #5b1fa21f, transparent 70%), radial-gradient(ellipse 120% 90% at 50% 40%, var(--canvas) 30%, var(--velvet-deep) 100%);pointer-events:none;animation:38s ease-in-out infinite alternate haze-drift;position:fixed;inset:-20vmax}body:after{content:"";z-index:2147483000;opacity:.045;background-image:var(--grain-texture);pointer-events:none;position:fixed;inset:0}@keyframes haze-drift{0%{transform:translate(-3vmax,-2vmax)scale(1)}to{transform:translate(3vmax,2vmax)scale(1.06)}}.site-header{background:var(--frost);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom-color:var(--glass-edge);box-shadow:inset 0 -1px #ffffff05}@media (min-width:1024px){.desktop-sidebar{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right-color:var(--glass-edge);background:radial-gradient(140% 40% at 0 0,#c2306f1f,#0000 70%),linear-gradient(#170f19d9,#0c080ee6);box-shadow:inset -1px 0 #ffffff04}}.product-nav--mobile{background:color-mix(in srgb, var(--velvet-deep) 70%, transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top-color:var(--glass-edge)}.dialog{box-shadow:5px 5px 0 var(--sticker-shadow), inset 0 1px 0 #ffffff12, 0 30px 120px #000a, 0 0 140px -30px #ff4f9a40;background:radial-gradient(90% 50% at 70% -10%,#ff4f9a1c,#0000 70%),radial-gradient(70% 60% at 0 110%,#ff9a5210,#0000 70%),linear-gradient(#1c121e,#120b13)}.dialog::backdrop{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:radial-gradient(60% 50% at 50% 40%,#3a0f2a99,#0000 80%),#0a060bd1}.button.primary{filter:drop-shadow(2px 2px 0 var(--sticker-shadow)) drop-shadow(0 8px 22px #ff4f9a59)}.button.primary:after{background:linear-gradient(105deg, transparent 38%, #fff6 50%, transparent 62%) 160% 0 / 260% 100% no-repeat, var(--satin-highlight), var(--brand-fill);transition:background-position .9s cubic-bezier(.2,.7,.2,1)}.button.primary:hover:not(:disabled):after{background:linear-gradient(105deg, transparent 38%, #fff6 50%, transparent 62%) -60% 0 / 260% 100% no-repeat, var(--satin-highlight), linear-gradient(115deg, #ff5fab 10%, #e08af5 100%)}.button.primary:hover:not(:disabled){filter:drop-shadow(2px 2px 0 var(--sticker-shadow)) drop-shadow(0 10px 30px #ff4f9a80)}:where(main) h2{text-shadow:0 0 34px #ff4f9a26}@media (prefers-reduced-motion:reduce){body:before{animation:none}.button.primary:after{transition:none}}@media (min-width:768px){:root{--rail-width:80px}.app-shell{padding-left:var(--rail-width)}.desktop-sidebar{width:var(--rail-width);align-items:stretch;padding:20px 8px 14px}.desktop-sidebar .product-nav--desktop{gap:4px;width:100%}.desktop-sidebar .product-nav--desktop>a{letter-spacing:.01em;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;gap:6px;min-height:62px;padding:9px 2px 8px;font-size:11px;font-weight:500;line-height:13px}.desktop-sidebar .product-nav--desktop>a>span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.desktop-sidebar .product-nav-icon svg{width:21px;height:21px}.desktop-sidebar .product-nav--desktop>a.active{background:radial-gradient(80% 70% at 50% 30%,#f34b9f1f,#0000 75%),linear-gradient(#ffffff0f,#ffffff05);border-radius:14px;box-shadow:inset 0 1px #ffffff14}.desktop-sidebar .product-nav--desktop>a.active:after{background:var(--accent);height:22px;box-shadow:0 0 12px var(--accent);border-radius:0 2px 2px 0;left:-8px}.desktop-sidebar .product-nav--desktop>a.active .product-nav-icon{color:var(--accent-hover)}.sidebar-bottom{align-items:stretch;gap:6px;padding-top:24px}.sidebar-membership,.sidebar-help{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;gap:5px;width:auto;min-height:58px;padding:9px 2px 8px;font-size:11px;line-height:13px}.sidebar-membership>strong{color:var(--champagne);font-size:11px;font-weight:600;display:block}.sidebar-membership>svg:last-child,.sidebar-help>svg:last-child{display:none}.sidebar-membership>svg:first-child,.sidebar-help>svg:first-child{width:20px;height:20px}}@media (min-width:768px) and (max-width:1199px){.desktop-sidebar{padding-inline:5px}.sidebar-membership>strong{letter-spacing:-.01em;font-weight:500}.sidebar-help{gap:0;font-size:0}}@media (min-width:1200px){:root{--rail-width:104px}.desktop-sidebar{padding-inline:10px}.sidebar-brand{justify-content:center;margin:2px 0 30px}.sidebar-brand .brand-type>strong img{width:80px;height:19px}.sidebar-brand .brand-type>small{display:none}.desktop-sidebar .product-nav--desktop>a.active:after{left:-10px}}@media (max-width:767px){.viewport-layout-root:not([data-viewport-layout]) .product-nav--mobile{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 60% 120% at 50% -20%, #ff4f9a1a, transparent 70%), linear-gradient(180deg, #ffffff12, #ffffff03), color-mix(in srgb, var(--velvet-deep) 62%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.7);backdrop-filter:blur(22px)saturate(1.7);border:1px solid #ffd6e924;border-radius:999px;height:58px;padding:5px;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000040,0 18px 40px -14px #000d,0 0 40px -18px #ff4f9a59}.viewport-layout-root:not([data-viewport-layout]) .product-nav--mobile>a{border-radius:999px;gap:3px;min-height:46px;padding:4px 0 3px;font-size:11px;line-height:12px}.viewport-layout-root:not([data-viewport-layout]) .product-nav--mobile>a.active{background:radial-gradient(70% 80% at 50% 20%,#f34b9f2e,#0000 75%),linear-gradient(#ffffff17,#ffffff06);box-shadow:inset 0 1px #ffffff1f}.viewport-layout-root:not([data-viewport-layout]) .product-nav--mobile>a.active:after{display:none}.viewport-layout-root:not([data-viewport-layout]) .product-nav--mobile>a.active .product-nav-icon{color:var(--accent-hover)}}
@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{scrollbar-color:#ffd6e933 transparent}*{scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffd6e933 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ff8cc366 padding-box padding-box}.checkbox-label{cursor:pointer}.checkbox-label input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff06;border:1.5px solid #ffd6e94d;border-radius:5px;flex:none;place-content:center;width:18px;height:18px;margin:0;transition:background .18s,border-color .18s,box-shadow .18s;display:grid}.checkbox-label input[type=checkbox]:before{content:"";background:var(--ink-on-accent);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,37% 70%);width:10px;height:10px;transition:transform .15s cubic-bezier(.2,.7,.2,1.4);transform:scale(0)}.checkbox-label input[type=checkbox]:hover:not(:disabled){border-color:#ff8cc3a6}.checkbox-label input[type=checkbox]:checked{background:var(--brand-fill);border-color:#0000;box-shadow:0 0 14px -3px #ff4f9a99}.checkbox-label input[type=checkbox]:checked:before{transform:scale(1)}.checkbox-label input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.field input[type=range]{appearance:none;cursor:pointer;--track:linear-gradient(90deg, #ff6fb4 0 var(--fill,50%), #ffffff1f var(--fill,50%) 100%);background:0 0;border:0;width:100%;height:28px;margin:4px 0 0;padding:0}.field input[type=range]::-webkit-slider-runnable-track{background:var(--track);border-radius:999px;height:4px}.field input[type=range]::-moz-range-track{background:#ffffff1f;border-radius:999px;height:4px}.field input[type=range]::-moz-range-progress{background:#ff6fb4;border-radius:999px;height:4px}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-fill);border:2px solid #fff0f6;border-radius:50%;width:18px;height:18px;margin-top:-7px;transition:box-shadow .18s;box-shadow:0 0 0 4px #ff4f9a26,0 4px 12px #0008}.field input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid #fff0f6;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 4px #ff4f9a26,0 4px 12px #0008}.field input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 0 0 7px #ff4f9a33,0 4px 12px #0008}.field input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 7px #ff4f9a33,0 4px 12px #0008}.field input[type=range]:focus-visible{outline:none}.field input[type=range]:disabled{cursor:not-allowed;opacity:.5}progress{appearance:none;height:4px;color:var(--accent);background:#ffffff14;border:0;border-radius:999px;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff14;border-radius:999px}progress::-webkit-progress-value{background:var(--brand-fill);border-radius:999px;transition:width .4s;box-shadow:0 0 10px #ff4f9a99}progress::-moz-progress-bar{background:var(--brand-fill);border-radius:999px}progress:indeterminate{background:linear-gradient(90deg,#ffffff14 30%,#ff6fb4 50%,#ffffff14 70%) 0 0/300% 100%;animation:1.4s linear infinite progress-sheen}@keyframes progress-sheen{to{background-position:-150% 0}}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:where(.cms-faq,.source-affiliate-faq,.source-diamond-packs) summary{justify-content:space-between;align-items:center;gap:16px;transition:color .18s;display:flex}:where(.cms-faq,.source-affiliate-faq,.source-diamond-packs) summary:hover{color:var(--ink)}:where(.cms-faq,.source-affiliate-faq,.source-diamond-packs) summary:after{content:"";opacity:.7;background:currentColor;flex:none;width:14px;height:14px;transition:transform .2s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") 50%/contain no-repeat}:where(.cms-faq,.source-affiliate-faq,.source-diamond-packs) details[open]>summary:after,.source-diamond-packs[open]>summary:after{color:var(--accent);opacity:1;transform:rotate(180deg)}:is(.segmented,.billing-switch,.source-generation-modes,.source-material-tabs){border:1px solid var(--line);background:#ffffff05;border-radius:12px;gap:4px;padding:4px;box-shadow:inset 0 1px 2px #0006}:is(.segmented,.billing-switch,.source-generation-modes,.source-material-tabs)>button{color:var(--ink-muted);background:0 0;border:0;border-radius:8px;font-size:12px;font-weight:500;line-height:20px;transition:background .2s,color .2s,box-shadow .2s}:is(.segmented,.billing-switch,.source-generation-modes,.source-material-tabs)>button:hover:not(.active):not(:disabled){color:var(--ink);background:#ffffff08}:is(.segmented,.billing-switch,.source-generation-modes,.source-material-tabs)>button.active{color:#fff;background:linear-gradient(115deg,#ff4f9a38,#8a3cff26);font-weight:600;box-shadow:inset 0 0 0 1px #ff8cc366,inset 0 1px #ffffff1f,0 6px 18px -8px #ff4f9a99}:is(.segmented,.billing-switch,.source-generation-modes,.source-material-tabs)>button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:where(.creation-detail-media,.detail-art,.source-reference-slot){position:relative}.dialog-actions{gap:10px;width:100%;display:flex}.dialog-actions>.button{flex:1}@media (max-width:479px){.dialog-actions{flex-direction:column-reverse}}.confirm-dialog{text-align:center;width:400px}.confirm-icon{width:64px;height:64px;color:var(--accent);background:radial-gradient(circle at 50% 30%,#ff4f9a33,#ff4f9a0a 70%);border:1px solid #ffd6e924;border-radius:50%;place-items:center;margin:4px auto 18px;display:grid;box-shadow:0 0 40px -10px #ff4f9a80}.confirm-danger .confirm-icon{color:var(--danger);background:radial-gradient(circle at 50% 30%,#ff6b8a33,#ff6b8a0a 70%);box-shadow:0 0 40px -10px #ff6b8a80}.confirm-icon>svg{width:28px;height:28px}.confirm-dialog>h2{margin:0 0 10px;font-size:24px}.confirm-body{color:var(--ink-soft);margin:0 0 24px;font-size:13px;line-height:1.6}.confirm-body>p{margin:0 0 8px}.confirm-dialog form{text-align:left;width:100%}.button-spinner{flex:none}.button.is-loading{cursor:progress}.chip{min-height:22px;color:var(--ink-soft);letter-spacing:.01em;white-space:nowrap;background:#ffffff08;border:1px solid #ffd6e91f;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}@media (prefers-reduced-motion:reduce){.checkbox-label input[type=checkbox],.checkbox-label input[type=checkbox]:before,summary:after{transition:none}progress:indeterminate{animation:none}}