.studio-session{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 22px;margin:20px 0;background:white;border:1px solid #dce5f0;border-radius:16px}.studio-session label{font-size:12px;font-weight:800}.studio-session input{border:1px solid #dce5ee;padding:10px 12px;border-radius:9px;max-width:250px;min-width:0}.studio-session p{font-size:12px;color:#64748b;margin:0;flex:1}.studio-session.connected{border-color:#b9dccd}.studio-session #sDisconnect{margin-left:auto}.studio-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 25px}.studio-intro h2{font:800 clamp(26px,3vw,38px)/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:10px 0}.studio-intro p{color:#718096;font-size:14px;margin:8px 0}.studio-workspace{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(350px,1.2fr);gap:24px;align-items:start}.studio-controls{min-width:0}.studio-box{padding:22px;background:white;border:1px solid #e0e7ef;border-radius:19px;margin-bottom:16px}.studio-step{display:flex;align-items:center;gap:10px;margin-bottom:20px}.studio-step>span{font:800 10px Manrope;background:#edf4ff;color:#1875e5;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.studio-step h3{font-size:15px;margin:0}.studio-workspace label,.studio-brand-grid label{display:block;color:#4c5d74;font-size:11px;font-weight:800;margin:16px 0 7px}.studio-workspace input:not([type=range]):not([type=color]),.studio-workspace select,.studio-workspace textarea,.studio-brand-grid input,.studio-brand-grid select,.studio-brand-grid textarea{width:100%;min-width:0;border:1px solid #dce5ef;border-radius:9px;padding:11px 12px;font-size:12px;background:#fbfcfe;color:#152238}.studio-workspace textarea{resize:vertical;line-height:1.55}.studio-workspace input[type=file]{font-size:11px!important;padding:10px!important}.studio-workspace input[type=color]{width:100%;height:39px;padding:3px;background:white;border:1px solid #dce5ee;border-radius:8px}.studio-workspace input[type=range]{width:100%;accent-color:#167cff}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-three{display:grid;grid-template-columns:.7fr .7fr 1.2fr;gap:12px}.studio-inline{display:flex;gap:8px}.studio-inline select{flex:1}.studio-full{width:100%;margin-top:18px;font-size:12px}.studio-hint{font-size:11px!important;line-height:1.65;color:#75859a!important;margin:11px 0}.studio-link{border:0;background:none;color:#176bd4;font-size:11px;padding:0;text-decoration:underline;text-underline-offset:3px}.studio-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.studio-template{padding:7px;border:1px solid #dde5ee;border-radius:9px;background:white;color:#718096;font-weight:700;font-size:9px}.studio-template.active{border-color:#167cff;background:#edf5ff;color:#1263c6;box-shadow:0 0 0 1px #167cff}.template-mini{display:block;height:60px;background:#132640;border-radius:4px;margin-bottom:7px;position:relative;overflow:hidden}.template-mini:after{content:'';position:absolute;left:8px;bottom:10px;width:45%;height:3px;background:white;box-shadow:0 -7px 0 #ffffffb0,0 -14px 0 #ffffff60}.t-premium{background:linear-gradient(150deg,#798f9f,#112337 75%)}.t-offer{background:linear-gradient(0deg,#f2f0ec 45%,#78a7c4 45%)}.t-offer:after{background:#184c6e;box-shadow:0 -7px 0 #184c6e70}.t-corporate{background:linear-gradient(90deg,#f4f2ef 56%,#4e7e9b 56%)}.t-corporate:after{background:#184c6e;box-shadow:0 -7px 0 #184c6e70}.t-launch{background:linear-gradient(145deg,#3fa5ff 45%,#0b1f3c 46%)}.t-story{background:linear-gradient(0deg,#062746,#6a9cb9)}.studio-stage{position:sticky;top:20px;min-width:0;padding:20px;border-radius:20px;border:1px solid #dae4ee;background:#e8eef5}.studio-stage-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:1px;color:#74849a;margin:0 0 17px}.studio-stage-header i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#258af7;margin-right:5px}.studio-canvas-wrap{position:relative;width:100%;background:#d6e0eb;border-radius:12px;overflow:hidden;line-height:0;box-shadow:0 14px 28px #11294415}#sCanvas{width:100%;height:auto;display:block}.studio-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.5;padding:35px;text-align:center;background:linear-gradient(140deg,#e0eaf4,#edf5fc);color:#68839d}.studio-empty>span{font-size:40px;color:#7da9d4}.studio-empty h3{font:800 20px/1.3 Manrope,sans-serif;max-width:270px;letter-spacing:-.5px}.studio-empty p{font-size:12px;max-width:290px}.studio-feedback{font-size:12px;line-height:1.6;color:#455d77;margin:17px 0;min-height:20px}.studio-feedback.error{color:#a02937}.studio-export{display:flex;gap:8px;flex-wrap:wrap}.studio-export .btn{font-size:11px;padding:12px 14px}.studio-copy{border-top:1px solid #cedae7;margin-top:20px;padding-top:17px}.studio-copy summary{font-size:12px;font-weight:800;cursor:pointer}.studio-copy textarea{background:white}.studio-saved{padding-top:20px}.studio-saved h3{font-size:12px;color:#455d77}.studio-project{display:flex;gap:12px;justify-content:space-between;align-items:center;width:100%;text-align:left;border:1px solid #d6e0eb;border-radius:10px;background:#f7fafd;padding:13px;margin:8px 0;font-size:12px;color:#25405e}.studio-project span{min-width:0;overflow-wrap:anywhere}.studio-project small{white-space:nowrap;font-size:10px;color:#71849c}.studio-generation{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:11px;color:#37597b}.studio-generation img{width:32px;animation:studioFloat 1.5s ease-in-out infinite}.studio-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.studio-brand-wide{grid-column:1/-1}.studio-concepts{display:grid;gap:14px;margin-top:17px}.studio-concept{background:#f7faff;border:1px solid #dce8f7;border-radius:14px;padding:20px}.studio-concept h4{font:800 20px/1.3 Manrope,sans-serif;margin:10px 0;color:#102b49;letter-spacing:-.5px}.studio-concept p{font-size:13px;color:#63748b;line-height:1.7;white-space:pre-line}.studio-concept small{font-size:10px;font-weight:800;letter-spacing:1px;color:#2a7bd8}.studio-concept .btn{margin-top:8px}.studio-session button:disabled,.studio-workspace button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.studio-brand-logo{max-width:170px;max-height:85px;object-fit:contain;border:1px solid #dce5ef;padding:10px;border-radius:8px;background:white;margin-top:10px}
@keyframes studioFloat{50%{transform:translateY(-6px) rotate(4deg)}}@media(min-width:1400px){.main-demo{max-width:1420px}}@media(max-width:1120px){.studio-workspace{grid-template-columns:1fr}.studio-stage{position:static;max-width:620px;width:100%;margin:auto}.studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-box{margin:0}.studio-controls .studio-box:last-child{grid-column:1/-1}.studio-template-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:700px){.studio-intro{align-items:flex-start}.studio-intro .btn{font-size:10px;padding:10px;flex-shrink:0}.studio-intro h2{font-size:27px;letter-spacing:-1px}.studio-controls{display:block}.studio-box{margin-bottom:14px;padding:18px}.studio-template-grid{grid-template-columns:repeat(3,1fr)}.studio-stage{padding:15px}.studio-session{padding:15px;gap:10px}.studio-session input{max-width:none;flex:1;width:140px}.studio-session label{width:100%}.studio-session p{flex-basis:100%;order:4}.studio-brand-grid{grid-template-columns:1fr}.studio-three{gap:8px}.studio-export .btn{flex:1}.studio-stage-header{font-size:8px;letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){.studio-generation img{animation:none}}