.cl-page{--cl-bg:#f6f7fb;--cl-panel:#fff;--cl-panel2:#f9fafc;--cl-line:#e3e5ee;--cl-line2:#d4d7e3;--cl-ink:#111327;--cl-ink2:#4b5068;--cl-ink3:#8a8fa6;--cl-accent:#4338ca;--cl-accent2:#6d5bf8;--cl-accent-bg:#eeebff;--cl-ring:#4338ca33;z-index:1005;background:var(--cl-bg);color:var(--cl-ink);flex-direction:column;font-family:Inter,system-ui,sans-serif;animation:.18s ease-out clIn;display:flex;position:fixed;inset:0}[data-theme=dark] .cl-page{--cl-bg:#0a0f1c;--cl-panel:#111827;--cl-panel2:#0f1626;--cl-line:#8b9fc029;--cl-line2:#8b9fc042;--cl-ink:#f0f4ff;--cl-ink2:#b4c0d8;--cl-ink3:#7c8ba8;--cl-accent:#8b7cf6;--cl-accent2:#a79bff;--cl-accent-bg:#8b7cf624;--cl-ring:#8b7cf64d}@keyframes clIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cl-page button{font-family:inherit}.cl-topbar{background:var(--cl-panel);border-bottom:1px solid var(--cl-line);flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.cl-topbar h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.cl-round-btn{width:44px;height:44px;color:var(--cl-ink2);background:var(--cl-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:background .15s,color .15s;display:inline-flex}.cl-round-btn:hover{background:var(--cl-accent-bg);color:var(--cl-accent)}.cl-hidden{visibility:hidden}.cl-scroll{flex:1;padding:28px 20px 40px;overflow-y:auto}.cl-layout{grid-template-columns:minmax(0,760px) 340px;justify-content:center;align-items:start;gap:32px;max-width:1180px;margin:0 auto;display:grid}.cl-main{flex-direction:column;gap:20px;min-width:0;display:flex}.cl-heading span{letter-spacing:.14em;text-transform:uppercase;color:var(--cl-accent);font-size:11.5px;font-weight:700}.cl-heading h2{border-left:4px solid var(--cl-accent);letter-spacing:-.015em;margin:4px 0 0;padding-left:12px;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;line-height:1.2}.cl-card{background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:20px;flex-direction:column;gap:22px;padding:28px 30px;display:flex;box-shadow:0 1px 2px #1113270a,0 4px 14px #1113270a}.cl-card-head h3{margin:0;font-size:18px;font-weight:700}.cl-card-head p{color:var(--cl-ink3);margin:3px 0 0;font-size:13px}.cl-field{flex-direction:column;gap:8px;min-width:0;display:flex}.cl-field>label{color:var(--cl-ink);font-size:14.5px;font-weight:700}.cl-field>label b{color:#e11d48;font-weight:700}.cl-field input,.cl-field textarea,.cl-select{width:100%;font:inherit;color:var(--cl-ink);background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:12px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.cl-field textarea{resize:vertical;min-height:130px;line-height:1.55}.cl-field input:focus,.cl-field textarea:focus,.cl-select:focus{border-color:var(--cl-accent);box-shadow:0 0 0 4px var(--cl-accent-bg)}.cl-field input::placeholder,.cl-field textarea::placeholder{color:var(--cl-ink3)}.cl-field .is-invalid{border-color:#e11d48}.cl-short{letter-spacing:.06em;max-width:220px;font-weight:700!important}.cl-hint{color:var(--cl-ink3);font-size:12.5px;line-height:1.45}.cl-error{color:#e11d48;font-size:12.5px;font-weight:500}.cl-count{color:var(--cl-ink3);align-self:flex-end;font-size:12px}.cl-count.is-max{color:#e11d48}.cl-link-btn{color:#e11d48;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12.5px;font-weight:600}.cl-banner{aspect-ratio:16/5;cursor:pointer;border:1.5px dashed var(--cl-line2);background:var(--cl-panel2) center/cover no-repeat;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:170px;transition:border-color .15s,background-color .15s;display:flex;position:relative;overflow:hidden}.cl-banner:hover{border-color:var(--cl-accent);background-color:var(--cl-accent-bg)}.cl-banner.has-image{border-style:solid;border-color:#0000}.cl-banner-empty{color:var(--cl-ink3);flex-direction:column;align-items:center;gap:6px;display:flex}.cl-banner-empty i{font-size:30px}.cl-banner-empty strong{color:var(--cl-ink2);font-size:14.5px;font-weight:500}.cl-banner-empty em{font-size:12px;font-style:normal}.cl-banner-change{color:#fff;-webkit-backdrop-filter:blur(8px);background:#1113278c;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px}.cl-input-icon{align-items:center;display:flex;position:relative}.cl-input-icon>i,.cl-currency{color:var(--cl-ink3);pointer-events:none;font-size:18px;position:absolute;left:14px}.cl-currency{font-size:16px;font-weight:600}.cl-field .cl-input-icon input{padding-left:42px}.cl-chips{flex-wrap:wrap;gap:8px;max-height:132px;padding:2px;display:flex;overflow-y:auto}.cl-chip{cursor:pointer;height:36px;color:var(--cl-accent);background:var(--cl-accent-bg);border:1px solid var(--cl-ring);border-radius:999px;align-items:center;gap:6px;padding:0 15px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,transform .15s;display:inline-flex}.cl-chip:hover{background:var(--cl-accent);color:#fff}.cl-chip.is-active{background:var(--cl-accent);color:#fff;cursor:default;padding-right:6px}.cl-chip.is-active button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:inline-flex}.cl-chip.is-active button:hover{background:#ffffff59}.cl-chip-create{background:var(--cl-panel);border-style:dashed}.cl-area-picked{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cl-area-picked .cl-select{width:auto;min-width:260px;padding:9px 12px;font-size:14px}.cl-options{flex-direction:column;gap:12px;display:flex}.cl-option{cursor:pointer;text-align:left;border:1.5px solid var(--cl-line);background:var(--cl-panel);width:100%;color:var(--cl-ink);border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.cl-option>i:first-child{color:var(--cl-accent);font-size:24px}.cl-option>span{flex-direction:column;flex:1;gap:2px;display:flex}.cl-option strong{font-size:16px}.cl-option>span span{color:var(--cl-ink2);font-size:14px}.cl-option-check{color:var(--cl-line2);font-size:20px}.cl-option:hover{border-color:var(--cl-ring)}.cl-option.is-active{color:#fff;background:linear-gradient(135deg,var(--cl-accent2),var(--cl-accent));border-color:#0000;box-shadow:0 12px 26px -12px #4338cab3}.cl-option.is-active>i:first-child,.cl-option.is-active .cl-option-check{color:#fff}.cl-option.is-active>span span{color:#ffffffd9}.cl-plans{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cl-plan{background:var(--cl-accent-bg);border:1px solid var(--cl-ring);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;display:flex}.cl-plan span{color:var(--cl-ink2);font-size:12px}.cl-plan strong{color:var(--cl-accent);font-size:17px}.cl-plan em{color:#15803d;font-size:11px;font-style:normal;font-weight:600}.cl-tags-box{border:1px solid var(--cl-line);background:var(--cl-panel);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;padding:8px 8px 8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.cl-tags-box:focus-within{border-color:var(--cl-accent);box-shadow:0 0 0 4px var(--cl-accent-bg)}.cl-tags-box>i{color:var(--cl-ink3);font-size:19px}.cl-tags-box .cl-chip{height:32px;font-size:13px}.cl-field .cl-tags-box input{min-width:140px;box-shadow:none;background:0 0;border:none;flex:1;padding:6px 4px}.cl-tag-add{width:36px;height:36px;color:var(--cl-ink3);cursor:pointer;background:0 0;border:none;border-radius:10px;font-size:19px}.cl-tag-add:not(:disabled):hover{background:var(--cl-accent-bg);color:var(--cl-accent)}.cl-tag-add:disabled{cursor:default;opacity:.5}.cl-preview{flex-direction:column;gap:14px;padding-top:46px;display:flex;position:sticky;top:0}.cl-preview-label{letter-spacing:.12em;text-transform:uppercase;color:var(--cl-ink3);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.cl-preview-card{background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -16px #1e1b4b40}.cl-preview-cover{background-color:#0b1023;background-position:50%;background-size:cover;background-image:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--lab-accent) 50%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--lab-accent) 85%,#0b1023),#0b1023);justify-content:center;align-items:center;height:140px;display:flex;position:relative}.cl-preview-cover>i{color:#ffffffd9;font-size:44px}.cl-preview-badge,.cl-preview-lock{color:#fff;background:linear-gradient(135deg,#7c3aedeb,#4338caeb);border-radius:999px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:10px}.cl-preview-badge{left:10px}.cl-preview-lock{background:#1113278c;justify-content:center;width:26px;padding:0;right:10px}.cl-preview-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.cl-preview-domain{letter-spacing:.04em;text-transform:uppercase;color:var(--cl-ink3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.cl-dot{background:var(--lab-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.cl-preview-body h4{word-break:break-word;margin:0;font-family:Space Grotesk,sans-serif;font-size:17px;line-height:1.3}.cl-preview-meta{color:var(--cl-ink2);flex-wrap:wrap;gap:4px 12px;font-size:12.5px;display:flex}.cl-preview-meta i{color:var(--cl-ink3)}.cl-preview-body p{color:var(--cl-ink2);-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.cl-preview-tags{flex-wrap:wrap;gap:5px;display:flex}.cl-preview-tags span{color:var(--lab-accent);background:color-mix(in srgb,var(--lab-accent) 10%,transparent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.cl-preview-foot{border-top:1px solid var(--cl-line);color:var(--cl-ink2);justify-content:space-between;align-items:center;padding-top:10px;font-size:12.5px;display:flex}.cl-preview-foot strong{color:var(--cl-accent)}.cl-tips{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cl-tips li{color:var(--cl-ink3);gap:8px;font-size:12.5px;line-height:1.45;display:flex}.cl-tips i{color:var(--cl-accent);flex-shrink:0;font-size:16px}.cl-footer{padding:14px 20px calc(16px + env(safe-area-inset-bottom));background:var(--cl-panel);border-top:1px solid var(--cl-line);flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.cl-footer p{color:var(--cl-ink2);margin:0;font-size:13px}.cl-footer strong{color:var(--cl-accent)}.cl-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--cl-accent2),var(--cl-accent));border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;height:46px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 12px 26px -12px #4338cab3}.cl-submit:hover:not(:disabled){transform:translateY(-1px)}.cl-submit:disabled{opacity:.6;cursor:default}.cl-submit-inline{max-width:280px;margin-top:8px}.cl-spin{animation:1s linear infinite clSpin;display:inline-block}@keyframes clSpin{to{transform:rotate(360deg)}}.cl-success{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:520px;margin:8vh auto 0;display:flex}.cl-success-icon{color:#fff;background:linear-gradient(135deg,var(--cl-accent2),var(--cl-accent));border-radius:26px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:8px;font-size:40px;display:flex;box-shadow:0 18px 36px -14px #4338cab3}.cl-success h2{word-break:break-word;margin:0;font-family:Space Grotesk,sans-serif;font-size:26px}.cl-success p{color:var(--cl-ink2);margin:0;font-size:15px;line-height:1.6}.cl-success-note{text-align:left;align-items:flex-start;gap:6px;display:flex;color:var(--cl-ink3)!important;font-size:13px!important}@media (max-width:1100px){.cl-layout{grid-template-columns:minmax(0,760px)}.cl-preview{display:none}}@media (max-width:640px){.cl-topbar{height:62px;padding:0 14px}.cl-round-btn{width:40px;height:40px}.cl-scroll{padding:20px 14px 28px}.cl-card{border-radius:16px;gap:20px;padding:20px 16px}.cl-heading h2{font-size:22px}.cl-option{gap:12px;padding:14px 16px}.cl-plans{gap:6px}.cl-plan strong{font-size:15px}.cl-area-picked .cl-select{width:100%;min-width:0}}