.ready-studio-intro { display: grid; gap: 4px; padding: 14px 14px 16px; margin-bottom: 12px; border-radius: 16px; background: linear-gradient(135deg, var(--brand-primary-tint, #eef6f5), #fff); border: 1px solid #e2e8f0; }
.ready-studio-intro span { font-size: 9px; font-weight: 900; letter-spacing: .08em; color: var(--brand-primary); text-transform: uppercase; }
.ready-studio-intro strong { font-size: 15px; font-weight: 900; color: #0f172a; }
.ready-studio-intro small { font-size: 10.5px; line-height: 1.6; color: #64748b; }
.ready-studio-section { margin: 4px 0 18px; }
.ready-studio-section > h4 { margin: 0 2px 9px; font-size: 11px; font-weight: 900; color: #334155; }
.ready-design-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ready-design-card { display: grid; gap: 7px; padding: 7px; border-radius: 14px; border: 1px solid #e2e8f0; background: #fff; text-align: right; cursor: pointer; transition: .15s; }
.ready-design-card:hover { border-color: var(--brand-primary); box-shadow: 0 10px 24px rgba(15,23,42,.1); transform: translateY(-1px); }
.ready-design-card.is-busy { opacity: .55; pointer-events: none; }
.ready-design-preview { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 9px; background: #f8fafc; box-shadow: inset 0 0 0 1px #eef2f7; }
.ready-design-skeleton { position: absolute; inset: 0; display: grid; place-items: center; color: #cbd5e1; animation: readyPulse 1.4s ease-in-out infinite; }
.ready-design-skeleton svg { width: 22px; height: 22px; }
@keyframes readyPulse { 50% { opacity: .45; } }
.ready-design-name { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 850; color: #1e293b; }
.ready-design-name svg { width: 13px; height: 13px; color: var(--brand-primary); flex: 0 0 auto; }
.ready-element-grid { display: grid; gap: 9px; }
.ready-element-card { position: relative; display: grid; gap: 8px; padding: 9px; border-radius: 14px; border: 1px solid #e2e8f0; background: #fff; text-align: right; cursor: pointer; transition: .15s; }
.ready-element-card:hover { border-color: var(--brand-primary); box-shadow: 0 10px 24px rgba(15,23,42,.1); }
.ready-element-preview { position: relative; display: block; width: 100%; min-height: 60px; overflow: hidden; border-radius: 10px; background: #fbfcfd; }
.ready-element-copy { display: grid; gap: 2px; padding-left: 30px; }
.ready-element-copy b { font-size: 11.5px; font-weight: 900; color: #0f172a; }
.ready-element-copy small { font-size: 9.5px; color: #64748b; line-height: 1.5; }
.ready-element-card .library-card-add { position: absolute; left: 10px; bottom: 12px; }
.ready-mini-canvas .floating-toolbar, .ready-mini-canvas .resizer { display: none !important; }