@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#282c25;font-synthesis:none;background:#f5f6f2;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #668c38}input,select{min-width:0}header{background:#fff;border-bottom:1px solid #e8eae4;align-items:center;gap:24px;height:88px;padding:0 30px;display:flex}.brand{color:#242923;letter-spacing:-2px;align-items:center;gap:10px;font-size:32px;font-weight:800;text-decoration:none;display:flex}.brand-symbol{background:#d1f58c;border-radius:4px;justify-content:center;align-items:center;width:36px;height:39px;font-size:31px;line-height:1;display:inline-flex;position:relative}.brand-symbol>span{font-size:20px;position:absolute;top:-1px;right:1px}.brand-dot{letter-spacing:0;align-self:flex-start;margin-top:5px;margin-left:-5px;font-size:12px}.studio{letter-spacing:1.7px;color:#858b7d;border-left:1px solid #e3e6dd;max-width:110px;padding-left:22px;font-size:9px;line-height:1.8}.document-name{align-items:center;gap:8px;margin-left:auto;margin-right:auto;display:flex}.document-name input{text-align:right;background:0 0;border:0;outline:none;width:190px;font-size:12px;font-weight:600}.saved{color:#8b9184;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.saved>span,.live-dot{background:#8caa63;border-radius:50%;width:5px;height:5px;display:inline-block}.export{color:#283120;white-space:nowrap;background:#c9f387;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.export:hover{background:#b8e570;transform:translateY(-1px)}.export>span{margin-left:16px}.workspace{height:calc(100dvh - 88px);min-height:600px;display:flex}.rail{background:#fff;border-right:1px solid #e6e9df;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:78px;padding:18px 8px;display:flex}.rail button{color:#8c9186;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:61px;height:64px;font-size:9px;font-weight:600;display:flex}.rail button svg{width:21px}.rail button.active{color:#435532;background:#eef5e4}.rail button:hover{background:#f1f4ec}.rail .rail-bottom{margin-top:auto}.library{background:#fff;border-right:1px solid #e4e7de;flex-shrink:0;width:270px;padding:27px 22px;position:relative;overflow-y:auto}.panel-heading h2{letter-spacing:-.4px;margin:0 0 8px;font-size:14px;font-weight:800}.panel-heading>span{color:#93998c;font-size:9px}.section-label{letter-spacing:1.6px;color:#8d9485;justify-content:space-between;margin:29px 0 14px;font-size:9px;font-weight:700;display:flex}.text-preset{text-align:left;border:1px solid #e6e9df;border-radius:7px;width:100%;margin-bottom:9px;padding:16px 14px 13px;transition:all .15s}.text-preset:hover{background:#f8fbf2;border-color:#90ae6d;transform:translate(2px)}.text-preset>span{letter-spacing:-.7px;display:block}.text-preset small{color:#969c8f;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px;display:flex}.second{margin-top:27px}.image-upload{background:#fafbf8;border:1px dashed #cdd4c3;border-radius:7px;flex-direction:column;align-items:center;gap:9px;width:100%;padding:20px 5px;display:flex}.image-upload>div{color:#798c65;background:#edf2e5;border-radius:50%;place-items:center;width:45px;height:45px;margin-bottom:4px;display:grid}.image-upload strong{font-size:11px}.image-upload>span{color:#a1a795;font-size:9px}.image-upload .upload-link{color:#657f48;align-items:center;gap:5px;margin-top:5px;font-weight:700;display:flex}.shapes{gap:9px;margin-top:10px;display:flex}.shapes button{border:1px solid #e6e9df;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:10px;display:flex}.shapes svg{width:14px}.tip{background:#f4f6ef;border-radius:8px;margin-top:29px;padding:18px}.tip>span{color:#7d925f;font-size:28px}.tip p{margin:10px 0;font-size:12px;line-height:1.7}.tip small{color:#929a85;font-size:8px}.private{color:#9ba38f;align-items:center;gap:7px;margin-top:30px;font-size:8px;display:flex}.workspace main{background:#f1f2ee radial-gradient(#cdd3c4 .6px,#0000 .6px) 0 0/12px 12px;flex-direction:column;flex:1;min-width:0;display:flex}.canvas-top{letter-spacing:1.2px;color:#7f8875;justify-content:space-between;align-items:center;gap:10px;padding:21px 28px 18px;font-size:9px;display:flex}.canvas-top>div{align-items:center;gap:8px;display:flex}.canvas-top>span{letter-spacing:.2px;white-space:nowrap;font-size:9px}.dim{color:#b6bcae;margin:0 7px}.toolbar{background:#ffffffdc;border:1px solid #e4e7dd;border-radius:8px;flex-shrink:0;align-items:center;gap:12px;height:44px;margin:0 28px;padding:0 8px;display:flex;box-shadow:0 2px 4px #28312003}.toolbar-group{display:flex}.toolbar button{color:#7f8776;justify-content:center;align-items:center;padding:6px;display:flex}.divider{background:#e4e8dd;width:1px;height:16px}.toolbar-hint{color:#949b8b;align-items:center;gap:7px;font-size:9px;display:flex}.zoom{color:#707a64;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.canvas-scroll{flex-direction:column;flex:1;align-items:center;padding:27px 30px 35px;display:flex;overflow:auto}.paper-label{letter-spacing:1.3px;color:#929b88;justify-content:space-between;width:516px;max-width:100%;margin-bottom:12px;font-size:8px;display:flex}.paper-label span:last-child{letter-spacing:1px;font-size:7px}.paper-holder{flex-shrink:0;box-shadow:0 9px 30px #333b2310,0 1px 3px #333b2310}.paper{transform-origin:0 0;background:#fff;width:794px;height:1123px;position:relative;overflow:hidden}.block{white-space:pre-wrap;overflow-wrap:anywhere;position:absolute}.block img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.editable{outline:none;min-height:1.4em}.block.selected{z-index:5;outline:1.5px solid #91b75b}.drag-handle{cursor:grab;white-space:nowrap;touch-action:none;background:#d0efaa;border-radius:4px 4px 0 0;align-items:center;gap:5px;padding:4px 8px;font:10px Arial;display:flex;position:absolute;top:-29px;left:-1px}.resize-handle{cursor:se-resize;touch-action:none;background:#fff;border:1.5px solid #81a84f;width:11px;height:11px;padding:0;position:absolute;bottom:-5px;right:-5px}.exporting .block{outline:none}.add-page{color:#7a876a;border:1px dashed #cbd2c0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:516px;max-width:100%;margin-top:24px;padding:13px;font-size:10px;display:flex}.add-page:hover{background:#e5ecd9}footer{color:#9aa18f;background:#f9faf6;border-top:1px solid #e2e6da;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:47px;padding:0 22px;font-size:8px;display:flex}footer>div{align-items:center;gap:10px;display:flex}footer button{padding:0;display:flex}.keyboard{border:1px solid #dce1d3;border-radius:3px;margin-right:4px;padding:0 3px}.footer-note span{color:#91a873;margin-left:5px;font-size:16px}.properties{background:#fff;border-left:1px solid #e4e7de;flex-shrink:0;width:253px;padding:27px 22px;position:relative;overflow:auto}.empty-properties{text-align:center;margin-top:66px}.orbit{color:#829868;border:1px dashed #d5ddc9;border-radius:50%;place-items:center;width:100px;height:100px;margin:auto;display:grid;position:relative}.orbit:before{content:"";background:#f0f5e8;border-radius:16px;width:65px;height:65px;position:absolute;transform:rotate(-12deg)}.orbit svg{position:relative;transform:rotate(-12deg)}.orbit span{background:#caec9d;border:3px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:12px;right:0}.orbit i{background:#91a779;border-radius:50%;width:5px;height:5px;position:absolute;bottom:17px;left:0}.empty-properties h3{letter-spacing:-.4px;margin:24px 0 12px;font-size:15px;font-weight:600;line-height:1.6}.empty-properties p{color:#a0a692;margin-bottom:29px;font-size:10px;line-height:1.9}.hint-line{color:#939d85;text-align:left;align-items:center;gap:10px;margin:18px 0;padding-left:11px;font-size:9px;display:flex}.right-bottom{border-top:1px solid #e9ece2;margin-top:100px;padding-top:18px}.right-bottom>span{letter-spacing:1px;color:#9ba58d;font-size:8px}.right-bottom strong{justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;font-weight:500;display:flex}.right-bottom svg{color:#8da270}.property-content label{color:#8d9581;margin-bottom:15px;font-size:10px;display:block}.property-content input:not([type=color]),.property-content select{color:#4a553f;background:#fff;border:1px solid #e2e7d9;border-radius:5px;width:100%;margin-top:7px;padding:10px 9px;font-size:11px;display:block}.property-row{gap:10px;display:flex}.property-row>label{width:50%}.format-buttons{border:1px solid #e3e8d9;border-radius:5px;align-items:center;gap:3px;margin-bottom:19px;padding:4px;display:flex}.format-buttons button{border-radius:3px;padding:6px;display:flex}.format-buttons .on{color:#587a31;background:#e7f3d7}.format-buttons>span{background:#e6eadd;width:1px;height:18px;margin:0 3px}.color-label{align-items:center;gap:8px;display:flex!important}.color-label input{background:0 0;border:0;width:28px;height:27px;margin-left:auto;padding:0}.color-label>span{font-size:9px}.outline-button{border:1px solid #e0e6d6;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 5px;font-size:10px;display:flex}.property-actions{gap:10px;margin-top:15px;display:flex}.property-actions button{background:#f3f6ed;border-radius:5px;align-items:center;gap:7px;padding:10px;font-size:10px;display:flex}.property-actions button:first-child{flex:1}.property-actions button:last-child{color:#a57868}.layer-list{margin-top:22px}.layer-list button{text-align:left;border-bottom:1px solid #edf0e6;align-items:center;gap:6px;width:100%;padding:12px 6px;font-size:9px;display:flex}.layer-list span{white-space:nowrap;flex:1;overflow:hidden}.layer-list .chosen{background:#eef7e1}.templates{margin-top:25px}.templates>button{text-align:left;width:100%;margin-bottom:24px;position:relative}.templates strong{font-size:11px;font-weight:500}.templates>button>svg{position:absolute;bottom:0;right:0}.template-preview{background:#f0f2eb;height:170px;margin-bottom:10px;padding:20px 50px;position:relative}.template-preview:before{content:"";background:#fff;width:100%;height:100%;display:block;box-shadow:0 3px 7px #24292310}.template-preview span,.template-preview b,.template-preview i{background:#d5dccb;width:55px;height:3px;position:absolute;top:44px;left:64px}.template-preview b{background:#4f5d40;width:70px;height:12px;top:65px}.template-preview i:first-of-type{width:80px;top:89px}.template-preview i:nth-of-type(2){width:75px;top:98px}.template-preview i:nth-of-type(3){width:60px;top:107px}.tp0 span{display:none}.tp2 b{width:65px;height:6px}.toast{color:#f0f9e6;z-index:50;background:#293320;border-radius:9px;align-items:center;gap:10px;padding:14px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0002}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#20271a70;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:500px;max-width:90vw;padding:40px;position:relative}.close{color:#8b967e;position:absolute;top:15px;right:15px}.eyebrow{letter-spacing:2px;color:#8da170;font-size:9px}.modal h2{font-family:Georgia;font-size:36px;font-weight:400;line-height:1.2}.modal p{color:#838c77;font-size:12px;line-height:1.9}.modal .export{width:100%;margin-top:25px}.muted{color:#8b9480;font-size:11px}@media (width>=1600px){.library{width:300px;padding:30px 28px}.properties{width:280px;padding:30px 26px}.canvas-scroll{padding-top:35px}}@media (width<=1200px){.properties{width:218px;padding:25px 17px}.library{width:235px;padding:25px 17px}.saved{display:none}.toolbar-hint{font-size:8px}.footer-note,.studio{display:none}.canvas-top{padding-left:20px;padding-right:20px;font-size:8px}.toolbar{margin:0 16px}}@media (width<=960px){.properties{display:none}.library{width:230px}.document-name{margin-left:auto}.workspace{min-height:550px}.canvas-top>div{font-size:7px}header{height:74px;padding:0 20px}.workspace{height:calc(100dvh - 74px)}}@media (width<=640px){header{gap:10px;height:68px;padding:0 13px}.brand{font-size:26px}.brand-symbol{width:29px;height:33px}.brand-dot{display:none}.document-name input{width:120px;font-size:10px}.document-name svg{display:none}.export{gap:6px;padding:11px;font-size:10px}.export>span{display:none}.export svg{width:14px}.workspace{flex-wrap:wrap;height:calc(100dvh - 68px);min-height:500px}.rail{width:58px;padding:12px 3px}.rail button{width:48px;font-size:8px}.library{width:170px;padding:20px 12px}.panel-heading h2{font-size:12px}.panel-heading>span{font-size:8px}.text-preset{padding:12px 8px}.text-preset>span{font-size:17px!important}.text-preset small{font-size:8px}.tip{padding:12px}.tip p{font-size:10px}.tip small{font-size:7px}.section-label{font-size:8px}.image-upload strong{font-size:9px}.image-upload>span{font-size:8px}.shapes{gap:4px}.shapes button{gap:3px;padding:8px 3px;font-size:8px}.private{gap:3px;font-size:7px}.workspace main{min-width:250px}.canvas-scroll{align-items:flex-start;padding:20px}.canvas-top{padding:16px 12px}.canvas-top>div{display:none}.canvas-top>span{font-size:8px}.toolbar-hint{display:none}.toolbar{gap:5px;margin:0 10px}.zoom{gap:3px}.toolbar-group button{padding:4px}.toolbar .divider{display:none}footer{padding:0 10px}footer>span{display:none}.paper-label{width:516px;max-width:516px}.add-page{max-width:none}.workspace{flex-wrap:nowrap;overflow-x:auto}.library{flex-shrink:0}.workspace main{flex-shrink:0;width:calc(100vw - 228px)}.template-preview{padding:20px 25px}.template-preview span,.template-preview b,.template-preview i{left:36px}.toast{width:max-content;max-width:90vw;font-size:10px}}.mobile-only{display:none!important}@media (width<=640px){.mobile-only{display:flex!important}.workspace{position:relative;overflow:hidden}.workspace main{flex:1;width:calc(100vw - 58px);min-width:0}.library,.properties{z-index:25;width:265px;padding:24px 20px;display:none;position:absolute;top:0;bottom:0;left:58px;overflow:auto;box-shadow:12px 0 30px #28312020}.library.mobile-open,.properties.mobile-open{display:block}.panel-close{padding:5px;position:absolute;top:5px;right:8px}.canvas-scroll{align-items:center;padding:20px 15px}.paper-holder{max-width:none}.paper-label,.add-page{width:302px;max-width:100%;font-size:7px}.toolbar{height:42px}.toolbar .zoom{gap:2px}.canvas-top{height:47px}.toolbar button{padding:5px}.document-name{flex:1}.document-name input{width:100%;max-width:130px}.rail{z-index:26}.properties .right-bottom{margin-top:40px}.text-preset>span{font-size:22px!important}.private{font-size:9px}.tip p{font-size:12px}.tip small{font-size:9px}.image-upload strong{font-size:12px}.image-upload>span{font-size:10px}.section-label{font-size:9px}.panel-heading h2{font-size:14px}.panel-heading>span{font-size:9px}}.telegram-link,.telegram-send{color:#62794a;white-space:nowrap;background:#f7faef;border:1px solid #e2ead7;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:10px;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.telegram-link:hover,.telegram-send:hover{background:#eaf3dc}.telegram-send{background:#e3f3cd;border-color:#c6dea9}:is(header:has(.telegram-send) .saved,header:has(.telegram-send) .telegram-link){display:none}@media (width<=1200px){.telegram-link>span{display:none}.telegram-link{padding:9px}}@media (width<=640px){header{gap:6px}.telegram-link{padding:8px}.telegram-send{padding:9px;font-size:9px}.telegram-send>span{display:none}header:has(.telegram-send) .document-name input{max-width:100px}.telegram-link svg{width:14px}.document-name input{font-size:9px}.brand{gap:5px}.export{padding:10px 7px}}