.aimsg-editor-wrap { display: grid; grid-template-columns: minmax(320px, 430px) 1fr; gap: 22px; align-items: start; }
.aimsg-editor-panel h3 { margin: 0 0 4px; }
.aimsg-section-heading { margin-bottom: 14px; }
.aimsg-section-heading p { margin: 0; color: #756b61; font-size: 14px; }
.aimsg-editor-title-row { margin-top: 20px; padding-top: 18px; border-top: 1px solid #f0e5da; }
.aimsg-template-selector { margin-bottom: 10px; }
.aimsg-template-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.aimsg-template-card { text-align: left; border: 1px solid #eadfd4; background: #fffaf6; border-radius: 16px; padding: 10px; cursor: pointer; transition: .18s ease; width: 100%; }
.aimsg-template-card:hover, .aimsg-template-card.is-selected { border-color: #ff9a45; box-shadow: 0 10px 24px rgba(255, 122, 26, .14); transform: translateY(-1px); }
.aimsg-template-card.is-selected { background: #fff3e7; }
.aimsg-template-preview { display: grid; place-items: center; width: 100%; height: 92px; border: 2px solid #ffb26b; border-radius: 14px; overflow: hidden; position: relative; margin-bottom: 8px; box-shadow: inset 0 0 0 999px rgba(255,255,255,.06); }
.aimsg-mini-icon { position: absolute; top: 8px; right: 9px; font-size: 18px; }
.aimsg-mini-lines { width: 58%; height: 8px; border-radius: 999px; background: currentColor; opacity: .6; position: relative; }
.aimsg-mini-lines:before, .aimsg-mini-lines:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); height: 8px; border-radius: 999px; background: currentColor; opacity: .55; }
.aimsg-mini-lines:before { top: -18px; width: 82%; }
.aimsg-mini-lines:after { top: 18px; width: 66%; }
.aimsg-template-mini-sticky-note { transform: rotate(-1.5deg); border-radius: 4px 18px 18px 18px; }
.aimsg-template-mini-chat-bubble { border-radius: 26px 26px 6px 26px; }
.aimsg-template-mini-phone-notification { border-radius: 18px; box-shadow: inset 0 0 0 10px rgba(255,255,255,.68); }
.aimsg-template-mini-whatsapp-status { height: 112px; border-radius: 20px; }
.aimsg-template-name { display: block; font-size: 13px; font-weight: 900; color: #302821; line-height: 1.25; }
.aimsg-template-meta { display: block; margin-top: 3px; font-size: 11px; color: #7f7167; line-height: 1.25; }
.aimsg-template-empty { border: 1px dashed #e8d6c5; background: #fffaf5; border-radius: 14px; padding: 12px; color: #7a4a16; }
.aimsg-editor-controls { grid-template-columns: 1fr 1fr; margin: 14px 0; }
.aimsg-emoji-panel { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 16px 0; }
.aimsg-emoji-btn { border: 1px solid #eadfd4; background: #fffaf5; border-radius: 999px; padding: 7px 10px; cursor: pointer; font-size: 18px; }
.aimsg-preview-area { display: grid; place-items: center; width: 100%; overflow: auto; padding: 10px; background: #fafafa; border-radius: 18px; border: 1px dashed #e5ded5; position: sticky; top: 18px; }
.aimsg-design-preview { --aimsg-template-accent: #ff7a1a; position: relative; display: grid; place-items: center; text-align: center; overflow: hidden; background: #fff4e6; color: #2b2b2b; border-radius: 28px; box-shadow: 0 12px 35px rgba(0,0,0,.08); padding: 48px; isolation: isolate; }
.aimsg-preview-bg-pattern { position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: radial-gradient(circle at 20% 20%, var(--aimsg-template-accent) 0 3px, transparent 4px), radial-gradient(circle at 80% 40%, var(--aimsg-template-accent) 0 2px, transparent 3px), radial-gradient(circle at 40% 80%, var(--aimsg-template-accent) 0 2px, transparent 3px); background-size: 120px 120px; }
.aimsg-preview-shell { position: relative; display: grid; place-items: center; width: 92%; min-height: 52%; padding: 46px 34px; border: 2px solid rgba(255,255,255,.66); border-radius: 26px; background: rgba(255,255,255,.50); backdrop-filter: blur(2px); }
.aimsg-preview-badge { position: absolute; top: 16px; left: 16px; color: #fff; border-radius: 999px; padding: 6px 10px; font-size: 11px; font-weight: 900; letter-spacing: .02em; }
.aimsg-preview-decoration { position: absolute; top: 13px; right: 18px; font-size: 30px; line-height: 1; }
.aimsg-size-square { width: min(100%, 520px); aspect-ratio: 1 / 1; }
.aimsg-size-story { width: min(100%, 360px); aspect-ratio: 9 / 16; }
.aimsg-size-pin { width: min(100%, 400px); aspect-ratio: 2 / 3; }
.aimsg-preview-message { white-space: pre-wrap; font-size: clamp(24px, 4vw, 46px); font-weight: 700; line-height: 1.25; max-width: 92%; }
.aimsg-format-sticky-note .aimsg-preview-shell { border-radius: 3px 26px 26px 26px; transform: rotate(-1.2deg); box-shadow: 0 18px 35px rgba(0,0,0,.12); }
.aimsg-format-sticky-note .aimsg-preview-shell:before { content: ''; position: absolute; top: 0; left: 50%; width: 92px; height: 18px; transform: translate(-50%, -50%); border-radius: 999px; background: rgba(255,255,255,.72); }
.aimsg-format-chat-bubble .aimsg-preview-shell { border-radius: 36px 36px 8px 36px; background: rgba(255,255,255,.72); border: 0; }
.aimsg-format-chat-bubble .aimsg-preview-shell:after { content: ''; position: absolute; right: 20px; bottom: -18px; border-width: 20px 0 0 26px; border-style: solid; border-color: transparent transparent transparent rgba(255,255,255,.72); }
.aimsg-format-phone-notification { padding: 34px; }
.aimsg-format-phone-notification .aimsg-preview-shell { min-height: auto; align-self: start; margin-top: 14%; border-radius: 24px; border: 0; box-shadow: 0 18px 36px rgba(0,0,0,.16); background: rgba(255,255,255,.84); }
.aimsg-format-phone-notification .aimsg-preview-badge:before { content: '🔔 '; }
.aimsg-format-whatsapp-status { border-radius: 34px; }
.aimsg-format-whatsapp-status .aimsg-preview-shell { min-height: 62%; background: rgba(0,0,0,.18); color: inherit; border-color: rgba(255,255,255,.38); }
.aimsg-format-whatsapp-status .aimsg-preview-badge:before { content: '● '; }
@media (max-width: 900px) { .aimsg-editor-wrap { grid-template-columns: 1fr; } .aimsg-preview-area { position: static; min-height: 420px; } .aimsg-template-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .aimsg-template-grid { grid-template-columns: 1fr; } .aimsg-editor-controls { grid-template-columns: 1fr; } .aimsg-design-preview { padding: 28px; } .aimsg-preview-shell { width: 96%; padding: 42px 22px; } }

/* JSON template renderer */
.aimsg-template-tags { display: block; margin-top: 4px; font-size: 10px; color: #9a8a7d; line-height: 1.25; }
.aimsg-json-design-preview { display: block; padding: 0; text-align: initial; overflow: hidden; position: relative; background-size: cover !important; background-position: center !important; }
.aimsg-json-canvas-inner { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
.aimsg-json-layer { position: absolute; box-sizing: border-box; transform-origin: center center; overflow: hidden; }
.aimsg-json-layer-text, .aimsg-json-layer-emoji { word-break: break-word; }
.aimsg-json-layer-shape { pointer-events: none; }
.aimsg-json-layer img { max-width: none; }
.aimsg-json-design-preview.aimsg-size-square { width: min(100%, 520px); }
.aimsg-json-design-preview.aimsg-size-story { width: min(100%, 360px); }
.aimsg-json-design-preview.aimsg-size-pin { width: min(100%, 400px); }
.aimsg-json-design-preview.aimsg-format-sticky-note { box-shadow: 0 18px 40px rgba(0,0,0,.12); transform: rotate(-.35deg); }
.aimsg-json-design-preview.aimsg-format-chat-bubble { border-radius: 34px 34px 10px 34px !important; }
.aimsg-json-design-preview.aimsg-format-phone-notification { border-radius: 42px !important; box-shadow: inset 0 0 0 12px rgba(255,255,255,.42), 0 14px 38px rgba(0,0,0,.12); }
.aimsg-json-design-preview.aimsg-format-whatsapp-status { border-radius: 38px !important; }


/* Font Library frontend controls */
.aimsg-font-live-preview { display:block; margin-top:7px; padding:10px 12px; border:1px solid #eadfd4; border-radius:12px; background:#fffaf5; color:#2f2a25; font-size:20px; line-height:1.25; }
.aimsg-unicode-font-panel { border:1px solid #eadfd4; background:#fffdf8; border-radius:16px; padding:14px; margin:16px 0; }
.aimsg-unicode-row { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; align-items:center; }
.aimsg-unicode-row select { min-width:210px; flex:1; }
.aimsg-unicode-row button { border:1px solid #eadfd4; background:#fff7ef; border-radius:999px; padding:9px 12px; cursor:pointer; font-weight:800; }
.aimsg-unicode-output { width:100%; border:1px solid #eadfd4; border-radius:12px; background:#fff; padding:10px 12px; resize:vertical; }


/* Frontend asset selector */
.aimsg-asset-selector { margin:18px 0; padding:16px; border:1px solid rgba(0,0,0,.08); border-radius:18px; background:#fff; }
.aimsg-asset-group { margin-top:14px; }
.aimsg-asset-group > strong { display:block; margin-bottom:8px; font-size:14px; }
.aimsg-asset-preview-grid { display:flex; flex-wrap:wrap; gap:8px; }
.aimsg-asset-btn { width:46px; height:46px; border:1px solid rgba(0,0,0,.12); border-radius:12px; background:#fff; display:grid; place-items:center; cursor:pointer; padding:5px; transition:transform .16s ease, box-shadow .16s ease; }
.aimsg-asset-btn:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
.aimsg-asset-btn img { max-width:100%; max-height:100%; object-fit:contain; display:block; }
.aimsg-asset-text-preview { font-size:22px; line-height:1; }
.aimsg-empty-assets { color:#777; font-size:13px; }
.aimsg-json-layer-user_asset img, .aimsg-json-layer-icon img, .aimsg-json-layer-sticker img, .aimsg-json-layer-illustration img, .aimsg-json-layer-decoration img { pointer-events:none; }
@media (max-width: 700px) { .aimsg-asset-btn { width:42px; height:42px; } }


/* Advanced Message Designer v0.9.0 */
.aimsg-advanced-designer { gap: 24px; align-items: flex-start; }
.aimsg-designer-flow-note {
    border: 1px solid rgba(255,122,26,.18);
    background: #fff7ed;
    color: #5b3416;
    border-radius: 16px;
    padding: 12px 14px;
    margin-bottom: 16px;
    font-size: 14px;
}
.aimsg-full-control { display:block; margin: 14px 0; }
.aimsg-control-value { display:inline-flex; min-width: 52px; justify-content: flex-end; color:#5f6470; font-size: 12px; margin-left: 6px; }
.aimsg-editor-controls input[type="range"] { width: calc(100% - 62px); vertical-align: middle; }
.aimsg-element-actions {
    margin: 16px 0;
    padding: 14px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    background: #fbfbfc;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.aimsg-element-actions > div { display:flex; flex-direction:column; gap:3px; min-width: 150px; }
.aimsg-selected-element-label { color:#6b7280; font-size:13px; text-transform: capitalize; }
.aimsg-preview-toolbar {
    width:100%;
    max-width: min(520px, 100%);
    margin: 0 auto 10px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    font-size:13px;
    color:#6b7280;
}
.aimsg-preview-toolbar strong { color:#111827; }
.aimsg-design-preview { touch-action: none; }
.aimsg-json-canvas-inner { position: relative; width:100%; height:100%; }
.aimsg-json-layer { box-sizing: border-box; }
.aimsg-selectable-layer { cursor: move; user-select: none; outline: 0 solid transparent; transition: outline-color .12s ease, box-shadow .12s ease; }
.aimsg-selectable-layer:hover,
.aimsg-selectable-layer.is-selected {
    outline: 2px solid rgba(255,122,26,.72);
    box-shadow: 0 0 0 4px rgba(255,122,26,.12);
}
.aimsg-layer-resize-handle {
    position:absolute;
    width:14px;
    height:14px;
    right:-7px;
    bottom:-7px;
    border-radius:50%;
    background:#ff7a1a;
    border:2px solid #fff;
    box-shadow:0 2px 8px rgba(0,0,0,.22);
    cursor:nwse-resize;
    z-index: 1000;
}
.aimsg-designer-status {
    min-height: 22px;
    margin: 12px 0;
    font-size: 13px;
    font-weight: 700;
}
.aimsg-designer-status.is-success { color:#0a7a32; }
.aimsg-designer-status.is-error { color:#b42318; }
.aimsg-designer-status.is-loading { color:#8a4b00; }
.aimsg-exporting .aimsg-selectable-layer,
.aimsg-exporting .aimsg-selectable-layer:hover,
.aimsg-exporting .aimsg-selectable-layer.is-selected {
    outline: none !important;
    box-shadow: none !important;
}
.aimsg-exporting .aimsg-layer-resize-handle { display:none !important; }
.aimsg-bg-preset, .aimsg-text-align { width:100%; }
.aimsg-download-btn[disabled] { opacity:.72; cursor: wait; }

@media (max-width: 900px) {
    .aimsg-advanced-designer { display:flex; flex-direction:column; }
    .aimsg-preview-area { order: -1; width:100%; position: sticky; top: 8px; z-index: 4; background: rgba(255,255,255,.94); backdrop-filter: blur(10px); padding-bottom: 10px; }
    .aimsg-editor-panel { width:100%; }
    .aimsg-preview-toolbar { flex-direction:column; align-items:flex-start; }
    .aimsg-design-preview { max-width: min(390px, 100%); margin: 0 auto; }
    .aimsg-element-actions { align-items: stretch; }
    .aimsg-element-actions .button { flex: 1 1 100px; }
}

@media (max-width: 560px) {
    .aimsg-editor-controls { grid-template-columns: 1fr; }
    .aimsg-template-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .aimsg-asset-preview-grid { max-height: 190px; overflow:auto; }
    .aimsg-layer-resize-handle { width:18px; height:18px; right:-9px; bottom:-9px; }
}

/* Commercial-grade design system upgrade v1.1.0 */
.aimsg-recommendation-bar { display:flex; flex-wrap:wrap; gap:8px; margin: 0 0 14px; }
.aimsg-rec-pill { display:inline-flex; align-items:center; gap:6px; border:1px solid #ecd8c6; background:#fff7ef; color:#7a4b1c; border-radius:999px; padding:7px 12px; font-size:12px; font-weight:800; }
.aimsg-template-card-top { display:block; }
.aimsg-mini-badge { position:absolute; top:8px; left:8px; z-index:2; font-size:10px; font-weight:800; color:#fff; background:rgba(17,24,39,.65); padding:4px 8px; border-radius:999px; }
.aimsg-template-card { text-align:left; gap:8px; }
.aimsg-template-card .aimsg-template-name { font-weight:900; color:#1f2937; }
.aimsg-template-card .aimsg-template-meta { font-size:12px; color:#6b7280; }
.aimsg-template-card .aimsg-template-preview { position:relative; overflow:hidden; }
.aimsg-template-card .aimsg-template-preview:after { content:''; position:absolute; inset:auto 12px 12px 12px; height:34%; border-radius:14px; background:rgba(255,255,255,.48); border:1px solid rgba(255,255,255,.65); }
.aimsg-template-card .aimsg-mini-icon { position:absolute; top:50%; left:50%; transform:translate(-50%,-62%); z-index:2; font-size:20px; }
.aimsg-template-card .aimsg-mini-lines { position:absolute; left:24%; right:24%; bottom:20px; height:5px; background:rgba(31,41,55,.35); border-radius:999px; box-shadow:0 -10px 0 rgba(31,41,55,.18),0 -20px 0 rgba(31,41,55,.14); z-index:2; }
.aimsg-size-landscape { width:min(100%, 640px); aspect-ratio: 1.9 / 1; }
.aimsg-json-design-preview.aimsg-size-landscape { width:min(100%, 640px); }
.aimsg-editor-controls label { display:flex; flex-direction:column; gap:8px; }
.aimsg-editor-controls select,
.aimsg-editor-controls input[type="text"],
.aimsg-editor-controls input[type="number"],
.aimsg-editor-controls textarea,
.aimsg-editor-controls input[type="color"] { width:100%; }
.aimsg-asset-group strong { display:flex; align-items:center; justify-content:space-between; }
.aimsg-asset-preview-grid { max-height: 242px; overflow:auto; padding-right:4px; }
.aimsg-preview-area { align-self: flex-start; }
.aimsg-design-preview { box-shadow: 0 24px 60px rgba(17,24,39,.12); }
.aimsg-element-actions .button,
.aimsg-download-btn { border-radius: 14px; }
.aimsg-download-btn { width:100%; padding:14px 18px; font-size:15px; font-weight:800; border:none; background:#111827; color:#fff; cursor:pointer; }
.aimsg-download-btn:hover { opacity:.95; }
@media (max-width: 900px) {
    .aimsg-size-landscape { width:min(100%, 100%); }
}


/* Premium design studio editor UI v1.2.0 */
.aimsg-premium-studio .aimsg-editor-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr);
    gap: clamp(18px, 3vw, 28px);
}

.aimsg-premium-studio .aimsg-editor-panel {
    min-width: 0;
}

.aimsg-premium-studio .aimsg-designer-flow-note {
    border: 1px solid rgba(255,107,44,.18);
    background:
        radial-gradient(circle at 0% 0%, rgba(255,107,44,.12), transparent 32%),
        linear-gradient(135deg, #fff7ed, #fff);
    color: #7c2d12;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(255,107,44,.06);
}

.aimsg-mobile-editor-tabs {
    display: none;
    gap: 8px;
    overflow-x: auto;
    padding: 4px 0 14px;
    scrollbar-width: none;
}

.aimsg-mobile-editor-tabs::-webkit-scrollbar {
    display: none;
}

.aimsg-mobile-editor-tabs button,
.aimsg-filter-chip {
    border: 1px solid rgba(16,24,40,.10);
    background: #fff;
    color: #475467;
    border-radius: 999px;
    padding: 9px 13px;
    font-weight: 900;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    transition: .16s ease;
}

.aimsg-mobile-editor-tabs button.is-active,
.aimsg-mobile-editor-tabs button:hover,
.aimsg-filter-chip.is-active,
.aimsg-filter-chip:hover {
    background: #111827;
    color: #fff;
    border-color: #111827;
    box-shadow: 0 10px 22px rgba(17,24,39,.14);
}

.aimsg-template-filter-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 2px 0 14px;
}

.aimsg-premium-studio .aimsg-section-heading h3 {
    margin-bottom: 6px;
    color: #101828;
    letter-spacing: -.025em;
}

.aimsg-premium-studio .aimsg-section-heading p {
    color: #667085;
}

.aimsg-premium-studio .aimsg-template-grid {
    grid-template-columns: repeat(auto-fit, minmax(174px, 1fr));
    gap: 14px;
}

.aimsg-premium-studio .aimsg-template-card {
    border: 1px solid rgba(16,24,40,.08);
    border-radius: 22px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 12px 28px rgba(16,24,40,.06);
    position: relative;
    overflow: hidden;
}

.aimsg-premium-studio .aimsg-template-card:after {
    content: "";
    position: absolute;
    inset: auto 14px 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, #ff7a1a, #f43f5e, #7c3aed);
    opacity: 0;
    transition: opacity .16s ease;
}

.aimsg-premium-studio .aimsg-template-card:hover,
.aimsg-premium-studio .aimsg-template-card.is-selected {
    transform: translateY(-2px);
    border-color: rgba(255,107,44,.42);
    box-shadow: 0 18px 44px rgba(16,24,40,.12);
}

.aimsg-premium-studio .aimsg-template-card.is-selected:after,
.aimsg-premium-studio .aimsg-template-card:hover:after {
    opacity: 1;
}

.aimsg-premium-studio .aimsg-template-preview {
    border-radius: 18px;
    height: 138px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
}

.aimsg-premium-studio .aimsg-template-mini-whatsapp-status,
.aimsg-premium-studio .aimsg-template-mini-phone-notification {
    height: 148px;
}

.aimsg-premium-studio .aimsg-mini-badge {
    backdrop-filter: blur(8px);
}

.aimsg-premium-studio .aimsg-template-name {
    margin-top: 10px;
    color: #101828;
    font-size: 13px;
}

.aimsg-premium-studio .aimsg-template-tags {
    color: #98a2b3;
}

.aimsg-premium-studio .aimsg-recommendation-bar {
    margin: 0 0 14px;
}

.aimsg-premium-studio .aimsg-rec-pill {
    background: #f9fafb;
    color: #475467;
    border-color: rgba(16,24,40,.08);
}

.aimsg-premium-studio .aimsg-full-control textarea {
    border-radius: 18px;
    min-height: 126px;
    background: linear-gradient(180deg, #fff, #fffaf7);
}

.aimsg-premium-studio .aimsg-editor-controls {
    padding: 16px;
    border: 1px solid rgba(16,24,40,.08);
    border-radius: 24px;
    background: linear-gradient(180deg, #fff, #fbfbfc);
}

.aimsg-premium-studio .aimsg-font-live-preview {
    display: block;
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f9fafb;
    color: #1d2939;
    border: 1px solid rgba(16,24,40,.08);
}

.aimsg-premium-studio .aimsg-element-actions,
.aimsg-premium-studio .aimsg-asset-selector,
.aimsg-premium-studio .aimsg-unicode-font-panel {
    border-radius: 24px;
    border: 1px solid rgba(16,24,40,.08);
    background: #fff;
    box-shadow: 0 10px 28px rgba(16,24,40,.05);
}

.aimsg-premium-studio .aimsg-element-actions {
    padding: 14px;
}

.aimsg-premium-studio .aimsg-element-actions .button {
    border-radius: 999px;
    border: 1px solid rgba(16,24,40,.10);
    background: #fff;
    color: #344054;
    font-weight: 850;
}

.aimsg-premium-studio .aimsg-asset-selector {
    padding: 16px;
}

.aimsg-premium-studio .aimsg-asset-group {
    padding: 12px;
    border-radius: 18px;
    background: #f9fafb;
    border: 1px solid rgba(16,24,40,.06);
}

.aimsg-premium-studio .aimsg-asset-group + .aimsg-asset-group {
    margin-top: 12px;
}

.aimsg-premium-studio .aimsg-asset-preview-grid {
    gap: 9px;
    padding: 2px;
}

.aimsg-premium-studio .aimsg-asset-btn {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    border-color: rgba(16,24,40,.08);
    box-shadow: 0 8px 18px rgba(16,24,40,.04);
}

.aimsg-premium-studio .aimsg-asset-btn:hover {
    border-color: rgba(255,107,44,.45);
    background: #fff7ed;
}

.aimsg-premium-studio .aimsg-preview-area {
    border: 1px solid rgba(16,24,40,.08);
    border-radius: 30px;
    background:
        linear-gradient(45deg, rgba(16,24,40,.035) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(16,24,40,.035) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(16,24,40,.035) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(16,24,40,.035) 75%),
        #fff;
    background-size: 22px 22px;
    background-position: 0 0, 0 11px, 11px -11px, -11px 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 50px rgba(16,24,40,.07);
    padding: 18px;
}

.aimsg-preview-toolbar {
    max-width: min(620px, 100%);
    padding: 10px 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(16,24,40,.08);
    backdrop-filter: blur(10px);
}

.aimsg-preview-toolbar strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.aimsg-preview-toolbar strong:before {
    content: "●";
    color: #22c55e;
    font-size: 14px;
}

.aimsg-premium-studio .aimsg-design-preview {
    box-shadow: 0 28px 75px rgba(16,24,40,.18);
    border: 1px solid rgba(255,255,255,.40);
}

.aimsg-premium-studio .aimsg-selectable-layer:hover,
.aimsg-premium-studio .aimsg-selectable-layer.is-selected {
    outline-color: rgba(124,58,237,.75);
    box-shadow: 0 0 0 5px rgba(124,58,237,.13);
}

.aimsg-premium-studio .aimsg-layer-resize-handle {
    background: linear-gradient(135deg, #7c3aed, #f43f5e);
}

.aimsg-premium-studio .aimsg-download-btn {
    margin-top: 10px;
    min-height: 52px;
    border-radius: 18px;
    box-shadow: 0 18px 36px rgba(244,63,94,.22);
}

.aimsg-designer-status {
    border-radius: 14px;
}

.aimsg-designer-status.is-success,
.aimsg-designer-status.is-error,
.aimsg-designer-status.is-loading {
    padding: 10px 12px;
}

.aimsg-designer-status.is-success {
    background: #ecfdf3;
    border: 1px solid #abefc6;
}

.aimsg-designer-status.is-error {
    background: #fef3f2;
    border: 1px solid #fecdca;
}

.aimsg-designer-status.is-loading {
    background: #fffaeb;
    border: 1px solid #fedf89;
}

@media (max-width: 980px) {
    .aimsg-premium-studio .aimsg-editor-wrap {
        display: flex;
        flex-direction: column;
    }

    .aimsg-mobile-editor-tabs {
        display: flex;
        position: sticky;
        top: 0;
        z-index: 9;
        background: rgba(255,255,255,.88);
        backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(16,24,40,.07);
    }

    .aimsg-premium-studio .aimsg-preview-area {
        order: -1;
        position: relative;
        top: auto;
    }
}

@media (max-width: 600px) {
    .aimsg-premium-studio .aimsg-template-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .aimsg-premium-studio .aimsg-template-preview {
        height: 116px;
    }

    .aimsg-template-filter-chips {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .aimsg-template-filter-chips::-webkit-scrollbar {
        display: none;
    }

    .aimsg-premium-studio .aimsg-preview-area {
        padding: 12px;
        border-radius: 24px;
    }

    .aimsg-preview-toolbar {
        font-size: 12px;
    }

    .aimsg-premium-studio .aimsg-asset-btn {
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }
}