.miniapp-studio{grid-template-columns:minmax(0,1fr) 440px;gap:32px}.miniapp-editor{display:block;border:1px solid #dce5eb;border-radius:10px;background:#fff;overflow:hidden}.designer-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:14px;background:#f7f9fb;border-bottom:1px solid #e1e8ee}.designer-toolbar button{padding:7px 10px;font-size:.75rem}.designer-toolbar button:disabled{opacity:.35;cursor:default}.designer-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dce5eb}.designer-tab{border:0;border-bottom:2px solid transparent;background:#fff;padding:14px 8px;font-size:.8rem;color:#657b8c;cursor:pointer}.designer-tab[aria-pressed=true]{color:#285c83;border-bottom-color:#285c83;font-weight:700;background:#f6f9fc}.designer-panels{max-height:640px;overflow:auto;overscroll-behavior:contain;padding:20px;display:grid;gap:16px;align-content:start;scrollbar-width:thin}.designer-subtitle{font-size:.95rem;margin:4px 0;color:#294a62}.designer-field{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center;font-size:.8rem;color:#4c6477}.designer-field input:not([type=checkbox]),.designer-field select,.designer-field textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid #d1dee7;border-radius:5px;background:#fff;color:#263e50;font:inherit}.designer-field textarea{resize:vertical}.designer-field input[type=color]{height:36px;padding:3px 6px;max-width:110px}.designer-field input[type=checkbox]{justify-self:start;width:17px;height:17px;accent-color:#285c83}.designer-field input[type=range]{padding:0;accent-color:#285c83;grid-column:2}.designer-field output{grid-column:2;grid-row:1;text-align:right;font-size:.78rem;color:#477a9b}.designer-field:has(output){row-gap:4px}.designer-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.designer-template{background:#f5f8fb;border:1px solid #d8e4ed;border-radius:5px;color:#325b76;padding:10px 6px;font-size:.78rem;cursor:pointer}.designer-template:hover{background:#eaf2f8}.designer-image{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.78rem;border:1px dashed #d4e0e8;border-radius:6px;padding:12px}.designer-image strong{font-weight:500;min-width:85px}.designer-image img{width:65px;height:50px;object-fit:contain;background:#eff3f7;border-radius:4px}.designer-image input{font-size:.72rem;max-width:240px}.designer-text-button{border:0;background:transparent;color:#386f93;font-size:.75rem;padding:7px 10px;cursor:pointer}.designer-text-button:disabled{color:#a6b3bd;cursor:default}.designer-item-editor,.designer-module-editor{border:1px solid #dce6ed;border-radius:6px;padding:12px;background:#fff;min-width:0}.designer-item-editor>summary,.designer-module-editor>summary{font-size:.82rem;font-weight:650;cursor:pointer;overflow-wrap:anywhere}.designer-item-editor[open]>.designer-field,.designer-module-editor[open]>.designer-field,.designer-item-editor[open]>.designer-image,.designer-module-editor[open]>.designer-image,.designer-module-editor[open]>.designer-item-editor{margin-top:14px}.designer-module-editor>summary input{accent-color:#285c83;margin:0 8px 0 0}.designer-module-editor>summary small{font-weight:400;font-size:.69rem;color:#7b8e9d;margin-left:12px}.designer-module-order{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.designer-status{font-size:.78rem;line-height:1.6;min-height:35px;margin:0;padding:10px 16px;border-top:1px solid #e1e8ee;color:#427291;background:#f8fafb}.miniapp-preview-area{top:95px}.miniapp-preview-caption{font-size:.75rem}.miniapp-phone{font-size:var(--preview-font,13px);color:var(--preview-text,#253c4e)}.miniapp-phone .phone-scroll{padding:var(--preview-gap);background:var(--preview-bg)}.miniapp-phone .phone-block{background:var(--preview-card);border-radius:var(--preview-radius);margin-bottom:var(--preview-gap);color:var(--preview-text)}.miniapp-phone.preview-shadow .phone-block{box-shadow:0 3px 10px #13273c12}.miniapp-phone .phone-block h3{font-size:1.08em;color:var(--preview-text)}.miniapp-phone .phone-block p{color:var(--preview-text);opacity:.77;font-size:.92em;overflow-wrap:anywhere}.miniapp-phone .phone-action{background:var(--preview-color);color:var(--preview-on-color);border-radius:calc(var(--preview-radius) / 2);font-size:.82em}.miniapp-phone .phone-items.cards{grid-template-columns:repeat(var(--preview-columns),minmax(0,1fr))}.miniapp-phone .phone-items.list{grid-template-columns:1fr}.miniapp-phone .phone-item{min-width:0;overflow-wrap:anywhere}.miniapp-phone .phone-item strong{font-size:.85em}.miniapp-phone .phone-item p{font-size:.8em;margin:0}.miniapp-phone .phone-items.list .phone-item{grid-template-columns:65px minmax(0,1fr)}.miniapp-phone .phone-items.list .phone-item>*{grid-column:2}.miniapp-phone .phone-items.list .phone-item>.phone-media,.miniapp-phone .phone-items.list .phone-item>.phone-placeholder{grid-column:1;grid-row:1 / span 4;width:65px;height:65px}.phone-media{display:block;width:100%;height:90px;object-fit:cover;border-radius:calc(var(--preview-radius) / 2);margin:0 0 8px}.phone-block>.phone-media{height:auto;max-height:180px;object-fit:contain}.phone-price{color:var(--preview-color);font-size:.9em}.phone-logo{width:30px;height:30px;object-fit:contain;border-radius:6px}.phone-brand{display:flex;align-items:center;gap:9px;margin-bottom:7px;font-size:1.1em}.phone-brand strong{overflow-wrap:anywhere}.phone-brand-subtitle{font-size:.85em;line-height:1.7;color:var(--preview-text);opacity:.7;margin:0 0 12px}.phone-announcement{padding:8px 10px;border-radius:5px;background:var(--preview-card);color:var(--preview-color);margin-bottom:var(--preview-gap);font-size:.8em;line-height:1.6;overflow-wrap:anywhere}.miniapp-phone .phone-hero{position:relative;isolation:isolate;border-radius:var(--preview-radius);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:20px 16px;color:var(--preview-on-color)}.phone-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.phone-hero:has(.phone-hero-image)::before{content:'';position:absolute;inset:0;background:#14253888;z-index:-1}.miniapp-phone .phone-hero:has(.phone-hero-image){color:#fff}.phone-hero-copy{position:relative}.miniapp-phone .phone-hero h2{font-size:1.6em!important}.miniapp-phone .phone-hero .phone-action{margin-top:12px;background:var(--preview-card);color:var(--preview-color)}.phone-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.phone-dot{width:19px;height:19px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:9px;cursor:pointer;opacity:.5}.phone-dot[aria-pressed=true]{opacity:1;background:var(--preview-card);color:var(--preview-color)}.phone-search,.phone-demo-input{display:block;width:100%;border:1px solid #dbe4ea;padding:9px 10px;background:var(--preview-card);color:var(--preview-text);border-radius:calc(var(--preview-radius) / 2);font:inherit;font-size:.86em;margin-bottom:10px}.phone-tabs[hidden]{display:none}.phone-tabs .phone-nav-icon{font-size:20px}.phone-floating{position:absolute;right:10px;bottom:80px;background:var(--preview-color);color:var(--preview-on-color);border:1px solid #ffffff88;border-radius:20px;padding:10px 12px;box-shadow:0 3px 9px #0002;font-size:11px;cursor:pointer;max-width:100px;overflow-wrap:anywhere}.phone-avatar-image{width:56px;height:56px;object-fit:contain;border-radius:50%;margin-bottom:12px}.phone-profile .phone-action{display:block;margin:10px auto}.phone-faq{grid-column:1 / -1;border-bottom:1px solid #dde4ea;padding:8px 0}.phone-faq summary{font-size:.9em;cursor:pointer}.phone-faq p{margin-top:10px!important}.phone-image-error{font-size:10px;color:#8b969e}.designer-panels>.miniapp-primary{justify-self:start;font-size:.8rem}.designer-panels .miniapp-editor-note{line-height:1.8}