.ss310{margin:22px 0 16px;border:1px solid #dbe3f2;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 18px 55px rgba(16,24,40,.07);overflow:hidden}.ss310 *{box-sizing:border-box}.ss310-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 22px 17px;border-bottom:1px solid #edf0f5}.ss310-eyebrow{font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#3158d4}.ss310-head h2{margin:4px 0 7px;font-size:clamp(24px,3vw,34px);letter-spacing:-.04em}.ss310-head p{margin:0;color:#667085;line-height:1.5;max-width:760px}.ss310-local{flex:0 0 auto;border:1px solid #b9e4cf;background:#ecfdf3;color:#067647;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.ss310-grid{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);gap:16px;padding:16px}.ss310-card{border:1px solid #e3e8f0;border-radius:18px;background:#fff;padding:16px;min-width:0}.ss310-card h3{margin:0 0 4px;font-size:17px}.ss310-note{margin:0;color:#667085;font-size:12px;line-height:1.45}.ss310-drop{display:grid;place-items:center;text-align:center;min-height:148px;margin-top:12px;border:2px dashed #c5d1eb;border-radius:16px;background:#f8faff;cursor:pointer;padding:18px;transition:.15s}.ss310-drop:hover,.ss310-drop.drag{border-color:#3158d4;background:#f2f5ff}.ss310-drop strong{display:block;font-size:18px}.ss310-drop span{display:block;color:#667085;font-size:12px;margin-top:5px}.ss310-drop input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.ss310-mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ss310-mini-actions button,.ss310-auto{border:1px solid #dbe1ec;background:#fff;color:#344054;border-radius:10px;padding:9px 11px;font-weight:760;cursor:pointer}.ss310-mini-actions button:hover,.ss310-auto:hover{background:#f7f9fc}.ss310-frames-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}.ss310-count{font-size:12px;color:#667085;font-weight:760}.ss310-frames{display:grid;gap:7px;margin-top:8px;max-height:265px;overflow:auto}.ss310-empty{border:1px solid #edf0f4;background:#fafbfc;border-radius:12px;padding:17px;color:#667085;text-align:center;font-size:13px}.ss310-frame{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e4e8ef;border-radius:12px;padding:8px 9px;background:#fff;cursor:grab}.ss310-frame.dragging{opacity:.45}.ss310-grip{color:#98a2b3;font-size:16px;text-align:center}.ss310-frame b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss310-frame small{display:block;color:#667085;margin-top:2px}.ss310-fbuttons{display:flex;gap:4px}.ss310-fbuttons button{width:30px;height:30px;border:1px solid #e2e7ef;background:#fff;border-radius:8px;cursor:pointer;color:#475467}.ss310-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.ss310-settings label{font-size:11px;color:#667085;margin:0}.ss310-settings input,.ss310-settings select{margin-top:4px;min-height:42px;padding:9px 10px}.ss310-check{display:flex!important;align-items:center;gap:7px;padding-top:21px;color:#344054!important}.ss310-check input{width:auto!important;min-height:auto!important;margin:0!important}.ss310-cellrow{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:10px}.ss310-cellrow label{font-size:11px;color:#667085;margin:0}.ss310-cellrow input{margin-top:4px}.ss310-previewtop{display:flex;justify-content:space-between;gap:12px;align-items:center}.ss310-previewbox{display:grid;place-items:center;min-height:330px;margin-top:12px;border:1px solid #e2e7ef;border-radius:16px;background:repeating-conic-gradient(#f3f4f6 0 25%,#fff 0 50%) 50%/18px 18px;overflow:auto;padding:12px}.ss310-previewbox canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated;box-shadow:0 7px 30px rgba(16,24,40,.1)}.ss310-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.ss310-kpi{border:1px solid #e5e9f0;border-radius:12px;background:#fff;padding:10px;min-width:0}.ss310-kpi b{display:block;font-size:15px;overflow-wrap:anywhere}.ss310-kpi small{display:block;color:#667085;font-size:10px;margin-top:2px}.ss310-animrow{display:grid;grid-template-columns:minmax(0,1fr) 100px 120px;gap:8px;align-items:end;margin-top:12px}.ss310-animbox{height:118px;border:1px solid #e4e8ef;border-radius:14px;background:#f8f9fb;display:grid;place-items:center;overflow:hidden}.ss310-animbox canvas{display:block;max-width:100%;max-height:116px;image-rendering:pixelated}.ss310-animrow label{font-size:11px;color:#667085;margin:0}.ss310-animrow input{margin-top:4px}.ss310-exports{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.ss310-exports .btn{min-height:42px}.ss310-exportselect{width:auto;min-width:142px}.ss310-status{margin-top:12px;border:1px solid #e4e8ef;background:#f8fafc;border-radius:12px;padding:10px 12px;color:#475467;font-size:12px;line-height:1.45}.ss310-advanced{margin:0 0 24px;border:1px solid #dfe5ee;border-radius:17px;background:#fff;overflow:hidden}.ss310-advanced>summary{cursor:pointer;list-style:none;padding:14px 17px;font-weight:820;color:#344054;display:flex;justify-content:space-between;gap:12px;align-items:center}.ss310-advanced>summary::-webkit-details-marker{display:none}.ss310-advanced>summary:after{content:'+';font-size:20px;color:#667085}.ss310-advanced[open]>summary:after{content:'−'}.ss310-advanced-body{border-top:1px solid #edf0f4;padding:1px 14px 14px}.ss310-advanced .sp184{margin-top:14px}.ss310-advanced .sp184>h2{font-size:22px}.ss310-badge{display:inline-flex;border:1px solid #d9e2f4;background:#f5f8ff;color:#344e9f;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.ss310-only-mobile{display:none}
@media(max-width:900px){.ss310-grid{grid-template-columns:1fr}.ss310-previewbox{min-height:260px}.ss310-head{padding:19px}.ss310-grid{padding:12px}.ss310-card{padding:14px}}
@media(max-width:620px){.ss310-head{display:block}.ss310-local{display:inline-flex;margin-top:10px}.ss310-settings{grid-template-columns:1fr 1fr}.ss310-cellrow{grid-template-columns:1fr 1fr}.ss310-auto{grid-column:1/-1}.ss310-kpis{grid-template-columns:1fr 1fr}.ss310-animrow{grid-template-columns:1fr 1fr}.ss310-animbox{grid-column:1/-1}.ss310-previewbox{min-height:220px;padding:8px}.ss310-exports .btn,.ss310-exportselect{flex:1 1 calc(50% - 8px);min-width:0}.ss310-only-mobile{display:inline}.ss310-frame{grid-template-columns:24px minmax(0,1fr) auto}.ss310-fbuttons button:nth-child(-n+2){display:none}}
@media(max-width:390px){.ss310{border-radius:18px}.ss310-head{padding:16px}.ss310-grid{padding:9px;gap:10px}.ss310-card{padding:12px}.ss310-settings{grid-template-columns:1fr 1fr;gap:7px}.ss310-kpis{gap:6px}.ss310-kpi{padding:8px}.ss310-exports .btn,.ss310-exportselect{flex-basis:100%}}
@media(max-width:390px){.nav{gap:8px}.navprimary{display:none}.catmenu>summary{padding:8px 9px;font-size:12px}}
@media(max-width:390px){.nav .brand{font-size:0;gap:0}.nav .brandmark{width:29px;height:29px}.catmenu{max-width:calc(100vw - 70px)}.catmenu>summary{white-space:nowrap}}
@media(max-width:620px){.ss310-fbuttons button:nth-child(-n+2){display:inline-block}}