/* Shared studio identity; keep the editor steady and easy to use. */
:root{color:#10284b;background:#f4f7fc;--line:#d2deef;--muted:#526b8d}
.builder-header{background:#fffffff5;box-shadow:0 4px 0 #dce5f2,0 12px 24px #2442660c;border-color:#dce6f5}
.wordmark{color:#0d2549}.wordmark span{letter-spacing:.08em;text-transform:uppercase;color:#5b7393}.back-link{color:#0b5eb9}
.builder-heading{padding-top:45px}.builder-heading .eyebrow{color:#176cc6;font-size:13px}.builder-heading h1{color:#0b2852}
.editor{padding:24px;background:linear-gradient(145deg,#fff,#f3f7ff);border:1px solid white;border-radius:14px;box-shadow:0 5px 0 #d5e1f2,0 18px 30px #12365c0f,inset 0 0 0 1px #dce6f4}
.template-option{background:#fff;border-color:#cbdbee;box-shadow:0 3px 0 #e0e9f6}.template-option:has(input:checked){background:#e8f2ff;border-color:#1c72d1;box-shadow:0 3px 0 #adccef,inset 0 0 0 1px #2278d9}.template-option b{color:#13376a}.template-option i{color:#387aba}
.editor input:not([type=radio]):not([type=color]),.editor textarea,.launch-panel textarea{background:white;border-color:#c8d9ed;color:#17335b;box-shadow:inset 0 2px 4px #1a477b08}.editor input:hover,.editor textarea:hover{border-color:#72a1d8}
.preview-stage{background:linear-gradient(140deg,#244975,#061b3b);border:1px solid #365e8d;padding:13px;box-shadow:0 6px 0 #a6bcd7,0 24px 38px #13386721;border-radius:14px}
.preview-toolbar h2{font-size:16px}.device-toggle{background:white;border-color:#c5d7ef}.device-toggle button[aria-pressed=true]{background:#0e5ab9}
.finish-panel{margin-top:24px;padding:24px;background:#fff;border:1px solid #d8e4f3;border-radius:12px;box-shadow:0 4px 0 #dce7f5,0 12px 25px #1536620c}
.button{background:linear-gradient(#247de6,#0959bc);border:1px solid #2879d7;box-shadow:0 3px 0 #0a4088;border-radius:8px;color:white}.button:hover{background:linear-gradient(#358cf3,#166bce)}.button.secondary{background:white;color:#195fba;border-color:#abc8ec;box-shadow:0 3px 0 #d7e5f7}.button.secondary:hover{background:#eaf3ff}
.launch-panel{background:#eaf2ff}.launch-panel>p{color:#526b8d}.mobile-views{background:#f4f7fc}.mobile-views button[aria-pressed=true]{background:#0c60c9;border-color:#1870d7;box-shadow:0 3px 0 #0b458d}.builder-footer{color:#567294}
@media(max-width:1050px){.editor{padding:20px 17px}.builder-workspace{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:760px){.editor{padding:23px 18px}.builder-heading{padding-top:32px}.preview-stage{padding:7px}.finish-panel{padding:22px 18px}.builder-workspace{display:block}.template-option{padding:17px 13px}}
@media(max-width:390px){.editor{padding:21px 13px}.template-option{padding:14px 10px}}