.cp-page{padding:26px 0 85px;color:#241650}
.cp-breadcrumb{color:#817496;font-size:14px;margin-bottom:23px}.cp-breadcrumb a{color:#6e3cce;text-decoration:none}
.cp-hero{border-radius:32px;background:linear-gradient(110deg,#24205d 0%,#5634c0 58%,#922cff 100%);padding:42px 48px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#fff;box-shadow:0 20px 40px #4c35b42d;position:relative;overflow:hidden}
.cp-hero:before{content:"";position:absolute;width:370px;height:370px;background:#ffffff17;border-radius:50%;right:10%;top:-240px}
.cp-hero>div{max-width:860px;z-index:1}.cp-eyebrow{font-size:12px;letter-spacing:3px;color:#d9c3ff;font-weight:900}
.cp-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.12;margin:23px 0 16px;color:#fff}.cp-hero p{font-size:16px;line-height:1.65;color:#e9e3ff}
.cp-mark{font-size:115px;transform:rotate(-14deg);font-weight:900;color:#fff8;text-shadow:8px 12px 0 #1e175777}
.cp-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.cp-pills span{border:1px solid #ffffff40;background:#ffffff20;padding:7px 12px;border-radius:40px;font-size:12px;font-weight:800}
.cp-workspace,.cp-faq,.cp-related{background:#fff;border:1px solid #e8dfff;border-radius:26px;box-shadow:0 10px 35px #3921840c;padding:30px;margin-top:26px}
.cp-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:22px}.cp-heading h2,.cp-faq h2,.cp-related h2{margin:0 0 8px;color:#201347;font-size:27px}.cp-heading p{color:#786e90;margin:0}.cp-private{background:#f4edff;color:#6333c8;border-radius:30px;padding:9px 13px;white-space:nowrap;font-weight:800;font-size:12px}
.cp-drop{border:2px dashed #bda3ff;background:linear-gradient(160deg,#fcfaff,#f4eeff);border-radius:24px;min-height:215px;padding:26px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;gap:12px}.cp-drop:hover{border-color:#7634e8;background:#f3ebff}.cp-drop-icon{display:grid;place-items:center;color:#6a30d9;background:#fff;box-shadow:0 8px 19px #623bb32a;border-radius:18px;font-size:32px;width:65px;height:65px}.cp-drop strong{color:#38216f;font-size:20px}.cp-drop small{font-size:12px;color:#786d91}
.cp-file-list{color:#5c4b86;background:#faf8ff;border:1px solid #ede4ff;border-radius:13px;font-size:13px;padding:12px 15px;margin-top:15px;overflow-wrap:anywhere}
.cp-text-label{display:flex;flex-direction:column;margin-top:20px;gap:11px;color:#52357a;font-weight:800}.cp-text-label textarea{width:100%;box-sizing:border-box;min-height:220px;border-radius:15px;border:1px solid #e4d4ff;padding:17px;resize:vertical;color:#251354;line-height:1.7;background:#fdfbff;font:13px ui-monospace,Consolas,'Liberation Mono',monospace}
.cp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:21px}.cp-actions .btn,.cp-output .btn{border-radius:13px;cursor:pointer;font-weight:850;padding:13px 20px;border:1px solid #e2d3ff;background:#f4edff;color:#5c2cb8}.cp-actions .primary,.cp-output .primary{background:linear-gradient(100deg,#5832e9,#a22aec);border-color:transparent;color:white;box-shadow:0 9px 19px #6a3ddd38}.cp-actions button:disabled{opacity:.58;cursor:not-allowed}.cp-limit{margin-left:auto;font-size:12px;color:#887999}
#cp-status:not(:empty){padding:13px 16px;margin-top:18px;border-radius:12px;font-size:13px;font-weight:800}.cp-success{background:#e6fbf3;border:1px solid #b5efda;color:#146f50}.cp-error{background:#fff1f0;border:1px solid #ffbfbe;color:#ac2336}
.cp-results{margin-top:25px;padding:24px;background:#f7f3ff;border:1px solid #e4d4ff;border-radius:20px}.cp-results[hidden]{display:none}.cp-results h3{font-size:23px;color:#2c155e;margin:0 0 8px}.cp-results p{font-size:13px;color:#6f6386}
.cp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.cp-metrics span{background:#fff;border:1px solid #e7d9ff;padding:15px;border-radius:14px;display:flex;flex-direction:column;gap:9px}.cp-metrics small{color:#7d6e96}.cp-metrics strong{font-size:20px;color:#3b1c7c}
.cp-output-list{display:flex;flex-direction:column;gap:12px}.cp-output{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e4d4ff;border-radius:15px;padding:15px}.cp-output-icon{font-size:26px}.cp-output-main{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.cp-output-main strong{overflow-wrap:anywhere;color:#332065}.cp-output-main small{color:#8b7d9b}.cp-preview{display:block;max-width:250px;max-height:190px;object-fit:contain;margin:8px 0;border:1px solid #e7dfff;border-radius:10px}.cp-disclaimer,.cp-after{color:#847493;line-height:1.8;font-size:12px;margin:17px 0 0}
.cp-faq li,.cp-faq p{color:#645b76;line-height:1.9}.cp-faq details{padding:15px 0;border-top:1px solid #ede5ff}.cp-faq summary{color:#3e2771;font-weight:800;cursor:pointer}
.cp-related>div{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.cp-related h3{font-size:18px;color:#4d2c8d;margin-top:25px}.cp-chip{display:inline-block;border:1px solid #e3d4ff;background:#faf7ff;padding:11px 14px;border-radius:13px;color:#5f36b9;text-decoration:none;font-size:13px;font-weight:800}.cp-chip:hover{background:#ede2ff}
@media(max-width:770px){.cp-hero{padding:30px}.cp-mark{font-size:70px}.cp-workspace,.cp-faq,.cp-related{padding:20px}.cp-heading{flex-direction:column;align-items:flex-start}.cp-results{padding:16px}}
@media(max-width:530px){.cp-mark{display:none}.cp-hero{border-radius:22px}.cp-metrics{grid-template-columns:1fr 1fr}.cp-output{align-items:flex-start;flex-wrap:wrap}.cp-output .btn{width:100%}.cp-limit{margin-left:0}}