.studio50{max-width:1800px;margin:14px auto;color:#183651}.studio50-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.studio50-heading h1{font-size:38px;letter-spacing:-.04em;margin:12px 0}.studio50-heading p{font-size:17px;color:#61748c;line-height:1.6;margin:0}.studio50-mobile{display:none}.studio50-start{padding:42px;background:#f0f5fc;border:1px solid #d4e1ef;border-radius:20px}.studio50-start h2{font-size:44px;line-height:1.08;letter-spacing:-.04em;margin:18px 0}.studio50-start>div:first-child p{max-width:650px;line-height:1.75;font-size:18px;color:#59718d}.studio50-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.studio50-templates button{border:1px solid #c7d9ed;border-radius:14px;background:white;padding:30px;text-align:left;cursor:pointer;color:#163754;transition:border-color .2s,transform .2s}.studio50-templates button:hover{border-color:#2864d8;transform:translateY(-3px)}.studio50-templates h3{font-size:23px;line-height:1.15}.studio50-templates p{font-size:15px;color:#59728e;line-height:1.7}.studio50-templates b{display:block;color:#225ecb;font-size:14px;margin-top:24px}.studio50-template-mark{font-size:14px;font-weight:700;color:#2560cb}.studio50-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border:1px solid #cfdeed;border-bottom:0;border-radius:12px 12px 0 0;padding:18px}.studio50-toolbar>span{font-size:14px;color:#5b718b}.studio50-toolbar>div{display:flex;gap:8px}.studio50-toolbar .btn{font-size:14px;padding:11px 15px}.studio50-live{display:flex;align-items:center;gap:16px;padding:14px 18px;font-size:13px;background:#e8f4ed;border:1px solid #c4dfd0;color:#214c38;flex-wrap:wrap}.studio50-workspace{display:grid;grid-template-columns:210px minmax(300px,1fr) 285px;border:1px solid #cfdeed;border-radius:0 0 12px 12px;overflow:hidden;min-height:780px;background:white}.studio50-sections{padding:20px 14px;border-right:1px solid #d8e3ef;background:#fff}.studio50-panelhead{padding:0 5px 18px;display:grid;gap:8px}.studio50-panelhead strong{font-size:15px}.studio50-panelhead small{font-size:12px;line-height:1.5;color:#637b95}.studio50-block{border:1px solid #dce5ee;border-radius:7px;margin-bottom:9px;background:white;overflow:hidden;cursor:grab}.studio50-block.selected{border-color:#2261d5;box-shadow:0 0 0 1px #2261d5;background:#edf4ff}.studio50-select{background:transparent;border:0;color:#193955;display:flex;align-items:center;gap:7px;text-align:left;padding:11px 9px;font:inherit;font-size:13px;width:100%;cursor:pointer}.studio50-select>span:first-child{font-size:20px;color:#7b90aa}.studio50-order{display:flex;justify-content:flex-end;gap:6px;padding:0 7px 7px}.studio50-order button{background:white;color:#215abf;border:1px solid #d1deed;border-radius:4px;width:28px;height:25px;cursor:pointer}.studio50-order button:disabled{opacity:.25;cursor:default}.studio50-sections>.field{margin-top:24px;font-size:12px;display:grid;gap:7px}.studio50-sections select{padding:10px 7px;font:inherit;width:100%;font-size:12px;border:1px solid #bfd1e4;border-radius:5px;background:#fff}.studio50-sections>.btn{font-size:12px;padding:10px;width:100%;margin-top:8px}.studio50-sections>.studio50-brand-button{margin-top:22px;border-color:#2760bb;color:#1e55b0}.studio50-canvas{background:#e8eff7;padding:16px;min-width:0}.studio50-previewbar{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px;padding:0 0 14px;color:#4b6683}.studio50-previewbar>div{display:flex;gap:4px}.studio50-previewbar button{padding:8px 9px;border:0;border-radius:5px;background:transparent;color:#53718e;font:inherit;cursor:pointer}.studio50-previewbar button[aria-pressed=true]{background:#fff;color:#1c58b9;font-weight:700}.studio50-canvas iframe{display:block;width:100%;height:730px;background:white;border:1px solid #d0dce9;border-radius:7px;max-width:100%;margin:auto}.studio50-canvas iframe.mobile{width:375px}.studio50-inspector{padding:22px 18px;border-left:1px solid #d8e3ef;max-height:900px;overflow-y:auto}.studio50-inspector h3{font-size:22px;letter-spacing:-.025em;margin:12px 0 25px}.studio50-inspector .brief-eyebrow{font-size:11px}.studio50-inspector .field{display:grid;gap:7px;margin:15px 0;font-size:13px;font-weight:600}.studio50-inspector input,.studio50-inspector select,.studio50-inspector textarea{display:block;width:100%;min-width:0;max-width:100%;font:inherit;font-size:14px;font-weight:400;color:#193951;padding:10px;border:1px solid #c6d6e6;border-radius:6px;background:white}.studio50-inspector input[type=color]{padding:3px;height:42px}.studio50-inspector input[type=file]{font-size:12px;padding:8px}.studio50-inspector .sub,.studio50-inspector small{font-size:12px;line-height:1.7;color:#667d95}.studio50-inspector .textlink{font-size:12px}.studio50-items fieldset{border:1px solid #d4e0eb;border-radius:8px;padding:14px;margin:24px 0}.studio50-items legend{font-size:13px;font-weight:700}.studio50-items .btn{font-size:13px}.studio50-upload{width:100%;max-height:180px;object-fit:cover;border-radius:6px}.studio50-logo{max-width:160px;max-height:100px;object-fit:contain;display:block;margin-bottom:14px}.studio50-inspector .studio50-remove{margin-top:30px;color:#9a3640}.studio50-publish{max-width:640px}.studio50-publish p{line-height:1.75}.studio50-publish small{line-height:1.6;color:#5f7490}#studio50-full-preview{width:100%;height:75vh;border:1px solid #d2e0f0;border-radius:10px}.studio50 .banner{margin-bottom:20px}.studio50 button:focus-visible{outline:3px solid #2867df;outline-offset:3px}
@media(min-width:1024px) and (max-width:1350px){.studio50-workspace{grid-template-columns:165px minmax(270px,1fr) 235px}.studio50-inspector{padding:18px 12px}.studio50-sections{padding:16px 10px}.studio50-canvas{padding:12px}}
@media(max-width:1023px){.studio50-desktop{display:none}.studio50-mobile{display:block;background:#edf4ff;padding:30px;border:1px solid #c6d9f2;border-radius:15px}.studio50-mobile h2{font-size:29px;line-height:1.1;letter-spacing:-.025em}.studio50-mobile p{font-size:17px;line-height:1.7;color:#4e6984}.studio50-heading{display:block}.studio50-heading .btn{margin-top:22px}.studio50-heading h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.studio50-templates button{transition:none}.studio50-templates button:hover{transform:none}}