:root{--ss:#2d6f91;--ss2:#3c8b79;--ink:#182530}.ss-page{max-width:1180px}.ss-hero{background:linear-gradient(135deg,#eaf6fb,#edf9f3)}.ss-trust{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin:-5px 0 22px}.ss-trust span{padding:8px 13px;background:#fff;border:1px solid #d7e5e9;border-radius:999px;color:#51646b;font-size:.77rem}.ss-banner{display:none;margin-bottom:15px;padding:13px 16px;border:1px solid #ffc7c1;background:#fff0ef;color:#a82d25;border-radius:11px}.ss-banner.show{display:block}.ss-shell{overflow:hidden;background:#fff;border:1px solid #dae6e9;border-radius:20px;box-shadow:0 18px 55px #24384217}.ss-upload{position:relative;margin:20px;padding:48px 20px;text-align:center;border:2px dashed #b7ced6;border-radius:16px;background:linear-gradient(145deg,#fbfeff,#edf7fa);transition:.2s}.ss-upload.drag,.ss-upload:hover{border-color:var(--ss);background:#ebf6fa}.ss-upload>input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.ss-mark{display:flex;justify-content:center;align-items:center;gap:5px}.ss-mark b,.ss-mark strong{padding:10px;background:#dfeff4;color:var(--ss);border-radius:8px;font-size:.68rem}.ss-mark i{color:var(--ss);font-style:normal}.ss-upload h2{margin:15px 0 5px}.ss-upload p{margin:0;color:#687a81}.ss-upload em{display:inline-block;margin:16px 0 8px;padding:10px 20px;background:var(--ink);color:#fff;border-radius:9px;font-style:normal;font-weight:700}.ss-upload small{display:block;color:#75848a}.ss-settings{margin:20px;padding:18px;background:#f6f9fa;border-radius:14px}.ss-setting-head{display:flex;justify-content:space-between}.ss-setting-head h2{margin:0}.ss-setting-head p{margin:4px 0;color:#6f7f85;font-size:.76rem}.ss-setting-head button{height:34px;border:0;background:#e8eef0;border-radius:8px}.ss-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.ss-fields label{font-size:.73rem;font-weight:700}.ss-fields input,.ss-fields select{box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #c8d6da;border-radius:8px;background:#fff}.ss-fields small{display:block;margin-top:3px;color:#74838a;font-size:.65rem;font-weight:400}.ss-settings>button:last-of-type{width:100%;margin-top:15px;padding:12px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--ss),var(--ss2));color:#fff;font-weight:700}.ss-settings>p{text-align:center;color:#74838a;font-size:.68rem}.ss-list-head{display:flex;justify-content:space-between;align-items:end;margin:0 20px 12px}.ss-list-head h2{margin:0}.ss-list-head p{margin:3px 0;color:#718087;font-size:.74rem}.ss-list-head button{padding:8px 12px;border:1px solid #cbd8dc;background:#fff;border-radius:8px;color:var(--ss);font-weight:700}.ss-list{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 20px 20px}.ss-card{overflow:hidden;border:1px solid #dbe5e8;border-radius:11px;cursor:grab}.ss-card.dragging{opacity:.45}.ss-card.over{border-color:var(--ss);box-shadow:0 0 0 2px #d8edf5}.ss-card>div{height:105px;position:relative;background:linear-gradient(45deg,#e7edef 25%,#fafbfb 25%,#fafbfb 50%,#e7edef 50%,#e7edef 75%,#fafbfb 75%);background-size:18px 18px}.ss-card img{width:100%;height:100%;object-fit:contain}.ss-card>div span{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:23px;height:23px;background:var(--ink);color:#fff;border-radius:50%;font-size:.65rem}.ss-card>strong,.ss-card>small{display:block;margin:7px 8px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem}.ss-card>small{margin-top:2px;color:#74838a;font-size:.61rem}.ss-card nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:7px}.ss-card button{padding:5px;border:0;background:#edf1f2;border-radius:5px}.ss-card button:last-child{color:#a4322b}.ss-output{margin:0 20px 20px;padding:18px;border:1px solid #d9e5e8;border-radius:14px}.ss-output-head{display:flex;justify-content:space-between;align-items:center}.ss-output-head span,.ss-benefits>div:first-child span{color:var(--ss);font-weight:700}.ss-output-head h2{margin:3px 0}.ss-output-head button{padding:8px 11px;border:0;background:var(--ss);color:#fff;border-radius:7px;font-weight:700}.ss-output-head button+button{background:#3f7d6e}.ss-output-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;margin-top:14px}.ss-canvas-wrap{min-height:320px;display:grid;place-items:center;overflow:auto;background:#edf1f2;border-radius:10px}.ss-canvas-wrap canvas{max-width:100%;max-height:560px;image-rendering:pixelated}.ss-tabs{display:flex}.ss-tabs button{padding:8px 14px;border:1px solid #cad7db;background:#fff}.ss-tabs button.active{background:var(--ss);color:#fff}.ss-output textarea{box-sizing:border-box;width:100%;height:280px;padding:12px;border:1px solid #cad7db;background:#17232b;color:#d8ece7;border-radius:0 8px 8px 8px;font:12px/1.55 monospace;resize:vertical}.ss-output aside>button{width:100%;margin-top:7px;padding:9px;border:0;background:#e8eef0;border-radius:7px;font-weight:700}.ss-overlay{position:fixed;z-index:1000;inset:0;display:none;place-items:center;align-content:center;text-align:center;background:#fffffff0}.ss-overlay.show{display:grid}.ss-loader{width:46px;height:46px;border:5px solid #d7e8ed;border-top-color:var(--ss);border-radius:50%;animation:ssspin .8s linear infinite}@keyframes ssspin{to{transform:rotate(360deg)}}.ss-benefits,.ss-steps,.ss-faq{margin-top:50px}.ss-benefits>div:first-child{text-align:center}.ss-benefits>div:last-child,.ss-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.ss-benefits article,.ss-steps article{padding:19px;border:1px solid #dae6e9;border-radius:14px}.ss-benefits article>b,.ss-steps article>b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 3px;background:#dfeff4;color:var(--ss);border-radius:8px}.ss-benefits p,.ss-steps p,.ss-faq p{color:#687a81;font-size:.84rem;line-height:1.6}.ss-faq{max-width:820px;margin-left:auto;margin-right:auto}.ss-faq details{padding:15px 3px;border-bottom:1px solid #dae6e9}.ss-faq summary{font-weight:700}@media(max-width:950px){.ss-fields{grid-template-columns:repeat(3,1fr)}.ss-list{grid-template-columns:repeat(4,1fr)}.ss-output-grid{grid-template-columns:1fr}.ss-benefits>div:last-child,.ss-steps>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.ss-upload{margin:10px;padding:38px 12px}.ss-settings{margin:10px}.ss-setting-head{flex-direction:column}.ss-fields,.ss-benefits>div:last-child,.ss-steps>div{grid-template-columns:1fr}.ss-list-head{margin:18px 10px 10px}.ss-list-head p{display:none}.ss-list{grid-template-columns:repeat(2,1fr);padding:0 10px 14px}.ss-output{margin:0 10px 14px;padding:12px}.ss-output-head{align-items:flex-start;flex-direction:column;gap:8px}}