/* Illustrated design steps: keep existing controls, translated labels and actions. */
.studio-editor .studio-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;border:2px solid #a28f68;border-radius:16px;background:#fffdf5;margin:18px 0 20px;align-items:stretch;box-sizing:border-box}
.studio-editor .studio-tabs:has(button:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-editor .studio-tabs button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:106px;height:auto;margin:0;padding:14px 7px;border:1.5px solid #b7c5d2;border-radius:12px;background:#fffdf5;color:#203449;font:700 14px/1.25 Arial,sans-serif;text-align:center;white-space:normal;overflow-wrap:normal;transition:background .18s,color .18s,box-shadow .18s}
.studio-editor .studio-tabs button::before{content:'';display:block;width:34px;height:34px;flex:none;background:#8c784f;mask:var(--step-icon) center/contain no-repeat;-webkit-mask:var(--step-icon) center/contain no-repeat}
.studio-editor .studio-tabs button:nth-last-child(2){--step-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M6 13V7h36v6M24 7v34M17 41h14' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
.studio-editor .studio-tabs button:last-child{--step-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='4' y='5' width='40' height='38' rx='4' fill='none' stroke='black' stroke-width='3'/%3E%3Ccircle cx='33' cy='16' r='4' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M5 34l12-14 11 12 7-7 9 11' fill='none' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.studio-editor .studio-tabs:has(button:nth-child(3)) button:first-child{--step-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='4' y='4' width='40' height='40' rx='4' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M13 13h22v22H13zM13 4v9H4m31-9v9h9M13 44v-9H4m31 9v-9h9' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E")}
.studio-editor .studio-tabs button[aria-pressed=true]{background:#1c3246;border-color:#1c3246;color:#fff;box-shadow:0 5px 12px #1b30452c}
.studio-editor .studio-tabs button[aria-pressed=true]::before{background:#f4dba8}
.studio-editor .studio-tabs button:hover:not([aria-pressed=true]){background:#f4efdf;border-color:#a28f68}
.studio-editor .studio-tabs button:focus-visible{outline:3px solid #c99439;outline-offset:3px}
@media(min-width:1000px){.traditional-ui .studio-editor .studio-tabs button{min-height:125px;font-size:16px}.traditional-ui .studio-editor .studio-tabs button::before{width:40px;height:40px}}
@media(max-width:600px){.studio-editor .studio-tabs{gap:7px;padding:8px;margin:12px 0 16px}.studio-editor .studio-tabs button,.studio-editor .studio-tabs:has(button:nth-child(3)) button{min-height:90px;padding:10px 4px;font-size:12px;gap:8px}.studio-editor .studio-tabs button::before{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.studio-editor .studio-tabs button{transition:none}}