.studio-page{background:#f4fbff}.studio-nav{display:flex;gap:25px;color:#426b84;font-weight:700}.studio-nav a:hover{color:#0098c4}.studio-header-label{padding:9px 16px;border:1px solid #a5dbeb;background:#e6faff;color:#08638c;border-radius:99px;font-size:.85rem;font-weight:800}
.studio-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;padding:86px 0 54px}.studio-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.16;letter-spacing:-.06em;margin:20px 0}.studio-hero p{color:#5b7e91;font-size:1.1rem;max-width:570px}.studio-hero-art{height:300px;display:grid;place-items:center;position:relative}.studio-hero-art img{width:min(95%,420px);aspect-ratio:1579/996;object-fit:cover;border:6px solid #fff;border-radius:22px;box-shadow:0 26px 60px #07527c37;transform:rotate(-8deg);z-index:1}.studio-orb{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#aaf2ff,transparent 70%);filter:blur(15px)}.studio-hero-art span{z-index:2;position:absolute;bottom:5px;left:0;background:#fff;border:1px solid #d2ecf5;border-radius:18px;padding:11px 18px;box-shadow:var(--shadow);font-weight:900;color:#0876a0}
.studio-shell{display:grid;gap:24px;padding-bottom:70px}.studio-panel{background:#fff;border:1px solid #d5eaf3;border-radius:28px;box-shadow:0 18px 55px #1358800d;padding:28px}.panel-heading{display:flex;gap:17px;align-items:center;margin-bottom:22px}.panel-heading h2{margin:0;font-size:1.5rem;letter-spacing:-.03em}.panel-heading p{margin:4px 0 0;color:#66869a;font-size:.9rem}.step-badge{flex:none;display:grid;place-items:center;background:#e1f8ff;border:1px solid #b5e8f4;border-radius:15px;color:#048cba;width:50px;height:50px;font-weight:900;font-size:1.1rem}.panel-heading .text-action{margin-inline-start:auto}.text-action{border:0;background:none;text-decoration:underline;color:#337897;font:700 .82rem Rubik,Arial;cursor:pointer}
.connect-panel{max-width:850px;width:100%;margin:auto}.connect-panel form{display:grid;grid-template-columns:1.3fr .8fr auto;gap:12px;align-items:end}.connect-panel label,.card-select-label{display:grid;gap:7px;color:#335c72;font-weight:800;font-size:.84rem}.connect-panel input,.card-select-label select,.studio-search input{border:1px solid #b9d9e7;background:#f7fcfe;border-radius:15px;padding:14px;color:#153d53;font:500 1rem Rubik,Arial;outline:none;min-width:0}.connect-panel input:focus,.card-select-label select:focus,.studio-search input:focus{border-color:#0094c7;box-shadow:0 0 0 4px #04b6e021}.connect-panel .btn{min-height:51px}.connect-help{font-size:.84rem;color:#708a99}.connect-help a{color:#087aaf;font-weight:800}.studio-feedback{min-height:24px;color:#a14343;font-size:.9rem;font-weight:700}.studio-feedback.success{color:#097a5e}
.connect-panel{max-width:850px;width:100%;margin:auto}.connect-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.connect-panel label,.card-select-label{display:grid;gap:7px;color:#335c72;font-weight:800;font-size:.84rem}.connect-panel input,.card-select-label select,.studio-search input{border:1px solid #b9d9e7;background:#f7fcfe;border-radius:15px;padding:14px;color:#153d53;font:500 1rem Rubik,Arial;outline:none;min-width:0}.connect-panel input:focus,.card-select-label select:focus,.studio-search input:focus{border-color:#0094c7;box-shadow:0 0 0 4px #04b6e021}.connect-panel .btn{min-height:51px}.connect-help{font-size:.84rem;color:#708a99}.connect-help a{color:#087aaf;font-weight:800}.studio-feedback{min-height:24px;color:#a14343;font-size:.9rem;font-weight:700}.studio-feedback.success{color:#097a5e}#access-panel>#secure-download{display:inline-flex;margin:12px 0 26px}#access-panel>form{padding-top:20px;border-top:1px solid #dceef4}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.status-grid>div{padding:17px;border:1px solid #dceef4;background:#f7fcfe;border-radius:18px}.status-grid span{display:block;color:#748d9a;font-size:.75rem}.status-grid strong{display:block;margin-top:5px;font-size:1rem}.device-message{color:#44718a;min-height:22px}.status-panel .btn{margin-top:5px}.studio-search{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.studio-search input{width:min(100%,320px)}.studio-search span{color:#678698;font-size:.85rem;font-weight:700}.studio-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-height:680px;overflow-y:auto;padding:4px}.studio-design{position:relative;border:1px solid #d7eaf1;border-radius:17px;background:#f6fbfd;padding:8px;cursor:pointer;text-align:right;color:inherit;font:700 .84rem Rubik,Arial;transition:transform .16s,border-color .16s,box-shadow .16s}.studio-design:hover{transform:translateY(-2px);box-shadow:0 12px 25px #12608420}.studio-design.selected{border:2px solid #0da9d4;background:#e6faff}.studio-design.locked{opacity:.68}.studio-design img{width:100%;aspect-ratio:1579/996;object-fit:cover;border-radius:11px;display:block}.studio-design strong{display:block;padding:9px 3px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-design .lock{position:absolute;top:15px;left:14px;padding:4px 9px;background:#061e2ccc;color:#fff;border-radius:8px;font-size:.7rem}
.apply-actions{display:flex;gap:12px;flex-wrap:wrap}.apply-actions .btn{min-width:190px}.card-select-label{margin:22px 0;max-width:560px}.chosen-design{padding:16px 18px;margin-bottom:20px;background:#eaf8ff;border:1px solid #cbebf7;border-radius:15px;color:#0b5f86;font-weight:800}.apply-panel .studio-feedback{margin-top:16px}.studio-footer{background:#092f48;color:#b7d2e0;padding:30px 0}.studio-footer .container{display:flex;gap:25px;flex-wrap:wrap;align-items:center}.studio-footer span{margin-inline-start:auto;font-size:.76rem}.studio-footer a:hover{color:#fff}
[hidden]{display:none!important}
@media(max-width:900px){.studio-hero{grid-template-columns:1fr;padding:58px 0 30px;gap:0}.studio-hero-art{height:230px}.studio-hero-art img{width:min(72%,360px)}.connect-panel form{grid-template-columns:1fr 1fr}.connect-panel form .btn{grid-column:1/-1}.studio-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.studio-nav{display:none}.studio-header-label{font-size:.7rem;padding:6px 10px}.studio-hero h1{font-size:2.55rem}.studio-hero-art{height:190px}.studio-hero-art img{width:min(82%,300px)}.studio-panel{padding:18px;border-radius:21px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:1.15rem}.panel-heading p{font-size:.78rem}.step-badge{width:39px;height:39px;border-radius:12px}.connect-panel form{grid-template-columns:1fr}.connect-panel form .btn{grid-column:auto}.status-grid{grid-template-columns:1fr}.status-grid>div{padding:12px}.studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:590px}.studio-search{display:block}.studio-search input{width:100%;margin-bottom:8px}.apply-actions .btn{width:100%}.studio-footer span{margin-inline-start:0}}