/* Clear optical glass. The scene supplies the colour; controls carry a curved lens edge. */
.material-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #d5e9f226;border-radius:14px;background:#0c1622c9;color:#dce6ef;font-family:inherit;font-size:12px;line-height:1.5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.material-switch button{appearance:none;min-width:58px;min-height:38px;padding:7px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#b6c6d4;font:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:background-color 140ms,color 140ms,box-shadow 140ms}
.material-switch button[aria-pressed=true]{background:#d6edf319;border-color:#d2e8ee42;color:#f2f8fc;box-shadow:inset 0 1px 0 #f0fbff30,0 3px 6px #0002}
.material-switch button:hover{color:#fff;background:#d6edf30d}
.material-switch button:focus-visible{outline:2px solid #c6e6ed;outline-offset:3px}
.material-switch--floating{position:fixed;top:89px;inset-inline-end:24px;z-index:49}
.workspace-header .material-switch{margin-inline-start:auto;flex-shrink:0}
.glass-world{--studio-header:54px}
:root[data-material=crystal]{
 --crystal-ink:#eff6fa;--crystal-muted:#c2d0dc;--crystal-rim:#d3e8f24d;
 --clear-white:var(--crystal-ink);--clear-secondary:var(--crystal-muted);--clear-line:#c9e0ec24;--clear-control-line:#cde6ef55;
 --clear-plane:linear-gradient(130deg,#c4dae411,transparent 58%),#101b2966;
 --clear-control:linear-gradient(140deg,#d0e4ee17,#adcad308 60%),#121f2b42;
 --clear-action:linear-gradient(140deg,#dcf1f227,#b4d5df0d 60%),#1b2b3a59;
 --clear-edge:inset 0 1px 0 #e7f6fb40,inset 0 -1px 0 #04101c66,0 8px 24px -17px #000c;
 --clear-blur:blur(8px) saturate(1.08);--glass-ease:cubic-bezier(.2,.8,.2,1);
}
/* No bevel artwork, prismatic corner blocks, permanent tilt or painted blue face. */
html[data-material=crystal] :is(.landing .button,.landing .btn--light,.landing .ask__send,.creation-route,.catalog-tile,.discover-intro>.button){
 --lens-edge:2.5px;position:relative;isolation:isolate;overflow:visible;background:var(--clear-control);border:1px solid #d2e8f224;border-radius:18px;color:var(--crystal-ink);box-shadow:var(--clear-edge);text-shadow:0 1px 2px #07111c66;
 backdrop-filter:blur(7px) saturate(1.08);-webkit-backdrop-filter:blur(7px) saturate(1.08);
 touch-action:manipulation;transition:transform 170ms var(--glass-ease),box-shadow 170ms var(--glass-ease),border-color 170ms,color 140ms;
}
html[data-material=crystal] :is(.landing .button,.landing .btn--light,.landing .ask__send,.creation-route,.catalog-tile,.discover-intro>.button)::before{
 content:"";position:absolute;inset:1px;z-index:-1;pointer-events:none;border:0;border-radius:inherit;clip-path:none;
 background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),rgba(224,244,252,var(--light-alpha,0)),transparent 68%),linear-gradient(130deg,#edf7ff0d,transparent 38%,transparent 70%,#94c6d408);
 box-shadow:inset 0 1px 1px #effaff15;opacity:1;
}
html[data-material=crystal] :is(.landing .button,.landing .btn--light,.landing .ask__send,.creation-route,.catalog-tile,.discover-intro>.button)::after{
 content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;padding:var(--lens-edge);border:0;border-image:none;clip-path:none;border-radius:inherit;opacity:.88;
 background:radial-gradient(ellipse at var(--light-x,25%) var(--light-y,0%),#e4f8ffb3,transparent 64%),linear-gradient(155deg,#e0f5ff7a,transparent 29%,#99bfcc1f 48%,transparent 65%,#cee9f459);
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
}
html[data-material=crystal] :is(.landing .button,.landing .btn--light,.landing .ask__send,.creation-route,.catalog-tile,.discover-intro>.button):hover:not(:disabled){background:var(--clear-control);border-color:#d2e8f24d;box-shadow:inset 0 1px 0 #effbff4d,inset 0 -1px 0 #04101c66,0 11px 25px -17px #000d}
html[data-material=crystal] :is(.landing .button,.landing .btn--light,.landing .ask__send,.creation-route,.catalog-tile,.discover-intro>.button):active:not(:disabled){transform:scale(.985);transition-duration:0ms;box-shadow:inset 0 2px 5px #0003,inset 0 1px 0 #e4f6fc4d,0 4px 12px -10px #0009}
html[data-material=crystal] :is(.creation-route,.catalog-tile,.discover-intro>.button,.landing .btn,.landing .button):focus-visible{outline:2px solid #d5edf4;outline-offset:4px}
html[data-material=crystal] :is(.creation-route,.catalog-tile):disabled{opacity:.5;cursor:not-allowed;transform:none}
html[data-material=crystal] .discover-intro>.button{--lens-edge:2px;min-height:48px;padding:10px 22px;border-radius:14px;font-size:14px;font-weight:550}
html[data-material=crystal] .landing{--fg:var(--crystal-ink);--fg-2:#d5e0e9;--muted:var(--crystal-muted);--dim:#b3c4d2;--ice:#d6edf3;--earth:#c1d8de;--surface:var(--clear-plane);--line:var(--clear-line);--line-2:var(--clear-control-line)}
html[data-material=crystal] .landing :is(.ask,.window,.card,.tri,.story__shell,.workflow__surface,.editor-frame){background:var(--clear-plane);border-color:var(--clear-line);box-shadow:var(--clear-edge);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-material=crystal] .landing .ask{border-radius:20px;transition:border-color 160ms,box-shadow 160ms}
html[data-material=crystal] .landing .ask:focus-within{border-color:#bad7e6;box-shadow:inset 0 1px 0 #e8f6fc40,0 0 0 3px #b7dbe512}
html[data-material=crystal] .landing .ask input{color:var(--crystal-ink)}
html[data-material=crystal] .landing .ask input::placeholder{color:var(--crystal-muted)}
html[data-material=crystal] .landing .ask__send{--lens-edge:2px;border-radius:13px}
html[data-material=crystal] .landing .btn--light{border-radius:14px}
html[data-material=crystal] .landing :is(.window__bar,.window__composer){background:#07101b1a;border-color:var(--clear-line)}
html[data-material=crystal] .landing :is(.btn--ghost,.nav__motion,.nav__burger){background:var(--clear-control);border-color:var(--clear-control-line);color:var(--crystal-ink)}
html[data-material=crystal] .landing :is(.nav.scrolled,.nav.open){background:#0a1522bd;border-color:var(--clear-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-material=crystal] .app-rail{background:linear-gradient(135deg,#d3e5ec09,transparent 60%),#0b1723a6;box-shadow:inset 0 -1px 0 #d3eaf51a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-material=crystal] .tool-nav a[aria-current=page]{background:#d6edf308;border-color:transparent;box-shadow:none}
html[data-material=crystal] .tool-nav a[aria-current=page]::after{content:"";display:block;position:absolute;inset:auto 28% 0;height:2px;border-radius:2px;background:#cde9f3;box-shadow:none}
html[data-material=crystal] .tool-nav a{transition:background-color 140ms,color 140ms}
html[data-material=crystal] .discover-intro h1{font-weight:600;font-size:clamp(29px,2.4vw,38px)}
html[data-material=crystal] .creation-routes{gap:20px;padding-block:5px 12px}
html[data-material=crystal] .creation-route{--lens-edge:3px;min-height:182px;align-items:center;justify-content:center;gap:16px;padding:28px 22px;border-radius:22px;transform:none}
html[data-material=crystal] .creation-route__icon{width:39px;height:39px;color:#d0e8f2;filter:none;transition:transform 160ms var(--glass-ease)}
html[data-material=crystal] .creation-route__icon .icon{width:35px;height:35px}
html[data-material=crystal] .creation-route__copy{text-align:center}
html[data-material=crystal] .creation-route__copy>strong{font-weight:600;font-size:22px;color:#e0edf6;line-height:1.5}
html[data-material=crystal] .creation-route__copy>span{display:none}
html[data-material=crystal] .studio-directory{background:var(--clear-plane);border:1px solid #d2e4ed33;border-radius:22px;box-shadow:inset 0 1px 0 #deeff52b,0 18px 38px -29px #000b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-material=crystal] .catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
html[data-material=crystal] .catalog-group,html[data-material=crystal] .catalog-list{display:contents}
html[data-material=crystal] .catalog-group>h3{display:none}
html[data-material=crystal] .catalog-tile{--lens-edge:2px;min-height:116px;padding:20px 18px;gap:14px;border-radius:16px}
html[data-material=crystal] .catalog-copy{min-width:0}
html[data-material=crystal] .catalog-copy>strong{font-weight:550;font-size:16px}
html[data-material=crystal] .catalog-copy>span{font-size:12px;line-height:1.8;color:var(--crystal-muted);margin-top:4px}
html[data-material=crystal] .catalog-tile>.icon{width:27px;height:27px;color:#c4dfed;flex-shrink:0}
html[data-material=crystal] .catalog-tag{display:none}
html[data-material=crystal] .catalog-launch{margin-inline-start:auto;flex-shrink:0;transition:translate 140ms var(--glass-ease)}
html[data-material=crystal] .catalog-filter{transition:background-color 140ms,color 140ms,box-shadow 140ms}
html[data-material=crystal] .catalog-filter[aria-pressed=true]{border-color:#d1e5eb42;background:#d6edf314;color:#f0f6fa;box-shadow:inset 0 1px 0 #effaff29}
html[data-material=crystal] :is(.project-menu:popover-open,dialog[open]){animation:glass-arrive 150ms var(--glass-ease)}
@keyframes glass-arrive{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){html[data-material=crystal] .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){html[data-material=crystal] .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .glass-world{--studio-header:60px}.material-switch--floating{top:78px;inset-inline-end:18px}
 .workspace-header .material-switch{margin-block:0}.workspace-header:has(.material-switch){height:var(--studio-header);min-height:var(--studio-header);flex-wrap:nowrap;padding-block:3px}.workspace-header .save-status{display:none}
 html[data-material=crystal] .creation-routes{gap:13px}html[data-material=crystal] .creation-route{min-height:160px;padding:22px 15px;gap:14px;border-radius:19px}html[data-material=crystal] .creation-route__copy>strong{font-size:20px}
 html[data-material=crystal] .catalog-tile{padding:18px 15px;min-height:106px}html[data-material=crystal] .catalog-launch{display:none}
 html[data-material=crystal] .landing .nav__links{background:#0e1b2aee;border-color:var(--clear-control-line)}
}
@media(max-width:480px){html[data-material=crystal] .catalog-grid{grid-template-columns:1fr}.material-switch button{min-height:40px}.workspace-header .workspace-location{font-size:11px}}
@media(pointer:coarse){.material-switch button{min-height:44px}}
@media(hover:hover) and (pointer:fine){html[data-material=crystal] .creation-route:hover:not(:disabled) .creation-route__icon{transform:translateY(-1px)}html[data-material=crystal] .catalog-tile:hover:not(:disabled) .catalog-launch{translate:-2px 0}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-material=crystal] :is(.creation-route,.catalog-tile,.landing .btn--light,.landing .button,.discover-intro>.button,.studio-directory){background:#1c2b39}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 :root[data-material=crystal]{--clear-plane:#111f2d;--clear-control:#1b2e3e;--clear-action:#284355;--clear-blur:none}
 .material-switch{background:#0e1b28;backdrop-filter:none;-webkit-backdrop-filter:none}
 html[data-material=crystal] :is(.creation-route,.catalog-tile,.landing .btn--light,.landing .ask__send,.landing .button,.discover-intro>.button,.app-rail,.landing .ask,.landing .card,.landing .window,.landing .tri,.landing .story__shell,.landing .nav.scrolled,.landing .nav.open,.landing .nav__links,.studio-directory){background:#142839;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#90b3c5}
 html[data-material=crystal] :is(.creation-route,.catalog-tile,.landing .btn--light,.landing .ask__send,.landing .button,.discover-intro>.button)::before,html[data-material=crystal] :is(.creation-route,.catalog-tile,.landing .btn--light,.landing .ask__send,.landing .button,.discover-intro>.button)::after{display:none}
 html[data-material=crystal] :is(.creation-route,.catalog-tile,.landing .btn--light,.landing .ask__send,.landing .button,.discover-intro>.button):hover:not(:disabled){background:#243b4b;border-color:#c0d7e5}
}
@media(prefers-reduced-motion:reduce){.material-switch button,html[data-material=crystal] :is(.creation-route,.catalog-tile,.landing .btn--light,.landing .ask__send,.landing .button,.creation-route__icon,.catalog-launch){transition:none;transform:none;translate:none}html[data-material=crystal] :is(.creation-route,.catalog-tile,.landing .btn--light,.landing .ask__send,.landing .button):active:not(:disabled),html[data-material=crystal] .creation-route:hover:not(:disabled) .creation-route__icon,html[data-material=crystal] .catalog-tile:hover:not(:disabled) .catalog-launch{transform:none;translate:none}html[data-material=crystal] :is(.project-menu:popover-open,dialog[open]){animation:none}}