.sai-shell{border:1px solid rgba(15,92,72,.16);border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbf8ef 100%);padding:22px;box-shadow:0 14px 36px rgba(13,74,58,.07);margin:22px 0}
.sai-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.sai-heading h3{margin:4px 0 6px;font-size:1.2rem}.sai-heading p{margin:0;max-width:760px;color:#66746e;line-height:1.55}.sai-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0d5c48}.sai-badge{white-space:nowrap;background:#e9f5ef;color:#0d5c48;border:1px solid #cfe7db;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800}
.sai-drop{display:flex;min-height:150px;border:1.5px dashed #9dc3b3;border-radius:18px;background:#f7fbf8;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;cursor:pointer;transition:.2s ease}.sai-drop:hover{border-color:#0d5c48;background:#f0f8f4}.sai-drop strong{color:#173e33}.sai-drop span:last-child{font-size:.88rem;color:#75837d}.sai-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e4f2eb;color:#0d5c48;font-weight:900;font-size:1.2rem;margin-bottom:3px}
.sai-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.sai-options label{display:grid;gap:6px}.sai-options label>span{font-size:.84rem;font-weight:800;color:#395c51}.sai-options select{width:100%;border:1px solid #d8e2dd;background:#fff;border-radius:12px;padding:11px 12px;color:#21463b}
.sai-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.sai-primary,.sai-secondary,.sai-link,.sai-preview-tabs button{font:inherit}.sai-primary{border:0;border-radius:12px;background:#0d5c48;color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}.sai-primary:disabled{opacity:.5;cursor:not-allowed}.sai-primary.is-loading{opacity:.75}.sai-secondary{border:1px solid #cddbd5;background:#fff;color:#21463b;border-radius:12px;padding:10px 15px;font-weight:750;cursor:pointer}.sai-link{border:0;background:transparent;color:#0d5c48;padding:10px 6px;font-weight:800;cursor:pointer}.sai-status{font-size:.88rem;color:#6c7a75}.sai-status.is-error{color:#b42318;font-weight:700}
.sai-preview{margin-top:18px}.sai-preview-tabs{display:flex;gap:7px;margin-bottom:10px}.sai-preview-tabs button{border:1px solid #dbe5e0;background:#fff;border-radius:999px;padding:7px 11px;font-size:.84rem;font-weight:800;color:#61716a;cursor:pointer}.sai-preview-tabs button.is-active{background:#e8f4ee;color:#0d5c48;border-color:#c2dfd1}.sai-frame{aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:16px;background:#e9eee9;border:1px solid #dde5e1}.sai-frame img{width:100%;height:100%;display:block;object-fit:cover}.sai-frame[data-sai-frame-original] img{object-fit:contain;background:#f0eee7}.sai-choice{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
@media(max-width:700px){.sai-shell{padding:16px;border-radius:18px}.sai-heading{display:block}.sai-badge{display:inline-block;margin-top:10px}.sai-options{grid-template-columns:1fr}.sai-primary,.sai-secondary{width:100%}.sai-actions{align-items:stretch}.sai-status{width:100%}}