@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#171717;background:#f5f5f4}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:not(.ghost):not(.icon):not(.close):not(.card){background:#18181b;color:#fff;border-radius:10px;padding:10px 15px;display:inline-flex;align-items:center;gap:8px;font-weight:600}button:hover{opacity:.84}.ghost,.icon,.close{background:transparent;color:#333;display:inline-flex;align-items:center;gap:7px;padding:8px}.icon{width:36px;height:36px;justify-content:center}.icon svg{width:18px}.auth{min-height:100vh;display:grid;place-items:center;background:#f2f0eb}.login{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #e7e5e4;padding:36px;border-radius:20px;box-shadow:0 15px 50px #0000000b}.login h1,.home h1{font:800 30px Manrope,sans-serif;letter-spacing:-.04em;margin:18px 0 5px}.login p,.home p{color:#777}.mark{width:48px;height:48px;background:#18181b;border-radius:14px;color:#fff;display:grid;place-items:center;font:800 27px Manrope}.mark.small{width:30px;height:30px;border-radius:9px;font-size:17px}.login form{display:grid;gap:15px;margin-top:28px}.login label,.props label{display:grid;gap:7px;font-size:12px;color:#666;font-weight:600}.login input,.props input:not([type=checkbox]):not([type=range]):not([type=color]),.props textarea,.props select{width:100%;border:1px solid #ddd;border-radius:8px;background:#fff;padding:9px;color:#222}.login button{justify-content:center;padding:12px!important}.error{color:#bd3131!important}.home header{height:68px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;padding:0 5vw}.brand{display:flex;align-items:center;gap:10px;font:800 17px Manrope}.home section{max-width:1150px;margin:0 auto;padding:70px 22px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.sectionhead h1{font-size:38px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#8b79b6!important}.newbuttons{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card{background:#fff;text-align:left;border:1px solid #e7e5e4;border-radius:16px;padding:15px;display:grid;gap:8px;color:#222;box-shadow:0 5px 15px #00000005}.cardart{height:155px;background:#dfd7ec;border-radius:10px;display:grid;place-items:center;color:#684f8d;font:800 65px Manrope}.designcard .cardart{background:#dce7e5;color:#6d9991}.card b{font-size:15px}.card>span:last-child{font-size:12px;color:#888}.permissions{background:#fff;border:1px solid #eee;border-radius:10px;padding:10px 15px;margin-bottom:25px;display:flex;align-items:center;gap:15px}.permissions b{margin-right:auto}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.top{height:58px;flex:none;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:12px;padding:0 12px}.top strong{font-size:14px}.status{font-size:11px;color:#888}.spacer{flex:1}.work{display:grid;grid-template-columns:235px minmax(0,1fr) 265px;min-height:0;flex:1}.left,.right{background:#fff;display:flex;flex-direction:column;min-height:0}.left{border-right:1px solid #e5e5e5}.right{border-left:1px solid #e5e5e5;overflow:auto}.toolrow{display:flex;gap:7px;padding:12px;border-bottom:1px solid #eee}.toolrow button,.toolupload{width:39px;height:39px;border:1px solid #e5e5e5!important;background:#fff!important;color:#333!important;border-radius:9px!important;display:grid!important;place-items:center;padding:0!important;cursor:pointer}.toolrow svg{width:19px}.sidehead{height:45px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;font-size:12px}.sidehead span{color:#aaa}.layerlist{overflow:auto;flex:1}.layeritem{height:42px;padding:0 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f6f6f6;font-size:12px;cursor:pointer}.layeritem.active{background:#f2effa}.layeritem>span:first-child{width:23px;color:#8f74aa;font-weight:800}.layername{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layeritem button,.pages button{background:transparent!important;color:#777!important;padding:4px!important}.pages{border-top:1px solid #eee;min-height:155px}.pagelist{display:flex;flex-wrap:wrap;gap:6px;padding:10px}.pagelist button{border:1px solid #ddd!important;border-radius:6px!important}.pagelist button.active{border-color:#8976b0!important;background:#eee8fa!important}.canvasarea{overflow:auto;position:relative;background:#eaeaea;background-image:radial-gradient(#d4d4d4 1px,transparent 1px);background-size:18px 18px;display:flex;align-items:flex-start;justify-content:center;padding:55px}.canvaswrap{background:#fff;box-shadow:0 10px 35px #0002;flex:none}.zoom{position:fixed;bottom:15px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:9px;display:flex;align-items:center;gap:9px;font-size:12px;padding:4px 8px;box-shadow:0 2px 8px #0001}.zoom button{background:transparent!important;color:#222!important;padding:3px!important;font-size:19px}.props{padding:15px;display:grid;gap:16px}.props h3{font:700 15px Manrope;margin:0}.props textarea{min-height:85px}.props input[type=color]{width:100%;height:34px;padding:3px;border:1px solid #ddd;border-radius:6px}.props input[type=range]{width:100%;accent-color:#8f76ac}.props label:has(input[type=checkbox]){display:flex;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.divider{border-top:1px solid #eee}.propactions{display:flex;gap:4px;flex-wrap:wrap}.danger{color:#bb3434}.hint{font-size:12px;color:#888}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;place-items:center;z-index:10;padding:20px}.modal>div{background:#fff;width:min(480px,100%);max-height:80vh;overflow:auto;padding:25px;border-radius:16px;position:relative}.close{position:absolute;right:12px;top:12px;font-size:24px}.modal h2{font:800 21px Manrope;margin:0 0 20px}.version{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding:10px 0;font-size:13px}.version small{display:block;color:#999;margin-top:4px}.toast{position:fixed;right:20px;bottom:20px;background:#27272a;color:#fff;padding:14px 18px;border-radius:10px;z-index:20;max-width:350px;cursor:pointer;font-size:13px}@media(max-width:800px){.work{grid-template-columns:1fr;grid-template-rows:auto minmax(350px,1fr) auto}.left{height:150px;border-right:0;border-bottom:1px solid #ddd}.layerlist{display:flex;overflow:auto}.layeritem{min-width:135px;border-right:1px solid #eee}.pages{display:none}.right{height:220px;border-left:0;border-top:1px solid #ddd}.canvasarea{padding:25px}.top{gap:4px}.top .status,.top strong{display:none}.top .ghost{font-size:0}.top .ghost svg{width:18px}.sectionhead{align-items:start;flex-direction:column}.home section{padding-top:35px}.props{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.props h3,.props .divider,.propactions{grid-column:1/-1}}@media(max-width:500px){.top button{padding:7px!important}.top button:not(.ghost):not(.icon){font-size:0}.top button svg{width:17px}.canvasarea{justify-content:flex-start}.props{display:block}.props>*{margin-bottom:10px}.home header{padding:0 15px}.home header>div:last-child{font-size:0}.home header .ghost{font-size:12px}}.create-dialog{background:#fff;width:min(500px,100%);max-height:min(90vh,720px);overflow:auto;padding:30px;border-radius:16px;position:relative;box-shadow:0 22px 60px #0002;display:grid;gap:18px}.create-dialog h2{margin:0;font:800 22px Manrope,sans-serif;letter-spacing:-.025em}.dialog-intro{margin:-10px 0 0;color:#595959;font-size:14px;line-height:1.5}.create-dialog label{display:grid;gap:7px;color:#333;font-size:13px;font-weight:700}.create-dialog input{width:100%;border:1px solid #c8c8c8;border-radius:9px;padding:11px 12px;color:#171717;background:#fff}.create-dialog input:focus{outline:2px solid #8a72ad;outline-offset:2px}.format-label{font-size:13px;font-weight:700;margin-bottom:-10px}.format-options,.dimension-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-options button{display:grid!important;gap:4px;justify-items:start;background:#f5f4f6!important;color:#222!important;border:1px solid #dedbe1!important;padding:12px!important;font-size:13px}.format-options button.active{background:#f0eafb!important;border-color:#927db5!important}.format-options small{color:#56505f;font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eee;padding-top:18px}.dialog-actions button:disabled{opacity:.5;cursor:wait}.design-title{background:transparent;color:#171717;padding:6px 8px;border-radius:7px;font-weight:700;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.design-title:hover{background:#f2eff7}.design-title span{color:#777;font-size:12px}.loading{min-height:100vh;display:grid;place-content:center;gap:14px;color:#555}.loading button{justify-self:center}button:focus-visible{outline:2px solid #8067a6;outline-offset:2px}@media(max-width:500px){.create-dialog{padding:23px}.design-title{max-width:120px;font-size:12px}.format-options,.dimension-row{gap:7px}}.canvaswrap{background:transparent;box-shadow:none}.canvasarea{padding:24px;justify-content:flex-start}.layeritem.dragging{opacity:.45}.layer-grip{color:#777;letter-spacing:-3px;cursor:grab;touch-action:none}.sheet-handle{display:none!important}@media(max-width:800px){.app{height:100dvh}.work{display:block;position:relative;min-height:0;overflow:hidden}.left{height:122px}.canvasarea{height:calc(100% - 122px);padding:15px 12px 105px;display:block;overflow:auto}.right{position:absolute;z-index:5;left:0;right:0;bottom:0;height:min(68dvh,620px);border:0;border-radius:15px 15px 0 0;box-shadow:0 -5px 24px #0002;transform:translateY(calc(100% - 64px));transition:transform .22s ease-out;overflow:auto}.right.sheet-open{transform:translateY(0)}.sheet-handle{display:flex!important;position:sticky;top:0;z-index:2;width:100%;height:64px;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff!important;color:#222!important;border-radius:15px 15px 0 0!important;box-shadow:none!important;font-size:12px!important;padding:5px!important}.sheet-handle>span:last-child{position:absolute;right:17px;top:25px;color:#666;font-size:11px}.sheet-grabber{width:36px;height:4px;border-radius:4px;background:#aaa}.right .sidehead{display:none}.zoom{bottom:75px}.sheet-open~.zoom{display:none}}@media(prefers-reduced-motion:reduce){.right{transition:none}}.collab-toggle{white-space:nowrap;font-size:12px}.user-color{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;cursor:pointer}.user-color input{width:25px;height:25px;padding:0;border:0;background:transparent;cursor:pointer}.layeritem:has(.layer-grip:hover){background:#f5f2fa}.layer-grip:focus-visible{outline:2px solid #8067a6;border-radius:3px}@media(max-width:800px){.collab-toggle{font-size:0!important;max-width:35px;overflow:hidden}.collab-toggle:before{content:"↔";font-size:18px}.user-color{width:26px}}button.design-title{background:transparent!important;color:#171717!important;font-size:14px!important;padding:6px 8px!important;display:inline-block!important}.top button.design-title:hover{background:#f2eff7!important}@media(max-width:800px){.left{height:164px}.canvasarea{height:calc(100% - 164px)}}@media(max-width:500px){.top button.design-title{font-size:12px!important;max-width:92px}.top button.design-title span{display:none}}.layer-type-icon{width:20px;display:inline-flex;align-items:center;justify-content:center;color:#786796;flex:none}.layer-grip{width:17px!important;flex:none}.layername{min-width:0}.layerlist.is-reordering{background:#faf8fe}.layer-drop-zone{height:44px;min-height:44px;margin:4px 8px;display:flex;align-items:center;justify-content:center;border:2px dashed #7959b1;border-radius:10px;background:#eee7fa;color:#593b88;font-size:12px;font-weight:800;box-shadow:0 2px 9px #7959b12b;pointer-events:none}.layer-drop-zone span{background:#fff;padding:5px 12px;border-radius:99px}.layeritem.dragging{opacity:.32}@media(max-width:800px){.layer-drop-zone{width:105px;min-width:105px;height:40px;min-height:40px;margin:3px 5px}}.pagebar{height:54px;flex:none;min-width:0;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #e6e2eb;padding:0 12px}.pagebar-title{flex:none;color:#4b4356;font-size:12px;font-weight:800}.pagebar-title small{margin-left:3px;color:#766c83}.page-tabs{display:flex;gap:5px;align-items:center;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c8badc transparent;overscroll-behavior-inline:contain}.page-tab{flex:none;min-height:37px;min-width:78px;padding:7px 13px!important;background:#f6f4f8!important;color:#514a58!important;border:1px solid transparent!important;border-radius:8px!important;font-size:12px;font-weight:700;white-space:nowrap}.page-tab.active{background:#ede5f8!important;color:#503878!important;border-color:#bda8d6!important}.page-tab:hover{background:#ece7f3!important}.page-actions{display:flex;align-items:center;gap:4px;flex:none;padding-left:8px;border-left:1px solid #ebe7ef}.page-action{height:36px;min-width:36px;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;background:transparent!important;color:#514a58!important;border-radius:8px!important;padding:6px 9px!important;font-size:12px}.page-action:hover:not(:disabled){background:#f0ecf5!important}.page-action.danger:hover:not(:disabled){background:#fff0f0!important;color:#ae3434!important}.page-action:disabled{opacity:.35;cursor:not-allowed}.page-action:focus-visible,.page-tab:focus-visible{outline:2px solid #8067a6;outline-offset:2px}@media(max-width:800px){.pagebar{height:52px;gap:5px;padding:0 8px}.pagebar-title{display:none}.page-tab{min-width:70px;min-height:40px}.page-actions{gap:0;padding-left:4px}.page-action{min-width:38px;min-height:40px;padding:5px!important}.page-action span{display:none}}@media(prefers-reduced-motion:reduce){.page-tabs{scroll-behavior:auto}}.color-field{display:grid;gap:7px;font-size:12px;color:#666;font-weight:600}.color-field-label{color:#555}.theme-swatches{display:flex;gap:7px;flex-wrap:wrap}.theme-swatch{width:32px;height:32px;padding:3px!important;border-radius:8px!important;border:1px solid #d6d2d9!important;background:#fff!important;display:grid!important;place-items:center}.theme-swatch span{display:block;width:100%;height:100%;border-radius:5px;background:var(--swatch);border:1px solid #0002}.theme-swatch.chosen{outline:2px solid #8067a6;outline-offset:2px}.custom-color{display:flex!important;align-items:center;justify-content:space-between;gap:8px;color:#777}.custom-color input[type=color]{width:50px!important;flex:none}.theme-dialog{position:relative;background:#fff;width:min(600px,100%);max-height:min(90dvh,800px);overflow:auto;padding:26px;border-radius:16px;display:grid;gap:18px}.theme-dialog h2{font:800 22px Manrope;margin:0}.theme-dialog section{display:grid;gap:10px;border-top:1px solid #eee;padding-top:15px}.theme-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.theme-section-title h3{font:700 15px Manrope;margin:0}.theme-color-row{display:grid;grid-template-columns:minmax(110px,1fr) 115px 42px 32px;gap:8px;align-items:center}.theme-color-row input:not([type=color]){min-width:0;width:100%;border:1px solid #d8d5dc;border-radius:8px;padding:8px;color:#222}.theme-color-row input[type=color]{width:42px;height:36px;padding:2px;border:1px solid #d8d5dc;border-radius:8px;background:#fff}.font-upload{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#60478b;cursor:pointer}.theme-font-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-font-list label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #e6e2eb;border-radius:8px;font-size:12px;min-width:0;overflow-wrap:anywhere}.theme-font-list input{accent-color:#8067a6}.theme-dialog .dialog-actions{margin-top:2px}.theme-dialog .dialog-intro{margin:0}@media(max-width:500px){.theme-dialog{padding:22px}.theme-color-row{grid-template-columns:minmax(75px,1fr) 85px 36px 30px;gap:5px}.theme-color-row input[type=color]{width:36px}.theme-font-list{grid-template-columns:1fr}}.integration-toggle{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #d8d4e0;border-radius:12px;background:#f9f8fc;cursor:pointer}.integration-toggle input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#6543a5}.integration-toggle span{display:grid;gap:5px}.integration-toggle small{font-size:13px;line-height:1.45;color:#66616c}.theme-dialog{align-content:start;grid-auto-rows:max-content}.theme-dialog section{align-content:start;grid-auto-rows:max-content}@media(max-width:500px){.theme-color-row input:not([type=color]){font-size:12px;padding:7px 5px}}.home .theme-dialog section{max-width:none;margin:0;padding:15px 0 0}