[hidden]{display:none!important}.bg-main{position:relative;max-width:1060px;margin:auto;padding:35px 24px 80px}.bg-back{font-size:13px;color:#626960}.bg-heading{display:flex;align-items:center;justify-content:space-between;padding:45px 0 38px;gap:20px}.bg-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}.bg-heading h1{font-size:clamp(32px,5vw,52px);letter-spacing:-2px;line-height:1.2;margin:18px 0}.bg-heading h1 em{font-style:normal;background:linear-gradient(transparent 68%,#dfff3fa6 68%)}.bg-heading p{line-height:1.8;color:#626960}.bg-heading>img{width:210px;height:auto;object-fit:contain;filter:drop-shadow(0 16px 20px #32443525)}.bg-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.bg-badges span{font-size:11px;font-weight:700;border:1px solid #fff;background:#ffffffa8;border-radius:30px;padding:8px 12px}.bg-workspace{padding:28px;background:#ffffffa3;border:1px solid #fff;border-radius:30px;box-shadow:0 20px 60px #46574116}.bg-drop{border:1.5px dashed #98a38d;border-radius:23px;text-align:center;padding:34px 20px;background:#f8faf4b8;transition:background .15s,border-color .15s}.bg-drop.dragging{background:#effcb1;border-color:#465700}.bg-upload-icon{margin:0 auto 12px;width:46px;height:46px;background:#e6f2bb;border-radius:15px;display:grid;place-items:center;font-size:26px}.bg-drop h2{font-size:21px;margin:10px 0}.bg-drop p{font-size:14px;color:#626960;line-height:1.7}.bg-drop small{display:block;color:#626960;font-size:11px;margin-top:17px}.bg-main button,.bg-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;padding:12px 20px;border:1px solid #d6decd;background:#fff;color:#1c211d;font-size:14px;font-weight:800;cursor:pointer;text-align:center}.bg-main .bg-primary{background:#dfff3f;border-color:#d0eb39}.bg-main button:hover,.bg-primary:hover{filter:brightness(.97)}.bg-main button:disabled{opacity:.5;cursor:wait}.bg-main :focus-visible{outline:3px solid #455d07;outline-offset:4px}.bg-status{margin:20px 0 0;text-align:center;min-height:28px;font-size:13px;color:#56634f;line-height:1.7}.bg-status p{margin:0}progress{accent-color:#749400;display:block;width:min(360px,100%);height:9px;margin:12px auto}.bg-error{padding:14px 18px;margin-top:16px;background:#fff0ea;border:1px solid #ecc6b8;border-radius:14px;color:#8c3320;font-size:14px;line-height:1.7}.bg-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.bg-comparison figure{margin:0;min-width:0}.bg-comparison figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-bottom:10px}.bg-comparison figcaption span{font-size:10px;color:#626960;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.bg-preview{aspect-ratio:1;border:1px solid #dce1d6;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.bg-checker{background-color:#fff;background-image:conic-gradient(#e1e5de 25%,transparent 0 50%,#e1e5de 0 75%,transparent 0);background-size:20px 20px}.bg-preview img{width:100%;height:100%;object-fit:contain}.bg-preview>p{font-size:13px;background:#ffffffe6;padding:12px;border-radius:10px;margin:15px;text-align:center}.bg-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.bg-actions:empty{display:none}.bg-note{font-size:12px;color:#626960;text-align:center;line-height:1.7}.bg-info{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:42px 5px 30px}.bg-info article>span{font-size:10px;letter-spacing:1.5px;color:#69735d;font-weight:800}.bg-info h2{font-size:18px;margin:12px 0}.bg-info p,.bg-faq p{font-size:13px;line-height:1.9;color:#626960}.bg-faq{border-top:1px solid #ccd4c5;padding:22px 5px}.bg-faq summary{font-size:14px;font-weight:700;cursor:pointer}.bg-faq a{text-decoration:underline}header nav a[aria-current]{background:#e6f2bb}@media(max-width:640px){.bg-main{padding:24px 16px 50px}.bg-heading{gap:4px;padding-top:30px}.bg-heading>img{width:94px;align-self:flex-start;margin-top:28px}.bg-heading h1{font-size:32px;letter-spacing:-1.5px}.bg-heading p{font-size:13px}.bg-badges{gap:5px}.bg-badges span{font-size:10px;padding:7px 9px}.bg-workspace{padding:16px;border-radius:24px}.bg-drop{padding:25px 13px}.bg-drop h2{font-size:18px}.bg-drop p{font-size:12px}.bg-comparison{gap:12px;grid-template-columns:1fr}.bg-preview{aspect-ratio:4/3}.bg-actions>*{flex:1 1 40%}.bg-info{grid-template-columns:1fr;gap:16px;padding:30px 5px}.bg-info h2{margin:6px 0}.bg-info p{margin:0}header nav{display:flex!important}header nav a{padding:9px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg-drop{transition:none}}

.bg-mode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px}.bg-mode label{font-size:13px;font-weight:800}.bg-mode select{padding:11px;border:1px solid #ccd4c5;border-radius:12px;background:#fff;color:#1c211d;max-width:100%}.bg-mode p{width:100%;font-size:12px;color:#626960;margin:0;line-height:1.7}

.bg-save-dialog{width:min(560px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid #dce1d6;border-radius:24px;padding:24px;background:#f8faf4;color:#1c211d;box-shadow:0 24px 80px #0004}.bg-save-dialog::backdrop{background:#19201899}.bg-save-dialog h2{font-size:23px}.bg-save-dialog p{font-size:13px;line-height:1.8;color:#56634f}.bg-save-dialog img{display:block;width:100%;max-height:45dvh;object-fit:contain;-webkit-touch-callout:default;user-select:auto}.bg-save-close{float:right}.bg-save-dialog .bg-checker{border-radius:14px;overflow:hidden}

.bg-inapp{background:#fff9d5;border:1px solid #e4d792;border-radius:20px;padding:20px;margin:0 0 22px}.bg-inapp p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.bg-inapp button{margin:8px}.bg-inapp a{margin:8px 0}