/* R64 · dedicated creation landing, independent of legacy studio form skins. */
.phone :is(#routePanel,#dockRoutePanel):has(>.studio-landing) {
 display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:0;
 color-scheme:dark;background:#101114;color:#e8ebee;
}
.phone #routePanel:has(>.studio-landing) {height:100%;max-height:100%;}
.phone :is(#routePanel,#dockRoutePanel):has(>.studio-landing)>.route-top {flex:0 0 auto;width:100%;max-width:none;margin:0;padding-inline:max(14px,env(safe-area-inset-left,0px)) max(14px,env(safe-area-inset-right,0px));top:0;background:#101114f5;color:#dce1e8;}
.phone :is(#routePanel,#dockRoutePanel):has(>.studio-landing)>.route-top:before {background:#101114f5;}
.phone :is(#routePanel,#dockRoutePanel):has(>.studio-landing)>.route-top button {color:#a6aebb;}
.studio-landing {
 --sl-bg:#101114;--sl-side:#151619;--sl-surface:#1b1e23;--sl-raised:#252930;
 --sl-text:#e8ebee;--sl-muted:#8e969f;--sl-soft:#b4bbc5;--sl-purple:#b8a5da;--sl-gold:#d5bd90;
 --sl-line:#ffffff0d;--sl-feature-image:url('assets/studio/landing-filmstrip.webp');
 display:flex;flex:1 1 0%;flex-direction:column;box-sizing:border-box;width:100%;min-width:0;min-height:0;height:auto;margin:0;padding:0;background:var(--sl-bg);color:var(--sl-text);font-size:13px;line-height:1.6;
}
.studio-landing [hidden] {display:none!important;}
.studio-landing :is(button,a,input,textarea,select) {font-family:inherit;-webkit-tap-highlight-color:transparent;}
.studio-landing button,.studio-landing a {touch-action:manipulation;}
.studio-landing :is(button,a,input,textarea,select):focus-visible {outline:2px solid var(--sl-purple);outline-offset:3px;}
.studio-landing button:disabled {opacity:.45;cursor:not-allowed;}
.studio-landing .studio-landing-sidebar {display:none;}
.studio-landing .studio-landing-main {display:flex;flex:1 1 0%;flex-direction:column;min-width:0;min-height:0;overflow:hidden;}
.studio-landing :is(.studio-landing-scroll,.picfans-gallery-panel) {display:block;flex:1 1 0%;min-width:0;min-height:0;height:auto;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#73809126 transparent;border:0;border-radius:0;background:transparent;}
.studio-landing .studio-landing-scroll {padding-bottom:calc(var(--dock-panel-bottom,112px) + 20px);}
.studio-landing .picfans-gallery-tools {display:none;}
.studio-landing .picfans-gallery-panel>.square-page.picfans-gallery {box-sizing:border-box;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:0 16px calc(var(--dock-panel-bottom,112px) + 20px);background:none;}
.studio-landing .picfans-gallery {--square-surface:#191c21;--square-raised:#23272e;--square-accent:#b6a8cc;--square-border:#ffffff09;--square-muted:#858d99;}
.studio-landing .picfans-gallery .square-sorts {gap:6px;margin:0 0 12px;}
.studio-landing .picfans-gallery .square-sort {min-height:44px;padding:8px 11px;background:transparent;color:#8d97a3;}
.studio-landing .picfans-gallery .square-sort[aria-pressed=true] {background:#ffffff09;color:#e0d9ea;}
.studio-landing .picfans-gallery .square-tile {border-radius:12px;background:#191c21;box-shadow:none;}
.studio-landing .picfans-gallery .square-title {color:#dbe0e6;font-weight:450;}
.studio-landing .picfans-gallery .square-author {color:#79818c;}
.studio-landing .picfans-gallery .square-status {color:#858d99;}
.studio-landing .studio-landing-intro {box-sizing:border-box;width:100%;max-width:1200px;min-width:0;margin:0 auto;padding:16px 16px 20px;}
.studio-landing .studio-landing-heading {display:grid;place-items:center;min-width:0;min-height:30px;margin:0 auto 12px;text-align:center;}
.studio-landing .studio-landing-heading :is(small,.studio-landing-eyebrow) {display:block;margin:0 0 7px;color:#69747e;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.08em;}
.studio-landing .studio-landing-heading h1 {max-width:100%;margin:0;color:#e1e7ec;font-size:22px;font-weight:400;line-height:30px;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;}
.studio-landing .studio-landing-tabs {position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;box-sizing:border-box;width:min(320px,100%);max-width:100%;min-width:0;margin:0 auto 20px;padding:3px;border:1px solid #ffffff04;border-radius:99px;background:#202226;}
.studio-landing .studio-tabs-indicator {position:absolute;left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/2);border-radius:99px;background:radial-gradient(ellipse at 12% 50%,#f1d6bd8c,transparent 65%),radial-gradient(ellipse at 90% 50%,#bce7f78c,transparent 65%),#edf1f2;box-shadow:0 1px 8px #0002;pointer-events:none;transform:translateX(0);}
.studio-landing .studio-landing-tabs[data-selected=advanced]>.studio-tabs-indicator {transform:translateX(100%);}
.studio-landing .studio-landing-tabs>button {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:7px 17px;border:0;border-radius:99px;background:transparent;color:#9ca4ae;font-size:12px;font-weight:450;line-height:1.5;white-space:normal;overflow-wrap:anywhere;}
.studio-landing .studio-landing-tabs>button[aria-selected=true] {background:transparent;color:#243039;}
.studio-landing {--sl-enter-x:24px;}
.studio-landing[data-switch-direction=backward] {--sl-enter-x:-24px;}
.studio-landing[data-switching=true] .studio-landing-heading h1 {animation:sl-mode-heading 380ms cubic-bezier(.22,1,.36,1) both;}
.studio-landing[data-switching=true] .studio-composer-main {transform-origin:center;animation:sl-mode-enter 440ms cubic-bezier(.22,1,.36,1) both;}
.studio-landing[data-switching=true] .studio-composer-toolbar {animation:sl-mode-enter 400ms 40ms cubic-bezier(.22,1,.36,1) both;}
.studio-landing[data-switching=true] .studio-reference-card {animation:sl-reference-pop 520ms cubic-bezier(.22,1,.36,1) both;}
.studio-landing[data-switching=true] .studio-composer::after {content:"";position:absolute;inset:-10% -30%;z-index:2;background:linear-gradient(110deg,transparent 38%,#cae9ff05 43%,#ffffff20 49%,#eedaff0d 55%,transparent 62%);pointer-events:none;animation:sl-mode-sweep 540ms ease-out both;}

/* Ambient layer has no pointer target and never animates layout. */
.studio-landing .studio-composer {position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:980px;min-width:0;min-height:180px;margin:0 auto;padding:18px;border:1px solid #ffffff08;border-radius:22px;background:#1e2126;box-shadow:inset 0 1px #ffffff02;overflow:hidden;}
.studio-landing .studio-composer::before {content:none;display:none;animation:none;}
.phone :is(#routePanel,#dockRoutePanel):not([hidden]) .studio-landing:not([hidden])[data-active=true] .studio-composer:not(:hover):not(:focus-within)::before {animation-play-state:running;}
.studio-landing .studio-composer:is(:hover,:focus-within)::before {opacity:0;}
.studio-landing .studio-composer>* {position:relative;z-index:1;}
.studio-landing .studio-composer:focus-within {outline:2px solid #b8a5da80;outline-offset:2px;border-color:#c2b6d23b;}
.studio-landing .studio-composer-main {display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:16px;min-width:0;}
.studio-landing .studio-reference-card {display:grid;place-items:center;box-sizing:border-box;flex:0 0 auto;width:60px;height:80px;min-height:44px;margin:2px 0 0;padding:8px;border:1px solid #ffffff08;border-radius:8px;background:#ffffff09;color:#a6aeb7;transform:rotate(-8deg);transition:transform .2s ease,background .2s ease;}
.studio-landing .studio-reference-card>svg {display:none;}
.studio-landing .studio-reference-card>span {font-size:24px;font-weight:300;line-height:1;}
.studio-landing .studio-composer-description {min-width:0;margin:2px 0 0;color:#99a3ae;font-size:13px;line-height:1.8;overflow-wrap:anywhere;}
.studio-landing .studio-composer-prompt {display:block;min-width:0;margin:0;}
.studio-landing .studio-composer-prompt>span {display:block;margin:0 0 4px;color:#7f8d99;font-size:10px;line-height:16px;}
.studio-landing #studioLandingPrompt {display:block;box-sizing:border-box;width:100%;min-width:0;min-height:86px;max-height:240px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#e0e5eb;font-size:16px;font-weight:400;line-height:1.7;resize:vertical;}
.studio-landing #studioLandingPrompt::placeholder {color:#828d99;opacity:1;}
.studio-landing #studioLandingPrompt:focus-visible {outline:0;}
.studio-landing .studio-composer-toolbar {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0;min-height:44px;margin:16px 0 0;}
.studio-landing .studio-composer-toolbar>span {min-width:0;color:#8594a1;font-size:11px;line-height:1.6;}
.studio-landing .studio-composer-capability {display:flex;align-items:center;gap:6px;min-width:0;max-width:65%;}
.studio-landing .studio-composer-capability>span {flex:0 0 auto;color:#82909b;font-size:10px;line-height:1.6;}
.studio-landing #studioLandingCapability {box-sizing:border-box;flex:1 1 auto;min-width:0;min-height:44px;max-width:100%;margin:0;padding:8px 23px 8px 9px;border:1px solid #ffffff0c;border-radius:9px;background:#1c2026;color:#b7c0cb;font-size:12px;line-height:1.6;}
.studio-landing .studio-composer-submit {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;max-width:100%;margin:0 0 0 auto;padding:9px 12px;border:1px solid #d2c6e51a;border-radius:11px;background:#3c3546;color:#e1d6ed;font-size:12px;font-weight:500;line-height:1.5;white-space:normal;overflow-wrap:anywhere;}
.studio-landing .studio-composer-submit>svg {flex:0 0 17px;width:17px;height:17px;}
.studio-landing .studio-landing-chips {display:flex;align-items:center;gap:7px;min-width:0;max-width:980px;overflow-x:auto;overscroll-behavior-x:contain;margin:10px auto 18px;padding:2px 0;scrollbar-width:none;}
.studio-landing .studio-landing-chips::-webkit-scrollbar {display:none;}
.studio-landing .studio-landing-chips>button {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #ffffff0a;border-radius:99px;background:#191b20;color:#909ba7;font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap;}
.studio-landing .studio-landing-chips>button[aria-pressed=true] {border-color:#b8a5da3b;background:#b8a5da0f;color:#c5b6d9;}

.studio-landing .studio-feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;}
.studio-landing .studio-landing-features>h2 {margin:0 0 12px;color:#8995a1;font-size:12px;font-weight:450;line-height:1.6;}
.studio-landing .studio-feature-card {position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-sizing:border-box;min-width:0;min-height:136px;margin:0;padding:80px 12px 12px;border:1px solid #ffffff05;border-radius:14px;overflow:hidden;background:#1a1d22;color:#dbe0e7;text-align:left;text-decoration:none;}
.studio-landing .studio-feature-art {position:absolute;inset:0 0 auto;z-index:0;display:block;width:100%;height:auto;max-height:100%;aspect-ratio:1;pointer-events:none;background-color:#29303b;background-image:var(--sl-feature-image);background-size:300% auto;background-position:50% center;background-repeat:no-repeat;}
.studio-landing .studio-feature-card:nth-child(2) .studio-feature-art {background-position:0% center;}
.studio-landing .studio-feature-card:nth-child(3) .studio-feature-art {background-position:50% center;}
.studio-landing .studio-feature-card:nth-child(4) .studio-feature-art {background-position:100% center;}
.studio-landing .studio-feature-card:nth-child(5) .studio-feature-art {background-position:50% center;}
.studio-landing .studio-feature-card::after {content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0e111300 18%,#0e111377 50%,#0e1113f5 100%);pointer-events:none;}
.studio-landing .studio-feature-card>:not(.studio-feature-art) {position:relative;z-index:1;min-width:0;max-width:100%;}
.studio-landing .studio-feature-card>.studio-feature-arrow {position:absolute;top:10px;right:10px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff0a;border-radius:50%;background:#11151a80;color:#c4cbd6;font-size:12px;line-height:1;pointer-events:none;}
.studio-landing .studio-feature-card :is(strong,h2,h3) {display:block;margin:0;color:#e9edf3;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;}
.studio-landing .studio-feature-card :is(small,p) {display:block;margin:4px 0 0;color:#a0a9b4;font-size:11px;font-weight:400;line-height:1.6;overflow-wrap:anywhere;}
.studio-landing .studio-feature-featured {grid-column:1/-1;min-height:166px;padding:20px;}
.studio-landing .studio-feature-featured .studio-feature-art {background-position:0% center;}
.studio-landing .studio-feature-featured :is(strong,h2,h3) {font-size:17px;font-weight:500;}
.studio-landing .studio-feature-featured :is(small,p) {color:#b4bdc9;}
@media(hover:hover) {
 .studio-landing .studio-reference-card:hover {transform:translateY(-2px) rotate(-4deg);background:#ffffff10;}
 .studio-landing :is(.studio-landing-chips>button,.studio-composer-submit):hover {border-color:#b8a5da33;background:#3d3546;color:#ede3f7;}
 .studio-landing .studio-feature-card {transition:transform .2s ease,border-color .2s ease;}
 .studio-landing .studio-feature-card:hover {transform:translateY(-2px);border-color:#b8a5da29;}
}
@media(min-width:1024px) {
 .studio-landing .studio-landing-intro {padding-inline:28px;}
 .studio-landing .studio-feature-grid {grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(78px,auto));gap:12px;}
 .studio-landing .studio-feature-featured {grid-column:1;grid-row:1/3;min-height:168px;}
 .studio-landing .studio-feature-card:not(.studio-feature-featured) {justify-content:center;min-height:78px;padding:12px 12px 12px calc(42% + 10px);}
 .studio-landing .studio-feature-card:not(.studio-feature-featured) .studio-feature-art {inset:7px auto auto 7px;width:38%;max-height:calc(100% - 14px);border-radius:9px;}
 .studio-landing .studio-feature-card:not(.studio-feature-featured)::after {background:linear-gradient(90deg,#1a1d2200 25%,#1a1d2233 40%,#1a1d22 48%);}
 .studio-landing .studio-feature-card:not(.studio-feature-featured) .studio-feature-copy {padding-right:16px;}
}
@media(min-width:1024px) {
 .phone:has(:is(#routePanel,#dockRoutePanel):not([hidden])>.studio-landing[data-active=true]) #bottomNav {display:none!important;}
 .phone :is(#routePanel,#dockRoutePanel):has(>.studio-landing)>.route-top {display:none;}
 .phone #dockRoutePanel:has(>.studio-landing) {inset:0;left:0;right:0;width:100%;max-width:none;height:100%;max-height:100%;margin:0;border:0;border-radius:0;translate:none;}
 .studio-landing {display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:minmax(0,1fr);}
 .studio-landing .studio-landing-sidebar {display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 12px;border-right:1px solid #ffffff06;background:var(--sl-side);scrollbar-width:thin;}
 .studio-landing .studio-landing-sidebar :is(.studio-landing-brand,.studio-sidebar-brand) {display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 25px;padding:7px 8px;color:#dce1e8;font-size:14px;font-weight:550;line-height:1.6;overflow-wrap:anywhere;}
 .studio-landing .studio-landing-sidebar :is(.studio-landing-brand,.studio-sidebar-brand)>img {flex:0 0 26px;width:26px;height:26px;object-fit:contain;}
 .studio-landing .studio-landing-sidebar>.studio-landing-brand:not(:has(img))::before {content:"";display:block;flex:0 0 20px;width:20px;height:24px;border-radius:60% 35% 55% 45%;background:linear-gradient(145deg,#cbb4e1,#8c79a8);box-shadow:inset 0 1px #ffffff33;transform:rotate(-15deg);}
 .studio-landing .studio-landing-sidebar nav {display:flex;flex-direction:column;gap:5px;min-width:0;}
 .studio-landing .studio-landing-sidebar :is(button,a) {display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;width:100%;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#939ca8;font-size:12px;font-weight:400;line-height:1.6;text-align:left;text-decoration:none;white-space:normal;overflow-wrap:anywhere;}
 .studio-landing .studio-landing-sidebar :is(button,a):is([aria-current=page],[aria-current=true],.is-active) {border-color:#ffffff03;background:#ffffff08;color:#e6e9ef;}
 .studio-landing .studio-landing-main {display:flex;min-height:0;height:100%;}
 .studio-landing .studio-landing-scroll {padding-bottom:32px;}
 .studio-landing .studio-landing-intro {padding:20px 32px 24px;}
 .studio-landing .studio-landing-heading {min-height:38px;margin-bottom:12px;}
 .studio-landing .studio-landing-heading h1 {font-size:30px;line-height:38px;font-weight:400;}
 .studio-landing .studio-landing-tabs {margin-bottom:16px;}
 .studio-landing .studio-composer {min-height:166px;padding:20px 22px;border-radius:24px;}
 .studio-landing .studio-composer-main {grid-template-columns:74px minmax(0,1fr);gap:18px;}
 .studio-landing .studio-reference-card {width:64px;height:80px;}
 .studio-landing #studioLandingPrompt {min-height:60px;font-size:14px;line-height:1.8;}
 .studio-landing .studio-composer-description {font-size:14px;line-height:1.8;}
 .studio-landing .studio-composer-toolbar {margin-top:10px;}
 .studio-landing .studio-landing-chips {margin-top:10px;margin-bottom:20px;}
 .studio-landing .picfans-gallery-panel>.square-page.picfans-gallery {padding:0 32px 32px;}
}
@media(max-width:350px) {
 .studio-landing .studio-landing-intro {padding:16px 12px 20px;}
 .studio-landing .studio-landing-heading h1 {font-size:22px;line-height:30px;}
 .studio-landing .studio-landing-tabs>button {min-width:0;padding-inline:13px;}
 .studio-landing .studio-composer {padding:16px 14px;border-radius:20px;}
 .studio-landing .studio-composer-main {grid-template-columns:58px minmax(0,1fr);gap:12px;}
 .studio-landing .studio-reference-card {width:52px;height:72px;}
 .studio-landing .studio-composer-description {font-size:12px;}
 .studio-landing .studio-feature-grid {gap:8px;}
 .studio-landing .studio-feature-card {padding-inline:10px;}
 .studio-landing .picfans-gallery-panel>.square-page.picfans-gallery {padding-inline:12px;}
}
@keyframes sl-composer-drift {from{transform:translate3d(-3%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.06)}}
@keyframes sl-mode-enter {from{opacity:.15;transform:translateX(var(--sl-enter-x)) scale(.975);filter:blur(3px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes sl-mode-heading {from{opacity:.3;transform:translateY(4px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes sl-reference-pop {0%{transform:translateY(10px) rotate(-18deg) scale(.88)}70%{transform:translateY(-3px) rotate(-5deg) scale(1.035)}100%{transform:translateY(0) rotate(-8deg) scale(1)}}
@keyframes sl-mode-sweep {0%{opacity:0;transform:translateX(-60%)}24%{opacity:1}100%{opacity:0;transform:translateX(60%)}}
@media(prefers-reduced-motion:reduce) {
 .studio-landing *,.studio-landing *::before,.studio-landing *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
 .studio-landing .studio-composer::before {transform:none;opacity:.35;}
 .studio-landing .studio-composer:is(:hover,:focus-within)::before {opacity:0;}
 .studio-landing[data-switching=true] .studio-composer::after {display:none;}
}