.editor-heading{padding:65px 0 55px;background:radial-gradient(circle at 14% 25%,#d9f6ec 0,transparent 35%),radial-gradient(circle at 85% 10%,#e6e5ff 0,transparent 39%),linear-gradient(135deg,#f8fcfb,#f9f8ff)}.editor-heading h1{max-width:850px;margin-inline:auto}.editor-heading p{max-width:680px;margin-inline:auto}.editor-section{background:linear-gradient(#f7fbfb,#edf4f9);padding:20px 0 88px}.editor-shell{width:min(1500px,calc(100% - 40px));max-width:1500px;background:#fff;border:1px solid #d5e5ed;border-radius:22px;box-shadow:0 26px 65px #174b751c;overflow:hidden}.editor-shell button,.editor-shell input,.editor-shell select,.editor-shell textarea{font:inherit}.editor-shell button{cursor:pointer}.editor-shell button:disabled{opacity:.44;cursor:not-allowed}.editor-shell [hidden]{display:none!important}.editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #e4ecf1;background:#fff}.editor-top-title{display:flex;gap:12px;align-items:center;min-width:0}.editor-top-title .product-icon{width:42px;height:42px;flex:none}.editor-top-title>div{display:flex;flex-direction:column;gap:3px;min-width:0}.editor-top-title strong{color:#1b3346;font-size:1rem}.editor-top-title span:not(.product-icon){color:#758995;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-top-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.editor-top-actions>button,.editor-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #dce8ee;border-radius:10px;background:#fff;color:#324f60;font-weight:740;font-size:.78rem;cursor:pointer;white-space:nowrap}.editor-top-actions>button:hover:not(:disabled),.editor-open:hover{border-color:#7fbbb9;background:#eff9f7}.editor-top-actions>.editor-primary{background:linear-gradient(120deg,#258ea0,#3b75b7);border-color:transparent;color:#fff;padding-inline:19px}.editor-top-actions>.editor-primary:hover:not(:disabled){background:#277a9d;color:#fff}.editor-main{display:grid;grid-template-columns:98px minmax(0,1fr) 272px;min-height:610px}.editor-tools{border-right:1px solid #e1eaf0;background:#fbfdfd;padding:12px 8px;overflow-y:auto}.editor-tool-group{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid #e6edf1}.editor-tool-group:first-child{padding-top:0}.editor-tool-group>span{font-size:.59rem;letter-spacing:.12em;font-weight:850;color:#89a0a8;padding:8px 6px}.editor-tool-group button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border:1px solid transparent;background:transparent;border-radius:10px;color:#587484;font-size:.69rem;font-weight:700}.editor-tool-group button i{font-size:1.12rem}.editor-tool-group button:hover{background:#e8f6f4;color:#157f8d}.editor-tool-group button.active{background:#ddf3ed;border-color:#b9e5dd;color:#087d81}.editor-center{display:flex;flex-direction:column;min-width:0;background:#e7eff3}.editor-canvas-top,.editor-canvas-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px;background:#f9fcfd;border-bottom:1px solid #dde9ef;color:#617b89;font-size:.75rem}.editor-canvas-bottom{border-bottom:0;border-top:1px solid #dce8ee;min-height:45px}.editor-canvas-top>span,.editor-canvas-bottom>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-canvas-bottom .is-error{color:#ad454d}.editor-zoom{display:flex;align-items:center;gap:2px;white-space:nowrap}.editor-zoom button{border:1px solid #d5e5e9;background:#fff;border-radius:7px;color:#49707b;min-width:29px;height:27px;padding:0 6px;font-size:.75rem}.editor-zoom button:hover{background:#dff3f0}.editor-zoom span{min-width:38px;text-align:center}.editor-stage{position:relative;flex:1;min-height:520px;max-height:780px;overflow:auto;display:flex;align-items:safe center;justify-content:safe center;padding:28px;background-color:#e9f1f5;background-image:linear-gradient(45deg,#dfe9ef 25%,transparent 25%),linear-gradient(-45deg,#dfe9ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe9ef 75%),linear-gradient(-45deg,transparent 75%,#dfe9ef 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.editor-stage canvas{display:block;flex:none;max-width:none;box-shadow:0 14px 40px #163f5a3d;touch-action:none;background:#fff}.editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;width:min(460px,100%);min-height:380px;background:#fff;border:2px dashed #9ccacb;border-radius:18px;box-shadow:0 12px 35px #29566c18;padding:32px}.editor-empty-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#daf8ed,#e7eaff);color:#248b9e;font-size:2.15rem}.editor-empty h2{font-size:1.45rem;margin:4px 0 0}.editor-empty p{font-size:.85rem;line-height:1.5;color:#647f8e;max-width:315px}.editor-empty small{color:#78909b;font-size:.7rem}.editor-empty-button{display:inline-flex;align-items:center;gap:10px;border-radius:10px;padding:12px 17px;background:#278a9f;color:#fff;font-size:.82rem;font-weight:800;cursor:pointer;margin-top:6px}.editor-empty-button:hover{background:#1b6e8e}.editor-drop-hint{position:absolute;inset:12px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:3px dashed #26b7a8;border-radius:15px;background:#e4faf2ef;color:#177880;font-size:1.2rem;pointer-events:none}.editor-drop-hint i{font-size:3rem}.editor-inspector{padding:20px 18px;border-left:1px solid #e0e9ef;background:#fff;max-height:850px;overflow-y:auto;color:#29465a}.editor-inspector h2{font-size:1.16rem;margin:0 0 8px}.editor-inspector>p{font-size:.73rem;line-height:1.5;color:#728c99;margin:0 0 19px}.editor-field-label{display:flex;justify-content:space-between;gap:8px;margin:19px 0 10px;font-size:.75rem;font-weight:800;color:#426072}.editor-field-label output{color:#5d8595;font-weight:600}.editor-colors{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.editor-colors button{width:28px;height:28px;border-radius:50%;background:var(--swatch);border:2px solid #fff;outline:1px solid #dae5e9;padding:0}.editor-colors button.selected{outline:2px solid #167f99;outline-offset:2px}.editor-colors input{width:29px;height:29px;padding:0;border:0;background:transparent;cursor:pointer}.editor-inspector input[type=range]{width:100%;accent-color:#1d9c9a;cursor:pointer}.editor-inspector textarea,.editor-inspector select{width:100%;padding:10px 12px;border:1px solid #d5e3e9;border-radius:9px;background:#fbfdfd;color:#264257;font-size:.76rem;resize:vertical}.editor-selection-actions button,.editor-crop-actions button{width:100%;background:#f4f8fa;border:1px solid #dbe7ec;border-radius:9px;padding:10px;margin-top:9px;color:#426274;font-weight:760;font-size:.76rem}.editor-selection-actions button:hover{background:#fce9eb;color:#aa3c4e}.editor-crop-actions{padding:10px 0}.editor-crop-actions p{font-size:.73rem;color:#627c8b}.editor-crop-actions #editor-apply-crop{background:#278d98;color:#fff;border-color:transparent}.editor-side-separator{height:1px;background:#e5ecef;margin:22px 0}.editor-inspector h3{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin:0 0 12px}.editor-inspector h3 span{background:#e8f4f5;color:#328090;border-radius:20px;padding:2px 8px;font-size:.69rem}.editor-layers{max-height:152px;overflow-y:auto;display:grid;gap:5px}.editor-layers p{font-size:.74rem;color:#8195a0}.editor-layers button{width:100%;text-align:left;border:1px solid #e3ebef;border-radius:8px;background:#f8fbfc;color:#3f6576;padding:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem}.editor-layers button.selected{border-color:#6cc7bd;background:#eaf9f5}.editor-export-buttons{display:grid;gap:8px}.editor-export-buttons button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:39px;border:1px solid #d4e6e9;background:#e9f6f3;color:#167b88;border-radius:9px;font-weight:770;font-size:.76rem}.editor-export-buttons button:hover:not(:disabled){background:#d7f0e9}.editor-inspector .editor-local-note{margin-top:18px;color:#708a96;font-size:.69rem;line-height:1.5}.editor-local-note i{color:#2baf9c;margin-right:4px}
@media(max-width:1080px){.editor-main{grid-template-columns:72px minmax(0,1fr) 226px}.editor-tool-group button{font-size:.62rem}.editor-inspector{padding:17px 13px}.editor-stage{min-height:460px}}
@media(max-width:800px){.editor-topbar{align-items:flex-start;flex-direction:column}.editor-top-actions{width:100%}.editor-main{grid-template-columns:1fr}.editor-tools{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #e1eaf0;padding:5px 9px}.editor-tool-group{display:flex;align-items:center;flex:none;border:0;border-right:1px solid #e4ecef;padding:4px 8px 4px 0}.editor-tool-group>span{display:none}.editor-tool-group button{min-width:62px;min-height:50px;padding:3px}.editor-stage{min-height:440px;max-height:650px}.editor-inspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;max-height:none;border-left:0;border-top:1px solid #e1eaf0}.editor-inspector>h2,.editor-inspector>p,.editor-inspector>.editor-side-separator,.editor-inspector>h3,.editor-inspector>.editor-layers,.editor-inspector>.editor-crop-actions,.editor-inspector>.editor-selection-actions,.editor-inspector>.editor-text-controls,.editor-inspector>.editor-local-note{grid-column:1/-1}.editor-inspector>.editor-colors{grid-column:1/-1}.editor-inspector>label[for=editor-size],.editor-inspector>label[for=editor-font-size]{grid-column:auto}.editor-inspector>input[type=range]{align-self:center}}
@media(max-width:600px){.editor-shell{width:calc(100% - 20px)}.editor-heading{padding:44px 0 37px}.editor-section{padding:10px 0 60px}.editor-shell{border-radius:14px}.editor-topbar{padding:13px}.editor-top-actions>button,.editor-open{font-size:.69rem;min-height:37px;padding:7px 10px}.editor-top-actions>button>span{display:none}.editor-top-actions>.editor-primary{margin-left:auto}.editor-canvas-top{align-items:flex-start}.editor-canvas-top>span{display:none}.editor-zoom{margin-left:auto}.editor-stage{min-height:350px;max-height:580px;padding:15px}.editor-empty{min-height:280px;padding:18px}.editor-empty-icon{height:59px;width:59px;font-size:1.5rem}.editor-empty h2{font-size:1.2rem}.editor-inspector{grid-template-columns:1fr;padding:16px}.editor-inspector>*{grid-column:1/-1}.editor-tool-group button{min-width:55px}}
/* v1.9 landing and full-window workspace */
.editor-landing-hero{overflow:hidden;padding:82px 0 96px;background:radial-gradient(circle at 8% 20%,#d8f8ee 0,transparent 37%),radial-gradient(circle at 93% 25%,#e3e5ff 0,transparent 36%),linear-gradient(125deg,#f8fcfd,#fffdf8)}.editor-landing-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:50px}.editor-landing-copy h1{font-size:clamp(3rem,5.4vw,5.6rem);letter-spacing:-.065em;line-height:1.05;margin:23px 0}.editor-landing-copy h1 em{font-style:normal;color:#138c9d}.editor-landing-copy>p{max-width:590px;font-size:1.12rem;color:#617887;line-height:1.75;margin-bottom:30px}.editor-landing-copy .button{gap:12px}.editor-landing-proof{display:flex;flex-wrap:wrap;gap:11px 21px;margin-top:35px;color:#487487;font-size:.76rem;font-weight:760}.editor-landing-proof span{display:inline-flex;align-items:center;gap:7px}.editor-landing-proof i{color:#2bb39f}.editor-landing-art{position:relative;border:1px solid #d6e6ed;border-radius:18px;background:#fff;box-shadow:0 36px 70px #315d8340;transform:rotate(-2deg);overflow:visible}.editor-art-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-radius:18px 18px 0 0;background:#203c55;color:#e6f6f7;font-size:.75rem;font-weight:800}.editor-art-dots{color:#63d4b7;letter-spacing:3px;font-size:.65rem}.editor-art-body{display:grid;grid-template-columns:48px 1fr 90px;min-height:420px;background:#f0f6f7;border-radius:0 0 18px 18px;overflow:hidden}.editor-art-rail{display:flex;flex-direction:column;align-items:center;gap:18px;background:#fff;border-right:1px solid #e4ecf0;padding-top:25px;color:#6794a2}.editor-art-rail i:nth-child(3){color:#168fa7;background:#def6ef;border-radius:7px;padding:7px}.editor-art-page{position:relative;margin:26px 14px;background:#fff;box-shadow:0 14px 30px #315a711e;overflow:hidden;border-radius:6px}.editor-art-nav{height:22px;background:#dcebed;margin:17px 22px;border-radius:5px}.editor-art-hero{margin:12px 22px;background:linear-gradient(120deg,#d1f5e6,#dae5ff);height:150px;border-radius:8px;padding:33px 23px;color:#244259;font-size:1.3rem;line-height:1.25;font-weight:800}.editor-art-hero b{color:#138d9c}.editor-art-lines{margin:20px 24px;display:grid;gap:11px}.editor-art-lines i{height:11px;background:#e4eef0;border-radius:20px}.editor-art-lines i:nth-child(2){width:75%}.editor-art-lines i:nth-child(3){width:55%}.editor-art-selection{position:absolute;inset:68px 48px auto 95px;height:135px;border:3px dashed #298cab;transform:rotate(-3deg)}.editor-art-arrow{position:absolute;right:30px;top:230px;font-size:5rem;font-weight:900;color:#ea7559;transform:rotate(10deg)}.editor-art-step{position:absolute;left:35px;bottom:28px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#3f82dc;color:#fff;font-weight:900;border:3px solid #fff;box-shadow:0 3px 15px #34658b4f}.editor-art-side{padding:25px 11px;background:#fff;border-left:1px solid #e1edf0;display:flex;flex-direction:column;gap:10px;font-size:.66rem;color:#57717c}.editor-art-side>span{height:22px;background:#edf4f4;border-radius:5px}.editor-art-side div{color:#37b4a2;letter-spacing:4px}.editor-art-floating{position:absolute;right:-20px;bottom:-22px;border-radius:12px;background:#fff;box-shadow:0 14px 35px #23556a35;color:#2a6172;padding:13px 18px;font-size:.75rem;font-weight:850}.editor-art-floating i{color:#26b39c;margin-right:7px}.editor-benefits{background:#fff}.editor-landing-cta{background:linear-gradient(115deg,#1c8296,#425eac);color:#fff;padding:48px 0}.editor-landing-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:28px}.editor-landing-cta span{font-size:.69rem;letter-spacing:.15em;font-weight:850;color:#bcf2ec}.editor-landing-cta h2{margin:8px 0;font-size:2rem;letter-spacing:-.04em}.editor-landing-cta p{color:#dfedf8}.editor-landing-cta .button{flex:none}
body.editor-app-body{height:100dvh;overflow:hidden;background:#f1f6f9}.editor-app-body #main{height:100%;min-height:0}.editor-app-section{padding:0;background:none;height:100%;overflow:hidden}.editor-app-section .editor-shell{width:100%;height:100%;max-width:none;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.editor-app-section .editor-topbar{min-height:68px;flex:none;padding:10px 17px;box-shadow:0 2px 9px #183c5b0a;z-index:2}.editor-back{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dce9ee;border-radius:10px;color:#3b7385}.editor-back:hover{background:#e8f6f3;color:#167c91}.editor-app-section .editor-main{flex:1;min-height:0;grid-template-columns:82px minmax(0,1fr) 282px}.editor-app-section .editor-stage{min-height:0;max-height:none}.editor-app-section .editor-inspector{max-height:none;height:100%;overflow:auto}.editor-app-section .editor-tools{height:100%;overflow-y:auto}.editor-app-section .editor-center{min-height:0}.editor-app-section .editor-tool-group button{min-height:49px}.editor-app-section .editor-tool-group{padding:7px 0}.editor-layer-actions{display:flex;gap:5px;margin:0 0 10px}.editor-layer-actions button{flex:1;min-height:30px;border:1px solid #dce8eb;border-radius:7px;background:#f5fafa;color:#4c7481}.editor-layer-actions button:hover:not(:disabled){background:#dff5ed;color:#168897}.editor-layers button{display:flex;align-items:center;gap:8px}.editor-layers button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-layers button i{flex:none;color:#7ba6b0}.editor-layers button.is-hidden{opacity:.55}.editor-reset,.editor-shortcuts{width:100%;border:1px solid #d9e9eb;border-radius:9px;background:#f3faf9;color:#327c8c;padding:9px;text-align:center;font-size:.74rem;font-weight:750}.editor-reset:hover,.editor-shortcuts:hover{background:#e2f4ef}.editor-dialog{border:1px solid #cce4e7;border-radius:16px;padding:26px;max-width:min(580px,90vw);box-shadow:0 24px 65px #142e4970;color:#24485a}.editor-dialog::backdrop{background:#0d263aaa}.editor-dialog h2{margin-top:0}.editor-dialog p{line-height:2;color:#597789;font-size:.82rem}.editor-dialog kbd{display:inline-block;border:1px solid #dbe6ea;border-bottom-width:3px;border-radius:5px;background:#f7fbfc;color:#31536a;padding:0 5px;font:700 .74rem system-ui}.editor-dialog button{border:0;border-radius:8px;background:#238b9a;color:#fff;padding:9px 18px;font-weight:780}
@media(max-width:1100px){.editor-landing-grid{gap:25px}.editor-app-section .editor-main{grid-template-columns:70px minmax(0,1fr) 235px}.editor-app-section .editor-inspector{padding:15px}.editor-app-section .editor-tool-group button{font-size:.62rem}}
@media(max-width:800px){body.editor-app-body{height:100dvh}.editor-landing-grid{grid-template-columns:1fr}.editor-landing-hero{padding:55px 0 72px}.editor-landing-art{width:min(630px,100%);margin:auto}.editor-app-section .editor-topbar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.editor-app-section .editor-main{display:flex;flex-direction:column;overflow:auto}.editor-app-section .editor-tools{height:auto;flex:none;overflow-x:auto;overflow-y:hidden}.editor-app-section .editor-center{flex:none;height:min(68dvh,700px)}.editor-app-section .editor-inspector{display:block;flex:none;height:auto;overflow:visible}.editor-app-section .editor-inspector>*{grid-column:auto}.editor-app-section .editor-stage{min-height:0;max-height:none}.editor-landing-cta>.container{flex-direction:column;align-items:start}}
@media(max-width:600px){.editor-landing-copy h1{font-size:2.8rem}.editor-art-body{grid-template-columns:35px 1fr 55px;min-height:310px}.editor-art-hero{font-size:.93rem;margin:8px;height:125px;padding:28px 12px}.editor-art-page{margin:12px 6px}.editor-art-side{padding:18px 5px}.editor-art-rail{gap:15px}.editor-art-selection{inset:55px 15px auto 55px;height:118px}.editor-art-arrow{top:160px;font-size:3rem}.editor-art-floating{right:0}.editor-app-section .editor-topbar{padding:8px}.editor-app-section .editor-top-actions{width:auto;flex:1;justify-content:flex-end}.editor-app-section .editor-top-actions>button span{display:none}.editor-app-section .editor-top-actions>.editor-primary{margin-left:0}.editor-app-section .editor-top-title{flex:1}.editor-app-section .editor-top-title .product-icon{display:none}.editor-app-section .editor-top-title strong{font-size:.87rem}.editor-app-section .editor-top-title span:not(.product-icon){max-width:125px}.editor-app-section .editor-center{height:60dvh}.editor-app-section .editor-tool-group button{min-width:52px}.editor-app-section .editor-inspector{padding:18px}}
.editor-inspector .editor-project-note{font-size:.73rem;line-height:1.5;color:#708995;margin:0 0 13px}.editor-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.editor-project-actions button,.editor-project-actions label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:7px 5px;border:1px solid #d0e5e6;border-radius:8px;background:#f0f9f8;color:#267989;text-align:center;font-size:.7rem;font-weight:760;cursor:pointer}.editor-project-actions button:hover:not(:disabled),.editor-project-actions label:hover{background:#dff3ee}.editor-project-actions button:disabled{opacity:.48;cursor:not-allowed}