.create-page{background:linear-gradient(#fff 0%,#f4f9fe 45%,#eef5fc 100%);min-height:100svh}.create-body{grid-template-columns:262px minmax(0,1fr) 300px;align-items:start;gap:44px;padding:132px 6% 70px;display:grid}.create-steps{scrollbar-width:thin;scrollbar-color:#c3d5e6 transparent;flex-direction:column;gap:6px;display:flex;position:sticky;top:24px}.create-steps::-webkit-scrollbar{height:4px}.create-steps::-webkit-scrollbar-thumb{background:#c3d5e6;border-radius:4px}.create-step{text-align:left;color:#7c93a8;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:13px;padding:13px 14px;transition:background .2s,border-color .2s;display:flex}.create-step:hover{background:#f3f9ff}.create-step.is-current{color:#0b6fa8;background:#e3f4ff;border-color:#b9dcf5}.create-step.is-done{color:#0c7a5b}.create-step-index{border:1px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.create-step-text{flex-direction:column;gap:5px;display:flex}.create-step-text strong{letter-spacing:1px;font-size:15px;font-weight:600}.create-step-text small{color:#93a8bd;font-size:11px;line-height:1.6}.create-step.is-current .create-step-text small{color:#4a7fa8}.create-form{flex-direction:column;gap:30px;min-width:0;display:flex}.create-form-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.create-form-head h2{letter-spacing:1px;color:#17273a;margin:0 0 10px;font-size:27px;font-weight:600}.create-form-head p{color:#8fa6bb;margin:0;font-size:13px}.create-form-head .create-top-step{flex:none;padding-top:10px}.cf-grid{grid-template-columns:1fr 1fr;gap:26px 24px;display:grid}.cf-field{flex-direction:column;grid-column:1/-1;gap:10px;min-width:0;display:flex}.cf-field.cf-half{grid-column:auto}.cf-label{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.cf-label-text{letter-spacing:1px;color:#25384d;align-items:center;gap:8px;font-size:14px;display:flex}.cf-label-text i{letter-spacing:1px;color:#0b6fa8;background:#e3f4ff;border:1px solid #b9dcf5;border-radius:4px;padding:1px 5px;font-size:10px;font-style:normal}.cf-help{color:#8fa6bb;margin:0;font-size:11.5px;line-height:1.7}.cf-error{color:#e5484d;margin:0;font-size:11.5px;line-height:1.7}.cf-input{width:100%;min-width:0;font:inherit;color:#17273a;background:#fff;border:1px solid #cfe0ef;border-radius:10px;outline:none;padding:13px 15px;font-size:14px;transition:border-color .18s,box-shadow .18s}.cf-input::placeholder{color:#9db2c4}.cf-input:focus-visible{border-color:#1b9cfc;box-shadow:0 0 0 3px #1b9cfc1f}.cf-input[aria-invalid=true]{border-color:#e5484d}textarea.cf-input{resize:vertical;line-height:1.8}.cf-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.cf-options-inline{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.cf-option{text-align:left;color:#42566b;background:#fff;border:1px solid #dce7f2;border-radius:12px;flex-direction:column;gap:6px;padding:15px 17px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.cf-option:hover{background:#f3f9ff;border-color:#b9dcf5}.cf-option.is-selected{color:#0b6fa8;background:#e3f4ff;border-color:#1b9cfc;box-shadow:0 1px 6px #1b9cfc1f}.cf-option-compact{justify-content:center;align-items:center;padding:12px 14px}.cf-option-label{letter-spacing:1px;font-size:14px}.cf-option-hint{color:#93a8bd;font-size:11px;line-height:1.6}.cf-switch{color:#25384d;background:0 0;border:0;align-items:center;gap:13px;padding:6px 0;display:flex}.cf-switch-track{background:#eef3f8;border:1px solid #cfe0ef;border-radius:20px;flex:none;width:44px;height:25px;transition:background .2s,border-color .2s;position:relative}.cf-switch-thumb{background:#93a8bd;border-radius:50%;width:17px;height:17px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.cf-switch.is-on .cf-switch-track{background:#cfeafc;border-color:#1b9cfc}.cf-switch.is-on .cf-switch-thumb{background:#1b9cfc;transform:translate(19px)}.cf-switch-text{letter-spacing:1px;font-size:14px}.cf-repeater{flex-direction:column;gap:12px;display:flex}.cf-repeater-title{letter-spacing:1px;color:#c9952a;font-size:12px}.cf-row{align-items:center;gap:10px;display:flex}.cf-row .cf-input{flex:1}.cf-input-weight{text-align:center;flex:none;width:88px}.cf-input-reward{flex:1.4}.cf-unit{color:#8fa6bb;flex:none;font-size:12px}.cf-remove{color:#7c93a8;background:0 0;border:1px solid #dce7f2;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cf-remove:hover{color:#e5484d;border-color:#e5484d66}.cf-add{color:#0aa2e0;background:0 0;border:1px dashed #8fd0ff;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:10px 15px;font-size:13px;display:flex}.cf-add:hover{background:#e3f4ff;border-style:solid}.create-actions{border-top:1px solid #e2ecf6;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;display:flex}.create-primary,.create-secondary{letter-spacing:1px!important;border-radius:12px!important;gap:11px!important;min-width:0!important;height:52px!important;padding:0 26px!important;font-size:15px!important}.create-primary{box-shadow:0 3px 12px #1b9cfc33;color:#fff!important;background:linear-gradient(92deg,#3ec2f7,#1b9cfc)!important;font-weight:600!important}.create-primary:hover{background:linear-gradient(92deg,#54d7ff,#2fa8f9)!important}.create-secondary{color:#42566b!important;background:#fff!important;border:1px solid #c7e2f5!important}.create-secondary:hover:not(:disabled){background:#f3f9ff!important}.create-secondary:disabled{opacity:.35!important}.create-preview{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.create-preview-label{letter-spacing:2.4px;color:#8fa6bb;font-size:10px}.create-card{background:#fff;border:1px solid #dce7f2;border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:0 2px 10px #173a660d}.create-card-tags{flex-wrap:wrap;gap:8px;display:flex}.create-card-tags span{letter-spacing:1px;color:#0b6fa8;background:#e3f4ff;border:1px solid #b9dcf5;border-radius:6px;padding:3px 9px;font-size:11px}.create-card h3{letter-spacing:.5px;word-break:break-word;color:#17273a;margin:0;font-size:19px;font-weight:600;line-height:1.5}.create-card-sub{color:#7c93a8;word-break:break-word;margin:0;font-size:12.5px;line-height:1.75}.create-card-meta{border-top:1px solid #e6eef6;flex-direction:column;gap:11px;margin:4px 0 0;padding-top:16px;display:flex}.create-card-meta div{justify-content:space-between;gap:14px;font-size:12px;display:flex}.create-card-meta dt{color:#8fa6bb;flex:none}.create-card-meta dd{color:#42566b;text-align:right;word-break:break-all;margin:0}.create-done{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:600px;margin:0 auto;padding:14vh 6% 0;display:flex}.create-done-mark{color:#0c7a5b;background:#e4f8f0;border:1px solid #a7e3cd;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.create-done h1{letter-spacing:2px;color:#17273a;margin:0;font-size:30px;font-weight:600}.create-done p{color:#7c93a8;margin:0;font-size:14px;line-height:1.9}.create-done-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;display:flex}.create-done-actions .primary-action,.create-done-actions .secondary-action{min-width:0!important;height:52px!important;padding:0 26px!important;font-size:15px!important}@media (max-width:1240px){.create-body{grid-template-columns:236px minmax(0,1fr);gap:34px}.create-preview{display:none}}@media (max-width:900px){.create-body{grid-template-columns:1fr;gap:26px;padding:116px 6% 56px}.create-steps{flex-direction:row;gap:8px;padding-bottom:6px;position:static;overflow-x:auto}.create-step{flex:none;padding:10px 13px}.create-step-text small{display:none}.cf-grid{grid-template-columns:1fr;gap:22px}.cf-field.cf-half{grid-column:1/-1}.cf-row{flex-wrap:wrap}.cf-input-reward{flex:100%}}@media (max-width:600px){.create-form-head h2{font-size:22px}.create-actions{flex-direction:column-reverse;align-items:stretch}.create-primary,.create-secondary{justify-content:center!important;width:100%!important}.cf-options,.cf-options-inline{grid-template-columns:1fr}}