.nav-cta{background:transparent;white-space:nowrap}.identity-art{height:430px;position:relative;display:grid;place-items:center;isolation:isolate}.identity-art:before{content:'';position:absolute;inset:5%;background:radial-gradient(ellipse,#ab75ff1f,transparent 67%);z-index:-1}.identity-core{width:170px;height:170px;border:1px solid #cfacff33;border-radius:42px;display:grid;place-items:center;background:linear-gradient(140deg,#31213b80,#140e2080);box-shadow:inset 0 1px #d7c4ff17,0 30px 90px #0005;transform:rotate(-12deg);color:#c9a2ff}.identity-core svg{width:100px;filter:drop-shadow(0 0 18px #a968ff60)}.identity-orbit{position:absolute;width:330px;height:330px;border:1px solid #b28bff15;border-radius:50%;transform:rotateX(55deg) rotateZ(-28deg)}.orbit-two{width:480px;height:400px;transform:rotateX(34deg) rotateZ(38deg)}.orbit-three{width:580px;height:340px;transform:rotateZ(-32deg)}.orbit-two:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#c6a4f4;left:67px;top:48px;box-shadow:0 0 14px #c6a4f4}.identity-tag{position:absolute;display:flex;gap:10px;align-items:center;padding:12px 16px;background:#17111de8;border:1px solid #c7a0ff1c;border-radius:8px;color:#bcaecb;font-size:11px;box-shadow:0 12px 30px #0003}.tag-one{left:4%;top:23%;transform:rotate(-5deg)}.tag-two{right:0;bottom:23%;transform:rotate(5deg)}.tag-two>span{font-size:22px;color:var(--accent)}.identity-coordinate{position:absolute;font-family:var(--display);font-size:8px;letter-spacing:.15em;color:#70617e}.coordinate-one{bottom:9%;left:5%}.coordinate-two{right:5%;top:14%}
.feature-studio{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-top:54px}.studio-options{display:flex;flex-direction:column}.studio-options>button{position:relative;text-align:left;border-top:1px solid #ffffff10;background:transparent;padding:25px 38px 25px 0;color:var(--muted)}.studio-options>button:last-child{border-bottom:1px solid #ffffff10}.studio-options .feature-number{font-size:10px}.studio-options strong{display:block;font-size:20px;font-weight:400;color:#a59aac;margin:12px 0 7px;transition:color .25s}.studio-options>button>span:not(.feature-number):not(.studio-arrow){display:block;font-size:12px;max-width:320px;line-height:1.9}.studio-arrow{position:absolute;right:8px;top:48%;color:#7a648e;transition:transform .25s}.studio-options [aria-selected=true] strong{color:#eee6f8}.studio-options [aria-selected=true] .studio-arrow{color:var(--accent);transform:translate(3px,-3px)}.studio-options [aria-selected=true]:before{content:'';position:absolute;left:-19px;top:31px;width:3px;height:16px;border-radius:2px;background:var(--accent)}.studio-art{position:relative;border:1px solid #c8a3ff16;background:radial-gradient(ellipse at 65% 45%,#28173170,transparent 65%),#121016;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.studio-art-header,.studio-art-footer{display:flex;align-items:center;gap:8px;padding:22px 25px;font-family:var(--display);font-size:9px;letter-spacing:.08em;color:#857591}.studio-art-header>span:last-child{margin-left:auto;font-size:19px}.studio-art-footer{margin-top:auto;justify-content:space-between;gap:20px;letter-spacing:0;line-height:1.6}.studio-art-footer p{max-width:310px;font-size:11px}.studio-art-footer>span{white-space:nowrap;color:#b99acf}.design-composition{position:relative;min-height:300px;flex:1;display:grid;place-items:center;perspective:800px;isolation:isolate}.composition-grid{position:absolute;inset:0;background-image:linear-gradient(#b28bff06 1px,transparent 1px),linear-gradient(90deg,#b28bff06 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.composition-ring{position:absolute;width:260px;height:260px;border:1px solid #b28bff16;border-radius:50%;transform:rotateX(50deg)}.composition-tile{position:absolute;width:186px;height:186px;border-radius:22px;transform:rotate(-12deg);transition:transform .7s,background .7s,border-color .7s;box-shadow:0 20px 35px #0003}.tile-back{background:#251931;border:1px solid #a47ece20;transform:translate(37px,-25px) rotate(7deg)}.tile-middle{background:#2c1e3e;border:1px solid #b694df25;transform:translate(15px,-6px) rotate(-3deg)}.tile-front{padding:22px;background:linear-gradient(135deg,#342247,#1b1426);border:1px solid #c8a3ff35;display:flex;flex-direction:column}.tile-v{font-family:var(--display);font-size:59px;line-height:1;color:var(--accent)}.tile-label{margin-top:auto;font-family:var(--display);letter-spacing:.16em;font-size:8px;color:#b597d0}.tile-lines{display:flex;gap:5px;margin-top:15px}.tile-lines i{display:block;height:3px;width:22px;background:#b28bff4d;border-radius:3px}.tile-lines i:nth-child(2){width:39px;background:#b28bff29}.tile-lines i:nth-child(3){width:12px;background:#b28bff1a}.composition-chip{position:absolute;border:1px solid #c2a1e128;background:#24192dea;border-radius:8px;box-shadow:0 10px 30px #0003;transition:transform .7s}.chip-color{left:12%;bottom:25%;display:flex;gap:7px;padding:13px;transform:rotate(7deg)}.chip-color i{width:17px;height:17px;border-radius:50%;background:#d9c4fa}.chip-color i:nth-child(2){background:#b28bff}.chip-color i:nth-child(3){background:#8053b5}.chip-color i:nth-child(4){background:#4b2d6d}.chip-layout{right:8%;top:22%;padding:10px 15px;color:var(--accent);font-size:20px;transform:rotate(7deg)}.chip-layout span{font-family:var(--display);font-size:12px;color:#bca8cb;margin-left:7px}.studio-art[data-mode=layout] .tile-back{transform:translate(80px,-45px) rotate(0) scale(.73)}.studio-art[data-mode=layout] .tile-middle{transform:translate(-85px,-38px) rotate(0) scale(.73)}.studio-art[data-mode=layout] .tile-front{transform:translate(0,64px) rotate(0) scale(.73)}.studio-art[data-mode=layout] .chip-color{transform:translate(-18px,56px) rotate(0)}.studio-art[data-mode=layout] .chip-layout{transform:translate(20px,-30px) rotate(0)}.studio-art[data-mode=details] .tile-back{transform:translate(70px,6px) rotate(14deg)}.studio-art[data-mode=details] .tile-middle{transform:translate(-65px,6px) rotate(-16deg)}.studio-art[data-mode=details] .tile-front{transform:translate(0,-16px) rotate(-1deg)}.studio-art[data-mode=details] .chip-color{transform:translate(-9px,18px) rotate(-4deg)}
[hidden]{display:none!important}.account-panel{--panel-accent:#b28bff;width:min(1040px,94vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #c2a0f22b;border-radius:14px;background:#111016;color:var(--text);box-shadow:0 30px 100px #0008}.account-panel::backdrop{background:#050409dc;backdrop-filter:blur(14px)}.account-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 23px}.account-bar .brand>span:last-child{font-size:21px}.account-bar .brand .small-v{color:var(--panel-accent);font-size:15px;width:26px;height:26px}.panel-close{background:#ffffff05;width:30px;height:30px;border-radius:6px;font-size:23px;color:#a192b0}.panel-close:hover{background:#ffffff0e}.login-view{display:grid;grid-template-columns:.85fr 1fr;min-height:540px}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:55px;background:radial-gradient(ellipse at 30% 40%,#44265d70,transparent 65%),#15101d;border-right:1px solid #b28bff12}.login-art:before,.login-art:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #c6a2f719;border-radius:50%;left:-10px;top:20px;transform:rotateX(35deg)}.login-art:after{width:510px;height:510px;left:-65px;top:-35px}.login-art>span{font-family:var(--display);font-size:170px;line-height:1.4;color:#b28bff;transform:rotate(-12deg);text-shadow:0 0 90px #b28bff30}.login-art small{font-family:var(--display);font-size:27px;line-height:1.2;color:#b3a0c3;z-index:1}.login-content{padding:44px 50px}.login-content h2{font-size:46px;line-height:1.2;margin-top:16px}.login-content>p:not(.eyebrow):not(.panel-note){font-size:13px;color:var(--muted);margin-top:10px}.login-content form{display:flex;flex-direction:column;margin-top:27px;gap:8px}.login-content label,.profile-form label{font-size:11px;color:#a598b4}.account-panel input:not([type=radio]){border:1px solid #ffffff12;background:#19151f;padding:11px 13px;border-radius:6px;color:#ddd0ed;min-width:0;font-size:12px}.login-content form>label:not(:first-child){margin-top:9px}.login-content form .button{margin-top:14px;background:#6f508e;color:#ddd0ed;cursor:not-allowed;opacity:.65}.account-panel input:disabled{opacity:.5;cursor:not-allowed}.panel-note{font-size:10px;color:#897a96;line-height:1.8;margin-top:18px}.guest-button{background:none;color:var(--panel-accent);font-size:12px;padding:0}.login-content>.guest-button{margin-top:20px}.guest-button span{margin-left:15px}.dashboard-view{display:grid;grid-template-columns:220px 1fr;min-height:550px}.dashboard-nav{padding:26px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#100d15}.demo-account{display:flex;align-items:center;gap:10px;font-size:12px;color:#cfc1da}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#b28bff15;border-radius:9px;color:var(--panel-accent)}.demo-account small{display:block;font-family:var(--display);font-size:8px;letter-spacing:.1em;color:#746780;margin-top:2px}.dashboard-nav nav{display:flex;flex-direction:column;gap:5px;margin-top:34px}.dashboard-nav nav button{background:transparent;text-align:left;padding:11px 12px;color:#82748e;border-radius:6px;display:flex;gap:11px;font-size:13px}.dashboard-nav nav button[aria-current=page]{background:#b28bff0c;color:var(--panel-accent)}.dashboard-nav>.guest-button{margin-top:auto;padding-top:28px;text-align:left;font-size:10px;color:#9781ab}.dashboard-content{padding:34px 38px;min-width:0}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.dashboard-heading h2{font-size:36px;line-height:1.2;margin-top:10px}.dashboard-heading .eyebrow{font-size:9px}.preview-pill{border:1px solid #b28bff22;color:#a38bbb;border-radius:20px;padding:3px 10px;font-size:9px}.welcome-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,#b28bff10,transparent);border:1px solid #b28bff16;border-radius:8px;padding:20px}.welcome-banner>.small-v{width:38px;height:38px;font-size:24px;color:var(--panel-accent);flex:none}.dashboard-content h3{font-size:15px}.welcome-banner p,.dashboard-next p,.dash-intro,.accent-preview p{font-size:11px;color:#9685a4;margin-top:6px;line-height:1.8}.dashboard-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:19px}.dashboard-cards article{background:#17121e;border:1px solid #ffffff08;border-radius:7px;padding:19px}.dashboard-cards strong{display:block;font-family:var(--display);font-size:31px;color:var(--panel-accent);font-weight:400;margin-block:7px 3px}.dashboard-cards article>span:last-child{font-size:10px;color:#766680}.dashboard-next{padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.dashboard-content .button.primary{background:var(--panel-accent);color:#211331;margin-top:18px;font-size:11px;min-height:40px}.dashboard-message{font-size:11px;color:var(--panel-accent);min-height:18px;margin-top:16px}.accent-options{border:0;padding:0;margin:25px 0;display:flex;gap:12px;flex-wrap:wrap}.accent-options legend{font-size:12px;color:#a596b4;margin-bottom:15px}.accent-options label{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid #ffffff12;border-radius:7px;font-size:11px;cursor:pointer}.accent-options label:has(:checked){border-color:var(--panel-accent);background:#b28bff08}.accent-options input{accent-color:var(--panel-accent);width:13px;height:13px;margin:0}.accent-options label>span{width:12px;height:12px;border-radius:50%;background:var(--swatch)}.accent-preview{display:flex;align-items:center;gap:17px;padding:30px;border:1px solid var(--panel-accent);border-radius:10px;margin-top:35px;background:#b28bff07}.accent-preview>.small-v{width:45px;height:45px;font-size:30px;color:var(--panel-accent)}.accent-preview strong{color:var(--panel-accent);font-size:16px;font-weight:400}.profile-form{margin-top:25px}.profile-form>div{display:flex;gap:10px;margin-top:8px}.profile-form input{flex:1;min-width:0}.profile-form .button.primary{margin:0;white-space:nowrap}.empty-profiles{margin-block:30px;font-size:12px;color:#7d6d89}.profile-list{list-style:none;padding:0;margin:20px 0}.profile-list li{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.profile-list li>span{flex:1;min-width:0}.profile-list strong{display:block;font-size:12px;overflow-wrap:anywhere;font-weight:400}.profile-list small{display:block;font-size:9px;color:#887297;margin-top:3px}.profile-list button{background:#b28bff0e;border-radius:4px;color:var(--panel-accent);font-size:10px;padding:6px 12px}.profile-list .profile-remove{background:transparent;font-size:18px;color:#937a9f}
@media(max-width:900px){.feature-studio{gap:35px;grid-template-columns:1fr 1.1fr}.studio-options strong{font-size:18px}.studio-art-header{font-size:7px;padding:18px}.composition-tile{width:150px;height:150px}.chip-color{left:5%}.chip-layout{right:4%;font-size:16px}.chip-layout span{font-size:10px}.login-content{padding:35px}.login-art{padding:40px}.dashboard-view{grid-template-columns:185px 1fr}.dashboard-content{padding:28px}.nav-cta{display:block;margin-left:auto}.nav-links{gap:17px}.nav{gap:18px}}
@media(max-width:620px){.nav-cta{padding:8px 12px;font-size:11px;margin-left:auto;order:1}.menu-toggle{order:2}.nav-links{order:3}.brand-art{overflow:hidden}.identity-art{height:325px}.identity-core{width:130px;height:130px;border-radius:31px}.identity-core svg{width:80px}.identity-orbit{width:250px;height:250px}.orbit-two{width:350px;height:290px}.orbit-three{width:400px;height:270px}.identity-tag{font-size:8px;padding:9px 10px;gap:7px}.tag-one{left:0;top:19%}.tag-two{right:0;bottom:20%}.identity-coordinate{font-size:6px}.brand-art .floating-note{bottom:22px}.feature-studio{display:flex;flex-direction:column;gap:28px;margin-top:30px}.studio-options>button{padding-block:22px}.studio-options strong{font-size:20px;margin-top:9px}.studio-options>button>span:not(.feature-number):not(.studio-arrow){font-size:12px;max-width:290px}.studio-options [aria-selected=true]:before{left:-11px;top:28px}.studio-art{min-height:390px}.studio-art-header{font-size:8px}.design-composition{min-height:260px}.studio-art-footer{padding:17px 20px}.studio-art-footer p{font-size:10px}.composition-tile{width:155px;height:155px}.chip-layout{right:5%}.chip-color{left:6%}.account-panel{width:96vw;max-height:96dvh;border-radius:10px}.account-bar{padding:13px 17px}.account-bar .brand>span:last-child{font-size:20px}.login-view{display:block;min-height:0}.login-art{display:none}.login-content{padding:28px 24px 33px}.login-content h2{font-size:41px}.dashboard-view{display:flex;flex-direction:column;min-height:0}.dashboard-nav{padding:16px;border-right:0;border-bottom:1px solid var(--line)}.demo-account{display:none}.dashboard-nav nav{flex-direction:row;gap:4px;margin-top:0}.dashboard-nav nav button{font-size:12px;padding:9px 11px;gap:7px;flex:1;justify-content:center}.dashboard-nav>.guest-button{padding-top:13px}.dashboard-content{padding:25px 20px}.dashboard-heading h2{font-size:31px}.dashboard-heading{margin-bottom:20px}.welcome-banner{padding:15px;gap:12px}.welcome-banner h3{font-size:13px}.dashboard-cards{gap:10px}.dashboard-cards article{padding:15px 12px}.dashboard-cards .demo-label{font-size:8px}.dashboard-cards strong{font-size:27px}.dashboard-next{padding-top:20px;margin-top:20px}.accent-options{gap:8px}.accent-options label{padding:9px;font-size:10px}.accent-preview{padding:22px 17px;margin-top:25px}.profile-form>div{flex-wrap:wrap}.profile-form input{width:100%;flex-basis:100%}.profile-form .button.primary{width:100%}.dashboard-message{margin-top:12px}.dashboard-content>.panel-note{margin-top:8px}}