/* SPACES_V9687_CORNER_FIRST_PREVIEW - isolated from app/login styles */
.corner-try .demo-form{display:grid;gap:15px;margin-top:24px;max-width:480px}
.corner-try .demo-field{display:grid;gap:7px;color:#cfc4dc;font-size:13px;font-weight:620}
.corner-try .demo-field input,.corner-try .demo-field textarea,.corner-try .demo-field select{width:100%;min-width:0;border-radius:13px;background:#17141f;border:1px solid #ffffff26;color:#fff;padding:12px 13px;outline:none;line-height:1.5;font:inherit}
.corner-try .demo-field input:focus-visible,.corner-try .demo-field textarea:focus-visible,.corner-try .demo-field select:focus-visible{border-color:#b39bd2;box-shadow:0 0 0 3px #b39bd229}
.corner-try .demo-field textarea{resize:vertical;min-height:75px}
.corner-try .demo-art-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.corner-try .demo-art-row .demo-field{font-size:12px;color:#a9a0b8}
.corner-try .demo-art-row input{font-size:11px;padding:9px;max-width:100%}
.corner-try .demo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.corner-try .demo-actions a,.corner-try .demo-actions button{border-radius:12px;padding:12px 16px;font-weight:650;font-size:13px;border:1px solid #ffffff25;background:#201a2a;color:#f9f2ff;text-decoration:none;cursor:pointer}
.corner-try .demo-actions .primary{background:#755796;border-color:#a58ac3}
.corner-try .demo-actions button:hover,.corner-try .demo-actions a:hover{border-color:#a58ac3;background:#372743}
.corner-try .demo-note{font-size:12px;color:#b1a6be;line-height:1.6}
.corner-try .try-preview{position:sticky;top:22px;align-self:start}
.corner-try .corner-id-banner{background-position:center;background-size:cover}
.corner-try .preview-foot{color:#a99eb8;text-align:center;font-size:12px;line-height:1.55}
@media(max-width:800px){.corner-try .try-preview{position:static}.corner-try .demo-form{max-width:none}}
@media(max-width:440px){.corner-try .demo-art-row{grid-template-columns:1fr}.corner-try .demo-actions a,.corner-try .demo-actions button{flex:1 1 42%;text-align:center}}

/* V96.9: media-free guest styles and motion-safe live treatment. */
.corner-try .demo-customize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.corner-try .demo-customize-grid .demo-field:first-child{grid-column:span 2}
.corner-try #corner-demo-accent{height:45px;padding:5px;cursor:pointer}
.corner-try .corner-id[data-frame=neon]{border:3px solid var(--corner-accent);box-shadow:0 0 30px color-mix(in srgb,var(--corner-accent) 40%,transparent),0 22px 70px #0008}
.corner-try .corner-id[data-frame=lunar]{border:2px solid #e0e7f1;box-shadow:inset 0 0 22px #edf0ff1b,0 18px 60px #0009}
.corner-try .corner-id[data-frame=starlight],.corner-try .corner-id[data-frame=constellation]{border:2px dashed var(--corner-accent)}
.corner-try .corner-id[data-frame=glass]{border:2px solid #ffffff99;box-shadow:inset 0 0 30px #ffffff0d,0 18px 60px #0009}
.corner-try .corner-id[data-frame=meteor]{border:2px solid #e9c5a1;box-shadow:0 0 26px #e6a26b35,0 18px 60px #0009}
.corner-try .corner-id[data-background=starfield] .corner-id-banner{background-image:radial-gradient(circle at 22% 22%,white 1px,transparent 2px),radial-gradient(circle at 72% 62%,#fff9 1px,transparent 2px),linear-gradient(145deg,#221a3d,#090912);background-size:64px 72px,83px 79px,100%}
.corner-try .corner-id[data-background=nebula_drift] .corner-id-banner{background-image:radial-gradient(ellipse at 30% 20%,#b965c570,transparent 56%),radial-gradient(ellipse at 70% 80%,#466cbf55,transparent 60%),linear-gradient(#1f1835,#0a0b12)}
.corner-try .corner-id[data-background=citylights] .corner-id-banner{background-image:repeating-linear-gradient(90deg,#181320 0 15px,#8f7cc650 15px 17px,#181320 17px 30px),linear-gradient(#392452,#10121a)}
.corner-try .corner-id[data-background=mono_grid] .corner-id-banner{background-image:linear-gradient(90deg,#ffffff1b 1px,transparent 1px),linear-gradient(#ffffff1b 1px,transparent 1px);background-size:25px 25px}
.corner-try .corner-id[data-background=aurora_fog] .corner-id-banner{background-image:radial-gradient(ellipse at 65% 10%,#5dceb188,transparent 55%),radial-gradient(ellipse at 10% 80%,#8f68cc77,transparent 70%)}
.corner-try .corner-id[data-corners=soft_square]{border-radius:13px}.corner-try .corner-id[data-corners=notched]{clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,10% 100%,0 90%);border-radius:0}
.corner-try .corner-id[data-motion=gentle] .corner-id-banner{animation:corner-breathe-v969 4s ease-in-out infinite alternate}
.corner-try .corner-id[data-motion=orbit] .corner-id-banner{animation:corner-orbit-v969 7s ease-in-out infinite alternate}
.corner-try .corner-id[data-motion=shimmer] .corner-id-banner{animation:corner-shimmer-v969 2.8s ease-in-out infinite alternate}
@keyframes corner-breathe-v969{from{filter:brightness(.9)}to{filter:brightness(1.2)}}
@keyframes corner-orbit-v969{from{background-position:0 0}to{background-position:95px 0}}
@keyframes corner-shimmer-v969{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(45deg)}}
@media(max-width:440px){.corner-try .demo-customize-grid{grid-template-columns:1fr}.corner-try .demo-customize-grid .demo-field:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.corner-try .corner-id[data-motion] .corner-id-banner{animation:none!important}}

/* V97.1 /u/ guest sample is an identity preview, not the whole advanced Studio. */
.corner-try label[for="corner-demo-motion"],
.corner-try label[for="corner-demo-corners"],
.corner-try label[for="corner-demo-background"]{display:none!important}
.corner-try .corner-id[data-motion] .corner-id-banner{animation:none!important}

/* V97.1: confident, editorial landing page around the intentionally simple demo. */
.hero{position:relative;isolation:isolate;padding-top:100px;padding-bottom:83px}
.hero::before{content:"";pointer-events:none;position:absolute;z-index:-1;right:0;top:-20px;width:min(49vw,520px);height:440px;background:radial-gradient(ellipse,#76619d24,transparent 66%);filter:blur(24px)}
.hero h1{max-width:1000px;background:linear-gradient(130deg,#ffffff 14%,#e4d5f6 53%,#bfa7e6 88%);color:transparent;background-clip:text;-webkit-background-clip:text;text-wrap:balance}
.hero .actions .primary,.corner-try .demo-actions .primary{background:linear-gradient(140deg,#9d7cce,#68518e);border-color:#ba9bd5;box-shadow:0 6px 24px #7d5aaa27}
.corner-try{border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;gap:clamp(25px,7vw,100px);align-items:start;padding-top:66px;padding-bottom:90px}
.corner-try .try-preview{padding:14px;border:1px solid #ffffff21;border-radius:38px;background:linear-gradient(155deg,#ffffff0d,#ffffff03);box-shadow:0 26px 80px #0006}
.corner-try .corner-id{width:100%;max-width:370px;border:1px solid color-mix(in srgb,var(--corner-accent) 36%,#ffffff2c);box-shadow:0 20px 70px #000a}
.corner-try .preview-foot{padding:0 12px 9px}.corner-try .demo-form{gap:17px}
.corner-capabilities-v971{max-width:1210px;margin:0 auto;padding:65px 30px 78px}
.corner-capabilities-heading-v971{max-width:690px;margin:0 0 34px}
.corner-capabilities-heading-v971 h2{margin:13px 0;font-size:clamp(35px,5.1vw,64px);line-height:1.05;letter-spacing:-.065em;text-wrap:balance}
.corner-capabilities-heading-v971>p:last-child{max-width:600px;font-size:16px;line-height:1.75;color:#bab0c8}
.corner-capabilities-grid-v971{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.corner-capability-v971{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:25px;align-items:center;min-height:247px;padding:30px;border-radius:25px;border:1px solid #ffffff21;background:radial-gradient(ellipse at 90% 4%,#8c6eab13,transparent 60%),linear-gradient(155deg,#181521,#0d0c13);overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.corner-capability-v971:hover{transform:translateY(-3px);border-color:#a58ac459}
.corner-capability-v971>div:last-child{grid-row:1;grid-column:1;position:relative;z-index:1}.corner-capability-v971 .corner-capability-art-v971{grid-column:2;grid-row:1}
.corner-capabilities-index-v971{color:#be9edf;letter-spacing:.16em;font-weight:850;font-size:10px}.corner-capability-v971 h3{font-size:clamp(24px,3vw,32px);line-height:1.1;letter-spacing:-.05em;margin:12px 0}.corner-capability-v971 p:last-child{font-size:13px;line-height:1.7;color:#c3b9cd;margin-bottom:0;max-width:350px}
.corner-capability-art-v971{height:176px;display:grid;place-items:center;transform:none}
.corner-capability-art-v971>div{width:160px;min-height:140px;border:1px solid #c9b1ed43;border-radius:13px;box-shadow:0 15px 40px #0007;color:#eee8f8;font:11px/1.35 system-ui}
.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px;background:#1a1625}
.mini-picture{height:92px;display:grid;place-items:center;font-size:25px;border-radius:7px;color:#ffffffb9}
.mini-picture-one{background:linear-gradient(145deg,#a69b8c,#343e51)}.mini-picture-two{background:linear-gradient(145deg,#ab7d96,#3a2e50)}.mini-picture-three{background:linear-gradient(140deg,#59808c,#1d293c)}
.mini-gallery-caption{grid-column:1/-1;display:flex;justify-content:space-between;gap:3px;align-items:center}.mini-gallery-caption b{font-size:9px}.mini-gallery-caption span{font-size:7px;color:#ad9fc2}
.corner-capability-art-v971>.mini-id{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:13px;background:linear-gradient(125deg,#756382,#393044 68%,#24202d);transform:rotate(-5deg)}
.mini-id small{font-size:8px;letter-spacing:.12em}.mini-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ad91ca;color:#20162d;font-size:17px;font-weight:800;margin-top:9px}.mini-id strong{font-size:16px}.mini-id>span{font-size:9px;color:#dbcee7}.mini-id i{font-size:8px;border:1px solid #ffffff45;border-radius:15px;padding:3px 7px}.mini-id footer{font-size:7px;letter-spacing:.13em;border-top:1px solid #ffffff30;width:100%;padding-top:7px;margin-top:8px}
.mini-player{padding:8px;background:#161522}.mini-video{height:92px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#4e5066,#1b2635 70%);border-radius:7px}.mini-video>span{width:37px;height:37px;border-radius:50%;background:#ffffff35;display:grid;place-items:center;font-size:17px;padding-left:3px}.mini-video small{position:absolute;left:8px;bottom:6px;font-size:7px;letter-spacing:.13em}.mini-track{display:flex;align-items:center;gap:8px;margin-top:9px}.mini-track>span{background:#5c476f;border-radius:6px;padding:7px}.mini-track div{display:grid;gap:2px}.mini-track b{font-size:9px}.mini-track small{font-size:8px;color:#b2a2c1}.mini-track i{margin-left:auto;font-size:9px}
.mini-privacy{padding:12px;background:#1d1928;display:grid;gap:10px}.mini-privacy header{display:flex;gap:7px;font-size:12px;border-bottom:1px solid #ffffff19;padding-bottom:8px}.mini-privacy>div{display:flex;justify-content:space-between;align-items:center;font-size:9px}.mini-toggle{width:25px;height:14px;border-radius:20px;background:#474052;position:relative}.mini-toggle:before{content:'';position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#c7bfd0}.mini-toggle.on{background:#715e98}.mini-toggle.on:before{left:14px;background:#fff}.mini-privacy>small{color:#ae9fbe;font-size:8px}
@media(max-width:850px){.corner-capabilities-grid-v971{grid-template-columns:1fr}.corner-try .try-preview{max-width:460px;margin:auto}.corner-capabilities-v971{padding-top:45px}}
@media(max-width:530px){.hero{padding-top:58px;padding-bottom:44px}.corner-try{padding-top:37px;padding-bottom:45px}.corner-capabilities-v971{padding:37px 20px 63px}.corner-capability-v971{grid-template-columns:1fr 110px;min-height:205px;padding:20px;gap:10px}.corner-capability-art-v971{height:115px;transform:scale(.7);transform-origin:center}.corner-capability-v971 h3{font-size:24px}.corner-capability-v971 p:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){.corner-capability-v971{transition:none}}