.cs{--cs-purple:#6554e9;--cs-line:#e1e5ef;--cs-muted:#607087;color:#19243b}.cs [hidden]{display:none!important}.cs button,.cs input,.cs select,.cs textarea{font:inherit}.cs button,.cs a,.cs input,.cs select,.cs textarea{outline-offset:4px}.cs button{cursor:pointer}.cs button:disabled{opacity:.45;cursor:not-allowed}.cs-hero{background:radial-gradient(ellipse at 90% 0%,#e1defc 0%,transparent 55%),#f4f3ff;border-bottom:1px solid #e8e4fa;padding:24px 0 32px}.cs-back{color:#626c85;text-decoration:none;font-size:13px}.cs-mode{display:flex;gap:5px;width:fit-content;padding:5px;background:white;border:1px solid #e4e1f6;border-radius:30px;margin:24px 0 20px}.cs-mode a{padding:9px 17px;text-decoration:none;border-radius:24px;color:#5a6174;font-size:14px;font-weight:700}.cs-mode a.is-active{background:#6554e9;color:white}.cs .cs-hero h1{font-size:clamp(30px,4.1vw,48px);letter-spacing:-1.8px;line-height:1.12;margin:0 0 15px;max-width:850px;color:#17213b}.cs-hero p{color:#626c85;font-size:16px;margin:0 0 26px}.cs-steps{list-style:none;padding:0;margin:0;display:flex;gap:30px;flex-wrap:wrap;color:#7c8498;font-size:13px;font-weight:600}.cs-steps li{display:flex;align-items:center;gap:8px}.cs-steps span{display:grid;place-items:center;background:#e6e4f2;border-radius:50%;width:24px;height:24px;font-size:12px}.cs-steps [aria-current]{color:#5141c3}.cs-steps [aria-current] span{background:#6554e9;color:white}.cs-main{padding-top:26px;padding-bottom:50px}.cs-status{border-radius:10px;font-size:14px;color:#344565;scroll-margin-top:110px}.cs-status:not(:empty){margin:0 0 20px;padding:14px 18px;background:#eeeafd;border:1px solid #ded6fd}.cs-status.is-error{background:#fff0f1;border-color:#f4c8d0;color:#a6263d}.cs-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 25px}.cs-kicker{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#8579b8}.cs h2{font-size:27px;line-height:1.3;letter-spacing:-.7px;color:#19243b;margin:6px 0}.cs-section-heading p{font-size:14px;color:#718096;margin:7px 0 0}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid #dce1ec;background:#fff;border-radius:10px;color:#253049;font-size:14px!important;font-weight:700!important;text-decoration:none;line-height:1.3;min-height:44px;transition:background .15s,transform .15s}.cs-btn:hover{background:#f3f1fd;border-color:#c3b9f4}.cs-primary{background:#6554e9;color:white;border-color:#6554e9;box-shadow:0 4px 12px #6554e926}.cs-primary:hover{background:#5142cf;color:white;border-color:#5142cf}.cs-small{padding:10px 9px;font-size:13px!important}.cs-filters{display:grid;grid-template-columns:1fr 240px;gap:16px;margin-bottom:24px}.cs label{display:block;font-size:12px;font-weight:700;color:#53617a;line-height:1.5}.cs label>span{display:block;margin-bottom:6px}.cs input:not([type=range]):not([type=color]),.cs select,.cs textarea{width:100%;border:1px solid #dce1eb;background:white;border-radius:9px;padding:11px 12px;color:#24304b;box-sizing:border-box;font-size:14px;min-height:43px}.cs textarea{resize:vertical;min-height:95px;line-height:1.5}.cs input:focus,.cs textarea:focus,.cs select:focus{border-color:#6554e9}.cs input[type=color]{padding:3px;height:38px;width:100%;border:1px solid #dce1eb;border-radius:8px;background:white}.cs input[type=range]{width:100%;accent-color:#6554e9}.cs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.cs-card{background:white;border:1px solid #e0e4ee;border-radius:15px;overflow:hidden;transition:transform .18s,box-shadow .18s}.cs-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #19243b12}.cs-card img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;background:#edf0f5}.cs-card-info{padding:13px 14px 15px}.cs-card-info p{font-size:13px;font-weight:650;margin:0 0 10px;color:#39465b}.cs-card .cs-btn{width:100%;min-height:37px;padding:9px 8px;background:#f6f4ff;border-color:#ece8fd;color:#6554d9;font-size:12px!important}.cs-more{text-align:center;margin:28px 0 12px}.cs-empty{padding:40px;text-align:center;color:#718096}.cs-footnote{font-size:12px;line-height:1.65;color:#7b8598}.cs-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:24px;align-items:start}.cs-workspace{background:#eef0f6;border:1px solid #e0e4ed;border-radius:16px;min-width:0;overflow:hidden}.cs-canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid #e0e4ed;font-size:12px;color:#738097}.cs-icon-btn{background:white;border:1px solid #dce1eb;border-radius:7px;min-width:34px;min-height:32px;font-size:20px!important;margin-left:4px;color:#3f4c64}.cs-canvas-pad{padding:24px;min-height:300px;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(#d7dce7 .8px,transparent .8px);background-size:12px 12px}.cs-canvas-shell{position:relative;max-width:100%;width:100%;line-height:0;box-shadow:0 5px 24px #17213b18}.cs-canvas-shell canvas{display:block;width:100%;height:auto;touch-action:none}.cs-selection{position:absolute;border:2px solid #7962ff;pointer-events:none;box-sizing:border-box;line-height:1}.cs-selection button{position:absolute;bottom:-9px;right:-9px;border:2px solid white;border-radius:50%;width:17px;height:17px;padding:0;pointer-events:auto;background:#7962ff;cursor:nwse-resize;touch-action:none}.cs-canvas-help{font-size:12px;text-align:center;color:#788499;padding:0 15px;margin:12px 0}.cs-credit{font-size:11px;text-align:center;color:#7d889b;padding:0 12px 18px;line-height:1.5;overflow-wrap:anywhere}.cs-credit a{color:#6554d9}.cs-controls{background:white;border:1px solid #e0e4ed;border-radius:16px;padding:20px}.cs-control-block{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #eceef4}.cs-controls label{margin-top:11px;margin-bottom:5px}.cs-controls label:first-child{margin-top:0}.cs-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cs-two label{margin-top:10px!important;min-width:0}.cs-two label select,.cs-two label input{margin-top:5px}.cs-controls output{float:right;font-weight:400}.cs-layer-actions{margin-top:10px}.cs-link-btn{color:#6554d9;background:none;border:0;padding:8px 0;text-align:left;font-size:12px!important;font-weight:600!important}.cs-danger{color:#ae4557}.cs-phrases{margin-bottom:18px}.cs summary{cursor:pointer;font-weight:650;font-size:14px;padding:8px 0;color:#39465e}.cs-phrase-button{display:block;text-align:left;width:100%;border:1px solid #e6e2f4;border-radius:9px;background:#f8f7fe;color:#635779;padding:11px;font-size:12px!important;line-height:1.6;margin-top:8px}.cs-phrase-button:hover{border-color:#a999ed;background:#f0ebff}.cs-generate{width:100%;margin-top:5px}.cs-result-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.cs-result-preview{background:#edf0f6;border-radius:16px;padding:25px;text-align:center;min-width:0}.cs-result-preview img{display:block;max-width:100%;max-height:700px;margin:auto;box-shadow:0 5px 24px #17213b18}.cs-result-actions{border:1px solid #e0e4ed;background:white;border-radius:16px;padding:24px}.cs-result-actions h3{font-size:19px;margin:0 0 22px}.cs-result-actions>.cs-btn{width:100%;margin:0 0 12px}.cs-result-actions select{margin:6px 0 12px}.cs-result-actions hr{border:0;border-top:1px solid #e5e8f0;margin:22px 0}.cs-link-panel{background:#f5f3fd;border:1px solid #e4def7;border-radius:10px;padding:12px;margin-bottom:15px}.cs-link-panel input{margin:6px 0 10px;font-size:12px!important}.cs-whatsapp{color:#15803d;background:#f1fbf4;border-color:#cce7d3}.cs-about{padding-top:38px;margin-top:35px;border-top:1px solid #e1e5ef}.cs-about>h2{font-size:24px}.cs-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:26px 0}.cs-about h3{font-size:15px;color:#3d4860}.cs-about p{font-size:13px;line-height:1.8;color:#718096}.cs-about details{border-top:1px solid #e4e7ef;padding:10px 0}.cs-about details p{max-width:900px}.cs .related-tools{margin-top:36px}.cs-result-actions .cs-link-btn{display:block;margin:auto}
@media(min-width:1100px){.cs-canvas-shell{max-width:600px}.cs-canvas-pad{min-height:430px}}@media(max-width:900px){.cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-editor-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.cs-controls{padding:16px}.cs-result-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.cs-canvas-pad{padding:16px}}@media(max-width:700px){.cs-hero{padding-top:20px}.cs .cs-hero h1{letter-spacing:-1px}.cs-mode{margin-top:20px}.cs-mode a{font-size:12px;padding:9px 12px}.cs-steps{gap:13px;font-size:10px}.cs-steps li{gap:5px}.cs-steps span{width:20px;height:20px;font-size:10px}.cs-section-heading{align-items:start;flex-wrap:wrap;margin-bottom:20px;gap:14px}.cs h2{font-size:24px}.cs-filters{grid-template-columns:1fr 1fr;gap:10px}.cs-search{grid-column:1/-1}.cs-filters>label:last-child{grid-column:1/-1}.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cs-card-info{padding:10px}.cs-card-info p{font-size:12px}.cs-card .cs-btn{font-size:11px!important}.cs-editor-grid,.cs-result-grid{grid-template-columns:1fr}.cs-canvas-pad{padding:20px}.cs-canvas-shell{max-width:400px}.cs-controls{padding:20px}.cs-about-grid{grid-template-columns:1fr;gap:5px}.cs-result-preview{padding:16px}.cs-result-preview img{max-height:550px}.cs-hero p{font-size:14px}.cs-footnote{font-size:11px}}