@font-face{font-family:Jakarta;src:url('../assets/jakarta.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{font-family:Jakarta,Arial,sans-serif;color:#292232;background:#f5f4f1;font-synthesis:none;--brand:#504068;--yellow:#fff038}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b18ad6;outline-offset:4px}button{transition:background .2s,color .2s,transform .2s}button:hover{filter:brightness(.97)}.studio-header{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #e6e3e8}.studio-brand{display:flex;align-items:center;gap:13px;color:#382743;text-decoration:none}.studio-brand img{width:35px;height:35px}.studio-brand>span{font-size:13px;font-weight:800;letter-spacing:1.3px}.studio-brand b{font-weight:400;letter-spacing:0;border-left:1px solid #dad5df;margin-left:17px;padding-left:17px;color:#706977}.header-note{display:flex;gap:9px;align-items:center;font-size:11px;color:#726979}.status-dot{width:6px;height:6px;background:#938c67;border-radius:50%}.version{border:1px solid #ddd9e2;padding:5px 8px;border-radius:4px;font-size:9px;margin-left:12px}main{max-width:1512px;padding:42px 4.5% 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#7a6a86;margin:0 0 12px}.intro h1{font-size:clamp(23px,2.1vw,33px);font-weight:600;letter-spacing:-1.2px;margin:0}.intro>p{color:#817a85;font-size:11px;line-height:1.9;margin:0}.concept-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.concept-tabs button{border:1px solid #dfdce3;background:transparent;text-align:left;display:flex;gap:13px;align-items:center;padding:17px 18px;border-radius:10px;min-width:0;color:#68616e}.concept-tabs button[aria-pressed=true]{background:#fff;border-color:#665078;box-shadow:0 2px 5px #37254008;color:#352240}.tab-number{font-size:11px;color:#94889f}.concept-tabs button[aria-pressed=true] .tab-number{background:#eee8f3;color:#654c7c}.tab-number{height:28px;width:28px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.concept-tabs button>span:nth-child(2){font-weight:700;font-size:12px}.concept-tabs small{display:block;font-weight:400;font-size:9px;color:#827a89;margin-top:6px;white-space:nowrap}.tab-arrow{margin-left:auto;font-size:18px;color:#94879d}.preview-shell{border:1px solid #dbd6e0;border-radius:13px;overflow:hidden;box-shadow:0 15px 40px -25px #35244140;background:white}.preview-toolbar{height:45px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #e9e6eb}.preview-toolbar>span{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600}.preview-toolbar i{width:6px;height:6px;background:#8a739c;border-radius:50%}.demo-tag{font-size:7px;font-weight:500;background:#f3f0f5;border:1px solid #e9e4ec;padding:4px 6px;border-radius:4px;letter-spacing:.8px;color:#81718f;margin-left:7px}.preview-toolbar>div{display:flex;gap:17px}.preview-toolbar button{border:0;background:none;color:#766a80;font-size:16px;padding:5px 0;min-height:30px}.preview-toolbar button span{font-size:9px;margin-left:4px}.login-preview{display:grid;grid-template-columns:1.13fr 1fr;min-height:670px;position:relative;isolation:isolate}.art-panel{background:radial-gradient(ellipse at 40% 60%,#4b3269 0,#271c39 58%,#1b1527 100%);position:relative;overflow:hidden;min-width:0;color:white;display:flex;flex-direction:column}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,black 40%,transparent)}.art-brand{position:relative;z-index:2;display:flex;gap:10px;align-items:center;margin:33px 37px}.art-brand img{width:31px;height:31px;border-radius:7px}.art-brand>span{font-size:12px;letter-spacing:2.7px;font-weight:700}.art-brand span span{display:block;font-size:6px;letter-spacing:4px;margin-top:3px}.art-copy{margin:20px 37px 0;position:relative;z-index:2;pointer-events:none}.art-eyebrow{font-size:8px;letter-spacing:2px;color:#cec0df;margin:0 0 16px}.art-copy h2{font-size:clamp(29px,3vw,44px);font-weight:500;letter-spacing:-1.6px;line-height:1.2;margin:0}.art-copy>p:last-child{color:#c6b6d5;font-size:11px;line-height:1.9;margin-top:15px}.art-bottom{position:absolute;bottom:26px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:8px;color:#c6b6d5;gap:10px}.art-bottom button{color:inherit;border:1px solid #ffffff30;border-radius:30px;font-size:8px;padding:9px 11px;background:#ffffff08}.art-bottom button span{margin-left:10px}#scene{position:absolute;inset:220px -10px 35px;z-index:1;touch-action:pan-y}#scene canvas{display:block;width:100%;height:100%}.scene-tooltip{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);background:#ffffffeb;color:#503c65;padding:8px 12px;border:1px solid #ffffff90;font-size:9px;border-radius:20px;z-index:4;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.scene-tooltip.visible{opacity:1}.scene-fallback{position:absolute;inset:55% 10% auto;text-align:center;font-size:12px;line-height:2;color:inherit}.form-panel{background:#fff;display:flex;flex-direction:column;padding:30px 45px 24px;position:relative;z-index:5}.form-top{display:flex;align-items:center;justify-content:space-between}.form-top img{width:82px;height:auto}.form-top>span{font-size:8px;letter-spacing:1.8px;color:#81728b}.form-content{width:min(100%,332px);margin:30px auto 24px}.welcome-icon{width:35px;height:35px;display:grid;place-items:center;background:#f3eff7;border-radius:11px;color:#6c507d;margin-bottom:18px}.welcome-icon svg{width:19px;height:19px}.form-kicker{font-size:8px;letter-spacing:1.8px;color:#8a7b94;font-weight:600}.form-content h2{font-size:29px;line-height:1.3;letter-spacing:-1.2px;font-weight:600;margin:10px 0 12px;color:#342640}.form-subtitle{font-size:11px;line-height:1.85;color:#8c8391;margin:0 0 24px}form label{font-size:10px;font-weight:600;color:#51425d}.input-wrap{display:flex;align-items:center;border:1px solid #e1dce6;background:#fdfcfe;height:45px;border-radius:8px;margin-top:8px;gap:11px;padding:0 13px}.input-wrap:focus-within{border-color:#9271b0;box-shadow:0 0 0 3px #a58cbd18}.input-wrap>svg{width:16px;height:16px;flex-shrink:0;color:#a197aa}.input-wrap input{border:0;background:transparent;outline:0;min-width:0;flex:1;font-size:11px;color:#675a73;height:100%}.input-wrap button{display:grid;place-items:center;background:none;border:0;color:#94859e;padding:9px;margin-right:-8px;min-width:35px;min-height:35px}.input-wrap button svg{width:16px;height:16px}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.password-label button{font-size:9px;color:#7a598e;border:0;background:none;padding:2px}.submit-button{border:0;border-radius:8px;background:#504068;color:white;padding:0 17px;height:46px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin-top:24px}.submit-button>span:last-child{font-size:19px;font-weight:400}.submit-button:hover{background:#67517f}.submit-button:disabled{opacity:.75;cursor:wait}.demo-disclaimer{text-align:center;font-size:8px;color:#958b9d;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:17px}#form-message{margin:0;font-size:10px;line-height:1.6;color:#655079}#form-message:not(:empty){margin-top:12px;background:#f3eff7;padding:10px;border-radius:7px}.form-footer{display:flex;justify-content:space-between;margin-top:auto;color:#a096a6;font-size:7px}.form-footer span:last-child{display:flex;align-items:center;gap:5px}.form-footer svg{width:11px;height:11px}.concept-detail{display:flex;gap:25px;align-items:flex-start;padding:28px 2px 22px}.detail-number{font-size:10px;color:#92849d;letter-spacing:1px;padding-top:5px;white-space:nowrap}.detail-copy{flex:1}.detail-copy>div:first-child{display:flex;gap:12px;align-items:center}.detail-copy h2{font-size:16px;font-weight:600;margin:0}.detail-copy #detail-badge{font-size:7px;letter-spacing:.7px;background:#eae5ed;color:#7b608c;padding:5px 7px;border-radius:3px}.detail-copy p{font-size:11px;line-height:1.8;color:#8a808e;max-width:610px;margin:10px 0}.detail-tags{display:flex;gap:6px}.detail-tags span{font-size:8px;border:1px solid #e0dbe5;padding:5px 8px;border-radius:20px;color:#8c7c97}#choose{background:transparent;border:1px solid #cfc5d8;border-radius:8px;min-height:40px;padding:10px 15px;color:#725582;font-size:15px;white-space:nowrap}#choose span{font-size:10px;margin-left:6px}#choose.selected{background:#504068;color:white}#selection-message{font-size:11px;text-align:right;color:#705280;min-height:22px}.studio-footer{max-width:1512px;display:flex;justify-content:space-between;gap:15px;padding:21px 4.5%;margin:10px auto 0;border-top:1px solid #e3dfe5;color:#918597;font-size:8px;letter-spacing:.5px}.studio-footer>span:first-child{font-size:8px;font-weight:600;letter-spacing:1.2px}.studio-footer>span:first-child span{margin:0 8px;color:#b3a8bb}.theme-1{grid-template-columns:1fr 1.13fr}.theme-1 .art-panel{order:2;background:radial-gradient(ellipse at 50% 55%,#f1e9f8,#e5ddeb);color:#504068}.theme-1 .art-copy>p:last-child,.theme-1 .art-eyebrow,.theme-1 .art-bottom{color:#8a7399}.theme-1 .art-bottom button{border-color:#a58bb650;background:#ffffff50}.theme-1 .art-grid{background-image:linear-gradient(#50406806 1px,transparent 1px),linear-gradient(90deg,#50406806 1px,transparent 1px)}.theme-2{grid-template-columns:1.1fr 1fr}.theme-2 .art-panel{background:radial-gradient(ellipse at 50% 45%,#f7f1e7,#e9dfd2);color:#5e435e}.theme-2 .art-brand{color:#5c4568}.theme-2 .art-eyebrow,.theme-2 .art-copy>p:last-child,.theme-2 .art-bottom{color:#8e7788}.theme-2 .art-copy h2{font-weight:400;font-size:45px;letter-spacing:-2px}.theme-2 .art-bottom button{border-color:#a58bb650;background:#ffffff50}.theme-2 .art-grid{display:none}.theme-2 .form-panel{background:#fffefc}.theme-2 .form-content h2{font-weight:500}.theme-3{display:flex;justify-content:center;background:#1a1428;min-height:760px}.theme-3 .art-panel{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#44305c,#181222 75%)}.theme-3 .art-brand{margin:32px}.theme-3 .art-copy{position:absolute;top:36px;left:0;right:0;text-align:center;margin:0}.theme-3 .art-copy h2{font-size:27px;letter-spacing:-1px}.theme-3 .art-copy h2 br{display:none}.theme-3 .art-copy>p:last-child{display:none}.theme-3 .art-eyebrow{font-size:7px;margin-bottom:10px}.theme-3 .form-panel{width:365px;margin:138px 0 65px;padding:25px 30px 21px;border-radius:18px;background:#fffffff5;box-shadow:0 20px 80px #0005;min-height:520px;align-self:center}.theme-3 .form-top>img{width:61px}.theme-3 .form-content{margin-top:22px;margin-bottom:15px}.theme-3 .welcome-icon{display:none}.theme-3 .form-content h2{font-size:25px}.theme-3 .form-kicker{font-size:7px}.theme-3 #scene{inset:110px 0 50px}.theme-3 .art-bottom{left:30px;right:30px}.expanded .preview-shell{position:fixed;inset:0;z-index:99;border-radius:0;overflow:auto}.expanded .login-preview{min-height:calc(100dvh - 45px)}.expanded{overflow:hidden}
@media(min-width:1600px){.login-preview{min-height:740px}.form-content{margin-top:45px}.form-content h2{font-size:34px}#scene{inset:240px 0 35px}}
@media(max-width:1000px){main{padding:28px 3% 0}.studio-header{padding:0 3%}.intro>p{font-size:10px}.concept-tabs button{padding:13px 10px;gap:7px}.concept-tabs small{font-size:8px}.tab-arrow{display:none}.form-panel{padding:25px}.art-copy{margin:20px 25px 0}.art-brand{margin:30px 25px}.art-bottom{left:20px;right:20px;font-size:7px}.art-bottom button{font-size:7px}.form-content h2{font-size:26px}.theme-2 .art-copy h2{font-size:37px}}
@media(max-width:680px){.studio-header{height:62px;padding:0 18px}.studio-brand>span{font-size:11px}.studio-brand img{width:29px;height:29px}.studio-brand b{font-size:10px;margin-left:9px;padding-left:9px}.header-note{display:none}main{padding:26px 14px 0}.intro{display:block;margin-bottom:22px}.intro h1{font-size:24px;letter-spacing:-.8px;max-width:310px;line-height:1.35}.intro>p{font-size:10px;margin-top:13px}.intro>p br{display:none}.eyebrow{font-size:7px;letter-spacing:1.4px}.concept-tabs{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.concept-tabs button{padding:12px 8px;gap:7px}.concept-tabs button>span:nth-child(2){font-size:10px}.concept-tabs small{font-size:7px;margin-top:4px}.tab-number{font-size:9px;width:23px;height:23px}.preview-toolbar{padding:0 12px;height:43px}.preview-toolbar>span{font-size:9px}.demo-tag{display:none}.preview-toolbar>div{gap:14px}.preview-toolbar button span{display:none}.preview-toolbar button{min-width:28px}.login-preview,.theme-1,.theme-2{display:flex;flex-direction:column;min-height:auto}.art-panel,.theme-1 .art-panel{order:0;min-height:400px}.art-brand{margin:22px}.art-brand img{width:25px;height:25px}.art-brand>span{font-size:9px}.art-brand span span{font-size:5px}.art-copy{margin:0 22px}.art-copy h2,.theme-2 .art-copy h2{font-size:30px;letter-spacing:-1px}.art-eyebrow{font-size:7px;margin-bottom:10px}.art-copy>p:last-child{font-size:9px;margin-top:9px}.art-bottom{bottom:16px;font-size:7px;left:18px;right:18px}#scene{inset:150px -15px 25px}.scene-tooltip{bottom:53px;font-size:8px}.form-panel{padding:24px 25px;min-height:590px}.form-top img{width:67px}.form-top>span{font-size:7px}.form-content{margin:27px auto 25px;width:100%;max-width:360px}.form-content h2{font-size:28px}.form-subtitle{font-size:11px}.form-footer{font-size:7px}.input-wrap{height:47px}.input-wrap input{font-size:14px}.submit-button{height:47px}.concept-detail{gap:12px;flex-wrap:wrap;padding-top:23px}.detail-number{font-size:9px}.detail-copy{min-width:220px}.detail-copy h2{font-size:14px}.detail-copy p{font-size:10px}.detail-copy #detail-badge{font-size:6px}.detail-copy>div:first-child{gap:8px}#choose{margin-left:54px;font-size:14px}#selection-message{text-align:left;line-height:1.7}.studio-footer{font-size:7px;line-height:1.8;flex-direction:column;gap:7px;padding:18px}.theme-3{min-height:810px;padding:0 18px;display:flex;flex-direction:row}.theme-3 .art-panel{min-height:810px}.theme-3 .art-brand{margin:22px}.theme-3 .art-copy{top:85px;padding:0 20px}.theme-3 .art-copy h2{font-size:23px}.theme-3 .form-panel{margin:170px 0 65px;padding:24px;width:100%;max-width:350px;min-height:555px}.theme-3 #scene{inset:140px -140px 40px}.theme-3 .art-bottom{font-size:6px;left:18px;right:18px}.theme-3 .art-bottom button{font-size:6px}.expanded .login-preview{min-height:100dvh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Final readability and compact-screen composition. */
.form-subtitle,.intro>p,.detail-copy p{color:#766b7e}.form-kicker,.form-top>span,.demo-disclaimer,.form-footer{color:#796b83}.detail-tags span,.studio-footer,.concept-tabs small{color:#76677f}.form-subtitle{font-size:12px}form label{font-size:11px}.input-wrap input{font-size:12px}.submit-button{font-size:12px}.password-label button{font-size:10px}.theme-3 .form-panel{background:#fbf9fd}.theme-1 .art-eyebrow,.theme-1 .art-copy>p:last-child,.theme-1 .art-bottom,.theme-2 .art-eyebrow,.theme-2 .art-copy>p:last-child,.theme-2 .art-bottom{color:#77617e}
@media(max-width:680px){.input-wrap input{font-size:16px}.theme-3{min-height:1120px}.theme-3 .art-panel{min-height:1120px}.theme-3 #scene{inset:165px -80px auto;height:260px}.theme-3 .form-panel{margin-top:420px;margin-bottom:70px}.preview-toolbar button{min-width:32px;min-height:36px}.art-bottom button{min-height:32px}.password-label button{min-height:30px}.input-wrap button{min-height:42px;min-width:42px}.demo-disclaimer{font-size:9px}}
/* V2 — direct manipulation, scene controls, and tactile feedback. */
button{position:relative;overflow:hidden}button:active{transform:scale(.97)}.concept-tabs button:hover{background:#fff;transform:translateY(-3px);box-shadow:0 7px 18px #50406815}.concept-tabs button:hover .tab-arrow{transform:translate(3px,-3px);color:#504068}.tab-arrow{transition:transform .2s}.art-panel::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(280px circle at var(--mx,50%) var(--my,60%),#b791db18,transparent 80%)}#scene{cursor:grab;outline-offset:-4px;touch-action:pan-y}#scene.exploring{touch-action:none}.scene-cursor{display:none;position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #d2b8ed75;border-radius:50%;background:#8f67b218;backdrop-filter:blur(2px);align-items:center;justify-content:center;color:#f1e5fc;font-size:8px;letter-spacing:1px}.scene-cursor.visible{display:flex}.theme-1 .scene-cursor,.theme-2 .scene-cursor{border-color:#77548c88;color:#604378}.scroll-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff1;z-index:8}.scroll-track i{display:block;height:100%;background:#fff038;transform-origin:left;transform:scaleX(0)}.theme-1 .scroll-track i,.theme-2 .scroll-track i{background:#906088}.interaction-dock{background:#fff;border-top:1px solid #e9e3ee;padding:23px 27px 20px;display:grid;grid-template-columns:1fr auto;gap:18px 20px}.explore-heading>div{display:flex;align-items:center;gap:8px}.explore-heading b{font-size:13px;font-weight:600;letter-spacing:-.2px}.live-indicator{width:7px;height:7px;background:#8d6b9c;border-radius:50%;box-shadow:0 0 0 4px #f4eef8}.new-badge{font-size:7px;font-weight:700;letter-spacing:1px;color:#826293;background:#f0eaf5;padding:4px 6px;border-radius:3px}.explore-heading p{font-size:10px;line-height:1.7;color:#7b6b87;margin:8px 0 0}.camera-controls{display:flex;align-items:center;gap:5px;align-self:start}.camera-controls button{border:1px solid #e2d9e9;border-radius:7px;color:#76528b;background:#fcfaff;min-width:35px;height:36px;font-size:18px}.camera-controls button:hover{background:#e8def0}.camera-controls output{font-size:10px;width:39px;text-align:center;color:#796785}.camera-controls #explore-mode{font-size:10px;margin-left:6px;padding:0 12px}.camera-controls #explore-mode[aria-pressed=true]{background:#504068;color:white;border-color:#504068}.control-divider{width:1px;height:18px;background:#e4dce9;margin:0 4px}.object-picker{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.object-picker button{border:1px solid #e3daeb;background:#fcfafe;border-radius:6px;padding:9px 12px;min-height:35px;color:#7a648a;font-size:10px}.object-picker button[aria-pressed=true]{background:#504068;color:#fff;border-color:#504068;box-shadow:0 3px 9px #50406820}.object-picker button:hover{transform:translateY(-2px)}.object-inspector{grid-column:1/-1;display:flex;align-items:center;gap:15px;background:#f7f4fa;border:1px solid #e8e0ef;border-radius:10px;padding:18px 20px}.inspector-icon{font-size:30px;color:#9578aa;width:40px;flex-shrink:0}.object-inspector>div:nth-child(2){flex:1}.object-inspector #object-kicker{font-size:7px;letter-spacing:1.3px;color:#8c759b;margin:0 0 6px}.object-inspector h3{font-size:16px;font-weight:600;margin:0;color:#4d355f}.object-inspector #object-description{font-size:11px;line-height:1.75;color:#7d678b;margin:7px 0 0;max-width:640px}#scene-action{background:#504068;color:white;border:0;border-radius:7px;min-height:42px;font-size:11px;padding:0 18px;white-space:nowrap}#scene-action:hover{background:#75568c;box-shadow:0 4px 15px #50406825}.fine-controls{grid-column:1/-1;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.fine-controls>label{display:flex;align-items:center;gap:10px;font-size:9px;color:#826c91;white-space:nowrap}.fine-controls input{width:120px;accent-color:#806095;cursor:ew-resize}.fine-controls>p{font-size:10px;line-height:1.6;color:#7b658b;flex:1;margin:0;text-align:right}.material-picker{display:flex;gap:5px;align-items:center}.material-picker[hidden]{display:none}.material-picker>span{font-size:9px;color:#7b658b;margin-right:5px}.material-picker button{font-size:9px;border:1px solid #e1d7e9;background:#fff;color:#7d5e90;min-height:31px;border-radius:5px;padding:5px 8px}.material-picker button[aria-pressed=true]{background:#e5d9ef;border-color:#bba2cd;color:#52356b}.input-wrap{transition:background .2s,box-shadow .2s,border-color .2s}.input-wrap:focus-within{background:#fff;box-shadow:0 0 0 4px #ad86c922,0 4px 15px #50406808}.input-wrap:focus-within>svg{color:#75508f;transform:scale(1.12)}.input-wrap svg{transition:color .2s,transform .2s}.input-wrap.field-ready{border-color:#a18bb2}.welcome-icon{transition:transform .3s,background .3s,box-shadow .3s}.form-focused .welcome-icon{background:#e6d8f0;transform:rotate(-8deg) scale(1.1);box-shadow:0 0 25px #cdb1df60}.login-processing .welcome-icon{animation:welcome-pulse .8s ease-in-out infinite}.login-success .welcome-icon{background:#e1eedf;color:#54774d;transform:rotate(0) scale(1.13)}.login-success .submit-button{background:#5e486e}.login-processing .submit-button::after{content:'';position:absolute;bottom:0;height:3px;background:#fff038;left:0;width:100%;transform-origin:left;animation:login-progress 1.4s ease-out both}.click-ripple{position:absolute;pointer-events:none;background:#b68bce40;border-radius:50%;width:15px;height:15px;transform:translate(-50%,-50%);animation:ripple-pop .65s ease-out forwards}.submit-button .click-ripple,#scene-action .click-ripple{background:#fff03850}.expanded .interaction-dock{position:relative;z-index:20}.scene-tooltip{max-width:90%;white-space:normal;text-align:center}.art-bottom{pointer-events:none}.art-bottom button{pointer-events:auto}.motion-paused .scene-cursor{display:none}.motion-paused .login-processing .welcome-icon{animation:none}@keyframes ripple-pop{to{transform:translate(-50%,-50%) scale(18);opacity:0}}@keyframes login-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes welcome-pulse{50%{transform:scale(1.15);box-shadow:0 0 30px #c09fd466}}
@media(max-width:1000px){.interaction-dock{grid-template-columns:1fr;padding:20px}.camera-controls{grid-row:2}.object-inspector{padding:15px}.fine-controls>p{text-align:left}.explore-heading p{font-size:10px}.object-inspector #object-description{font-size:10px}}
@media(max-width:680px){.interaction-dock{padding:19px 15px;gap:15px}.explore-heading b{font-size:12px}.camera-controls{gap:3px;flex-wrap:wrap}.camera-controls button{min-width:34px;min-height:40px}.camera-controls output{width:34px}.camera-controls #explore-mode{padding:0 8px;font-size:9px;margin-left:2px}.object-picker{gap:5px}.object-picker button{padding:8px 9px;font-size:9px;min-height:38px}.object-inspector{gap:9px;flex-wrap:wrap;padding:14px}.inspector-icon{width:25px;font-size:24px}.object-inspector>div:nth-child(2){min-width:200px}.object-inspector h3{font-size:15px}.object-inspector #object-description{font-size:10px}.object-inspector #object-kicker{font-size:6px}#scene-action{margin-left:34px;min-height:42px;font-size:10px}.fine-controls{gap:14px}.fine-controls>p{flex-basis:100%;font-size:9px}.fine-controls input{width:130px}.scene-cursor{display:none!important}.theme-3 #scene{inset:165px 0 auto;height:260px}.theme-3 .art-bottom{font-size:6px}.art-bottom button{font-size:8px}.expanded .login-preview{min-height:auto}}
@media(prefers-reduced-motion:reduce){.click-ripple{display:none}.login-processing .welcome-icon,.login-processing .submit-button::after{animation:none}.concept-tabs button:hover,.object-picker button:hover{transform:none}}
/* Collection 02 — Grahita purple and warm yellow. */
:root{--vivid:#4c2679;--accent:#dfc34f;--vivid-ink:#301843}body{background:#f4f2f5;color:#161324}body[data-color=coral]{--vivid:#4c2679;--accent:#d5b735;--vivid-ink:#382047}body[data-color=cobalt]{--vivid:#563180;--accent:#d5b735;--vivid-ink:#281638}body[data-color=bloom]{--vivid:#623684;--accent:#dfc34f;--vivid-ink:#352047}.studio-header{height:78px;border-bottom-color:#dedde7}.collection-link{font-size:11px;font-weight:600;color:#382068;padding:9px 14px;border:1px solid #d0c9e0;border-radius:30px;text-decoration:none;transition:background .2s}.collection-link:hover{background:#ebe4fc}.version{color:#4c2679;background:#eee8ff;border-color:#dbd0f4}.intro{margin-bottom:30px}.intro h1{font-size:37px;font-weight:750;letter-spacing:-1.7px}.eyebrow{color:#4c2679;font-size:9px;font-weight:800}.intro>p{color:#5d526e;font-size:12px}.concept-tabs button{background:#fff;border-color:#d9d4e5;padding:18px 15px;position:relative;box-shadow:none}.concept-tabs button[aria-pressed=true]{border-color:var(--vivid);box-shadow:0 3px 0 var(--vivid)}.concept-tabs button>span:nth-child(2){font-size:12px;color:#231638}.concept-tabs small{font-size:9px;color:#665777}.concept-tabs .tab-number{background:#eee8fc;color:#4c2679;font-weight:700}.concept-tabs button[data-option="1"] .tab-number{background:#eee7f2;color:#4c2679}.concept-tabs button[data-option="2"] .tab-number{background:#e8e0ee;color:#4c2679}.concept-tabs button[data-option="3"] .tab-number{background:#eee4f2;color:#623684}.concept-tabs button[aria-pressed=true] .tab-number{background:var(--vivid);color:white}.preview-shell{border-color:#cec6dd;box-shadow:0 20px 55px -30px #371d6f50}.preview-toolbar{height:46px}.preview-toolbar>span{font-size:11px;color:#311553}.preview-toolbar i{background:var(--vivid)}.demo-tag{background:#efe7ff;color:#4c2679;border:0;font-weight:700}.login-preview{min-height:740px;grid-template-columns:1.2fr 1fr}.art-panel,.theme-1 .art-panel,.theme-2 .art-panel,.theme-3 .art-panel{color:#fff}.art-brand{margin:32px 35px}.art-brand img{width:34px;height:34px}.art-brand>span{font-size:12px}.art-copy{margin:17px 35px 0}.art-copy h2,.theme-2 .art-copy h2{font-size:clamp(37px,3.6vw,53px);font-weight:750;letter-spacing:-2.2px;line-height:1.08}.art-copy h2 em{font-style:normal;color:var(--accent)}.art-eyebrow,.theme-1 .art-eyebrow,.theme-2 .art-eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:700;color:#fff;margin-bottom:15px}.art-copy>p:last-child,.theme-1 .art-copy>p:last-child,.theme-2 .art-copy>p:last-child{font-size:12px;line-height:1.7;color:#fff;margin-top:17px}.art-bottom,.theme-1 .art-bottom,.theme-2 .art-bottom{color:#fff;font-size:9px}.art-bottom button,.theme-1 .art-bottom button,.theme-2 .art-bottom button{background:var(--accent);color:#24123a;border:0;font-size:10px;font-weight:700;min-height:36px;padding:10px 15px}.art-grid{opacity:.6;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:48px 48px}.art-panel::after{background:radial-gradient(260px circle at var(--mx,50%) var(--my,60%),#ffffff0e,transparent 80%)}#scene{inset:250px -10px 52px}.scene-tooltip{color:#2b0a52;font-weight:600;background:#fff;box-shadow:0 5px 20px #0002}.form-panel{padding:33px 42px 26px;background:#fff}.form-top>span{color:#614a80;font-size:9px;font-weight:700}.form-content{width:min(100%,350px);margin:39px auto 26px}.form-kicker{color:var(--vivid);font-weight:750;font-size:8px}.form-content h2,.theme-2 .form-content h2{font-size:32px;line-height:1.25;font-weight:700;letter-spacing:-1.2px;color:#211137;margin:12px 0}.form-subtitle{font-size:12px;color:#675773}.welcome-icon{background:#efe6ff;color:var(--vivid);width:39px;height:39px}.input-wrap{height:49px;border-color:#cbbede;background:#fff}.input-wrap input{color:#463258;font-size:13px}.input-wrap>svg{color:#8a6ca2}.input-wrap:focus-within{border-color:var(--vivid);box-shadow:0 0 0 4px #4c26791c}.password-label button{color:var(--vivid);font-weight:600}.submit-button,.login-success .submit-button{height:49px;background:var(--vivid);font-size:12px;box-shadow:0 6px 18px color-mix(in srgb,var(--vivid) 25%,transparent)}.submit-button:hover{background:var(--vivid);filter:brightness(1.15)}.form-footer,.demo-disclaimer{color:#705b82}.form-footer{font-size:8px}.form-footer svg{width:12px}.theme-0 .art-panel{background:radial-gradient(ellipse at 55% 65%,#65408a 0,#4c2679 48%,#301846 100%)}.theme-0 .form-panel{border-top:5px solid #d5b735}.theme-1{grid-template-columns:1fr 1.2fr}.theme-1 .art-panel{background:radial-gradient(ellipse at 50% 55%,#f1ebe1,#e9e1da 65%,#ded2dd);order:2}.theme-1 .art-copy h2{color:#4c2679}.theme-1 .art-copy h2 em{color:#76518e}.theme-1 .art-eyebrow,.theme-1 .art-copy>p:last-child{color:#4c2679}.theme-1 .art-brand{color:#4c2679}.theme-1 .art-grid{background-image:linear-gradient(#5b003a0c 1px,transparent 1px),linear-gradient(90deg,#5b003a0c 1px,transparent 1px)}.theme-1 .art-bottom{color:#4c2679}.theme-1 .form-panel{background:#fffdf8;border-bottom:5px solid #78539a}.theme-1 .welcome-icon{background:#eee7f2;color:#4c2679}.theme-2{grid-template-columns:1fr 1.2fr;background:#241530}.theme-2 .art-panel{order:2;background:radial-gradient(ellipse at 50% 57%,#65428a,#4c2679 52%,#342045);color:#fff}.theme-2 .art-brand{color:#fff}.theme-2 .form-panel{background:#241530;color:#fff;border-right:1px solid #563b6b}.theme-2 .form-top img{background:#fff;border-radius:9px;padding:7px;width:83px}.theme-2 .form-content h2{color:white}.theme-2 .form-kicker,.theme-2 .form-top>span{color:#dfc34f}.theme-2 .form-subtitle,.theme-2 .form-footer,.theme-2 .demo-disclaimer{color:#c8b6d7}.theme-2 form label{color:#e1d2eb}.theme-2 .welcome-icon{background:#3f2855;color:#dfc34f}.theme-2 .input-wrap{background:#30203e;border-color:#735984}.theme-2 .input-wrap input{color:white}.theme-2 .input-wrap>svg,.theme-2 .input-wrap button{color:#c4a9d8}.theme-2 .password-label button{color:#dfc34f}.theme-2 .submit-button{background:#d5b735;color:#281638;box-shadow:0 6px 25px #d5b73518}.theme-2 .art-bottom button{color:#281638}.theme-2 #form-message{background:#3f2855;color:#f1e8f7}.theme-3{display:grid;grid-template-columns:1.2fr 1fr;min-height:740px;padding:0;background:#fff}.theme-3 .art-panel{position:relative;inset:auto;min-height:740px;background:radial-gradient(ellipse at 45% 62%,#75518f,#573172 55%,#352047);order:0}.theme-3 .art-brand{margin:32px 35px}.theme-3 .art-copy{position:relative;top:auto;left:auto;right:auto;text-align:left;margin:17px 35px 0}.theme-3 .art-copy h2{font-size:clamp(44px,4.2vw,64px);line-height:1.02;font-weight:750;letter-spacing:-2.5px}.theme-3 .art-copy h2 br{display:block}.theme-3 .art-copy>p:last-child{display:block;color:#fff}.theme-3 .art-eyebrow{font-size:8px;margin-bottom:15px}.theme-3 .form-panel{width:auto;margin:0;padding:33px 42px 26px;border-radius:0;min-height:740px;align-self:stretch;background:#fff;box-shadow:none;border-top:5px solid #d5b735}.theme-3 .form-top>img{width:82px}.theme-3 .form-content{margin:39px auto 26px}.theme-3 .welcome-icon{display:grid;background:#eee4f2;color:#623684}.theme-3 .form-content h2{font-size:32px}.theme-3 .form-kicker{font-size:8px}.theme-3 #scene{inset:250px -10px 52px;height:auto}.theme-3 .art-bottom{left:32px;right:32px}.interaction-dock{background:#fff}.explore-heading b{font-size:14px;color:#2e144a}.live-indicator{background:var(--vivid);box-shadow:0 0 0 4px color-mix(in srgb,var(--vivid) 10%,white)}.new-badge{color:var(--vivid);background:#f2ebff}.camera-controls button,.camera-controls #explore-mode{color:var(--vivid);border-color:#d7c8e8;background:#fff}.camera-controls #explore-mode[aria-pressed=true],.object-picker button[aria-pressed=true],#scene-action{background:var(--vivid);border-color:var(--vivid);color:white}.object-picker button{font-size:11px;color:#674580}.object-inspector{background:#faf7ff;border-color:#dfd1f0}.object-inspector h3{color:#351451}.object-inspector #object-description,.fine-controls>p{color:#68417e}.fine-controls input{accent-color:var(--vivid)}.scroll-track i{background:var(--accent)!important}.detail-copy #detail-badge{color:var(--vivid);background:#eee4ff;font-weight:700}.detail-copy h2{font-size:18px}.detail-copy p{font-size:12px;color:#665271}.detail-tags span{color:#624278;border-color:#d2c0df;font-size:9px}#choose{color:var(--vivid);border-color:var(--vivid)}#choose.selected{color:white;background:var(--vivid)}.studio-footer{color:#6a537c}.art-copy h2 em{display:inline}.scene-cursor{color:#fff!important;border-color:#ffffff80!important;background:#ffffff12}.expanded .login-preview{min-height:calc(100dvh - 46px)}.expanded .art-panel{min-height:740px}
@media(min-width:1600px){.login-preview,.theme-3 .art-panel,.theme-3 .form-panel{min-height:790px}#scene,.theme-3 #scene{inset:270px -10px 55px}}
@media(max-width:1000px){.collection-link{font-size:10px;padding:8px 12px}.intro h1{font-size:31px}.intro>p{font-size:10px}.form-panel,.theme-3 .form-panel{padding:28px}.art-copy,.theme-3 .art-copy{margin:17px 25px 0}.art-brand,.theme-3 .art-brand{margin:30px 25px}.art-copy h2,.theme-2 .art-copy h2{font-size:38px;letter-spacing:-1.5px}.theme-3 .art-copy h2{font-size:47px}.concept-tabs button{padding:14px 9px}.concept-tabs button>span:nth-child(2){font-size:10px}.concept-tabs small{font-size:8px}.form-content h2,.theme-3 .form-content h2,.theme-2 .form-content h2{font-size:28px}.art-bottom{gap:5px;font-size:7px!important}.art-bottom button{font-size:8px!important;padding:9px}.form-content{margin-top:38px}}
@media(max-width:680px){.studio-header{height:65px;padding:0 15px;gap:8px}.studio-brand b{display:none}.studio-brand>span{font-size:10px}.collection-link{font-size:9px;padding:8px 10px}.intro h1{font-size:31px;letter-spacing:-1.3px}.eyebrow{font-size:7px;letter-spacing:1.1px}.intro>p{font-size:11px}.concept-tabs button{padding:14px 8px}.concept-tabs button>span:nth-child(2){font-size:10px}.concept-tabs small{font-size:7px}.login-preview,.theme-1,.theme-2,.theme-3{display:flex;flex-direction:column;min-height:auto;padding:0}.art-panel,.theme-1 .art-panel,.theme-2 .art-panel,.theme-3 .art-panel{position:relative;min-height:490px;order:0;inset:auto}.art-brand,.theme-3 .art-brand{margin:22px}.art-brand img{width:28px;height:28px}.art-brand>span{font-size:10px}.art-copy,.theme-3 .art-copy{margin:2px 22px 0;top:auto;padding:0;text-align:left}.art-copy h2,.theme-2 .art-copy h2{font-size:35px;letter-spacing:-1.4px}.theme-3 .art-copy h2{font-size:45px}.art-eyebrow,.theme-1 .art-eyebrow,.theme-2 .art-eyebrow,.theme-3 .art-eyebrow{font-size:7px;margin-bottom:12px}.art-copy>p:last-child,.theme-1 .art-copy>p:last-child,.theme-2 .art-copy>p:last-child{font-size:10px;margin-top:12px}.art-copy>p:last-child br{display:none}#scene,.theme-3 #scene{inset:205px -8px 40px;height:auto}.art-bottom,.theme-3 .art-bottom{left:17px;right:17px;bottom:17px;font-size:7px!important;gap:4px}.art-bottom button{font-size:8px!important;min-height:35px;padding:8px 10px}.form-panel,.theme-3 .form-panel{padding:27px 24px;min-height:620px;width:100%;margin:0;border-radius:0}.form-content,.theme-3 .form-content{max-width:350px;margin:30px auto 25px}.form-content h2,.theme-2 .form-content h2,.theme-3 .form-content h2{font-size:30px}.form-top img,.theme-3 .form-top>img{width:70px}.form-top>span{font-size:8px}.input-wrap input{font-size:16px}.form-subtitle{font-size:12px}.theme-2 .form-panel{border:0}.scene-tooltip{font-size:9px;bottom:62px}.detail-copy h2{font-size:16px}.detail-copy p{font-size:11px}.detail-tags span{font-size:8px}.camera-controls button{min-width:33px}.object-picker button{font-size:10px}.expanded .login-preview{min-height:auto}.expanded .art-panel{min-height:490px}.studio-footer{font-size:8px}.fine-controls input{width:120px}}

/* Brand balance: restrained highlights with legible contrast. */
.theme-1 .scene-cursor{color:#4c2679!important;border-color:#4c267980!important;background:#ffffff40}.theme-1 .art-panel::after{opacity:.35}.theme-1 .art-bottom button{background:#4c2679;color:#fff}.theme-0 .art-copy>p:last-child,.theme-2 .art-copy>p:last-child,.theme-3 .art-copy>p:last-child{color:#e2d5eb}.art-panel::after{opacity:.55}.submit-button:hover{filter:brightness(1.08)}