.global-setting{padding:1.5rem}.global-setting .content-header{margin-bottom:2rem}.global-setting .dict-placeholder{color:var(--home-muted,#8e97a5);margin:.5rem 0 0;font-size:.9375rem}.global-setting .step-description-text{color:var(--home-muted,#8e97a5);margin:0;font-size:1rem;font-weight:500;line-height:1.6}.global-setting .setting-sections{flex-direction:column;gap:2.5rem;padding:8px .75rem 3.625rem;display:flex}.global-setting .setting-section{flex-direction:column;display:flex}.global-setting .section-title{color:var(--home-text,#e6edf3);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.global-setting .info-icon{color:var(--home-cyan,#4ae7fd);cursor:help;font-size:1rem}.global-setting .option-group{flex-wrap:wrap;gap:1rem;display:flex}.global-setting .option-card{border-radius:var(--radius-lg);cursor:pointer;background:#0c1018e0;border:2px solid #4ae7fd38;justify-content:center;align-items:center;gap:.75rem;min-width:8.75rem;padding:.875rem 1.5rem;transition:all .2s;display:flex}.global-setting .option-card:hover{background:#0e59fa1f;border-color:#4ae7fd73}.global-setting .option-card.active{color:var(--home-cyan,#4ae7fd);background:#0e59fa2e;border-color:#00abd8bf;font-weight:600}.global-setting .option-checkbox{border:2px solid #4ae7fd59;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.global-setting .option-card.active .option-checkbox{background:linear-gradient(270deg,#0e59fa 0%,#00abd8 100%);border-color:#00abd8e6}.global-setting .check-icon{color:#fff;font-size:.875rem}.global-setting .option-label{color:var(--home-text,#e6edf3);font-size:.9375rem;font-weight:500}.global-setting .option-card.active .option-label{color:var(--home-cyan,#4ae7fd)}.global-setting .content_box{padding:8px 1rem}.global-setting .subsection-title{color:var(--home-text,#e6edf3);margin-bottom:0;font-size:.875rem}.global-setting .title-one{margin-bottom:8px}.global-setting .head_box{background:#202434;align-items:center;gap:6px;width:100%;height:2.5rem;padding-left:1rem;display:flex}.global-setting .subsection-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.global-setting .collapse-link{color:var(--home-cyan,#4ae7fd);cursor:pointer;font-size:.875rem;transition:color .2s}.global-setting .collapse-link:hover{color:#7ef0ff}.global-setting .styles-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.25rem;display:grid}.global-setting .style-lock-hint{color:#ffd666;background:#faad1414;border:1px solid #faad1461;border-radius:6px;margin:0 0 .875rem;padding:10px .75rem;font-size:.875rem;line-height:1.5}.global-setting .style-card{aspect-ratio:1;cursor:pointer;isolation:isolate;will-change:transform, box-shadow;background:#0c1018e6;border:2px solid #4ae7fd33;border-radius:8px;transition:border-color .38s cubic-bezier(.4,0,.2,1),box-shadow .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.global-setting .style-card:hover:not(.active){border-color:#4ae7fd73;transform:translateY(-2px);box-shadow:0 10px 1.75rem #0000006b}.global-setting .style-card.is-style-locked{cursor:not-allowed;opacity:.48;filter:grayscale(.28)}.global-setting .style-card.is-style-locked:hover{box-shadow:none;border-color:#4ae7fd33;transform:none}.global-setting .style-card.active{border-color:#4ae7fdf2;transform:translateY(-2px)scale(1.02);box-shadow:0 0 0 2px #0e59fa73,0 0 1.125rem #4ae7fd61,0 10px 1.75rem #00000073}.global-setting .selected-style-shortcut{outline:none}.global-setting .selected-style-shortcut:focus-visible{box-shadow:0 0 0 2px #0e59fa8c,0 0 0 4px #4ae7fd80,0 10px 1.75rem #00000073}.global-setting .current-style-badge{z-index:4;color:#fff;pointer-events:none;background:linear-gradient(270deg,#0e59fa 0%,#00abd8 100%);border:1px solid #fff3;border-radius:6px;padding:4px 7px;font-size:.75rem;font-weight:600;line-height:1;position:absolute;top:4px;left:4px;box-shadow:0 4px .75rem #0e59fa59}.global-setting .style-active-ring{pointer-events:none;z-index:3;opacity:0;border-radius:6px;transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scale(.96);box-shadow:inset 0 0 0 1px #ffffff2e}.global-setting .style-card.active .style-active-ring{opacity:1;animation:2.6s ease-in-out infinite style-card-ring-breathe;transform:scale(1)}.global-setting .style-card--located{animation:.72s ease-in-out 2 style-card-located}@keyframes style-card-located{0%,to{box-shadow:0 0 0 2px #0e59fa73,0 0 1.125rem #4ae7fd61,0 10px 1.75rem #00000073}50%{box-shadow:0 0 0 4px #4ae7fdf2,0 0 2rem #4ae7fdd1,0 .75rem 2rem #00000080}}@keyframes style-card-ring-breathe{0%,to{box-shadow:inset 0 0 0 1px #ffffff29,0 0 10px #4ae7fd38}50%{box-shadow:inset 0 0 0 1px #ffffff47,0 0 1rem #4ae7fd6b}}.global-setting .style-selected-mark{z-index:4;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.34,1.35,.64,1);display:flex;position:absolute;top:4px;right:4px;transform:scale(.55)}.global-setting .style-selected-mark__icon{object-fit:contain;width:100%;height:100%;display:block}.global-setting .style-selected-mark--visible{opacity:1;transform:scale(1)}.global-setting .style-thumb{position:absolute;inset:0;overflow:hidden}.global-setting .style-card .style-thumb-shimmer{width:100%;height:100%}.global-setting .style-card .style-thumb-img{object-fit:cover;object-position:center;image-rendering:auto;backface-visibility:hidden;width:100%;height:100%;transition:filter .38s cubic-bezier(.4,0,.2,1);display:block;transform:translateZ(0)}.global-setting .style-card.active .style-thumb-img{filter:brightness(1.06)saturate(1.08)}.global-setting .style-card .style-thumb-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.global-setting .style-overlay{text-align:center;z-index:2;color:#ffffffeb;background:#12121266;justify-content:center;align-items:center;width:100%;height:1.75rem;padding:0 6px;font-size:.75rem;line-height:1.75rem;transition:background .38s cubic-bezier(.4,0,.2,1),color .38s cubic-bezier(.4,0,.2,1),font-weight .38s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.global-setting .style-overlay .ellipsis-tooltip-text{text-align:center;width:100%}.global-setting .style-card.active .style-overlay{color:#fff;background:linear-gradient(#0000 0%,#0e59fad1 100%);font-weight:600}.global-setting .style-name{color:#fff;font-size:.875rem;font-weight:500}.global-setting .featured-badge{color:#fff;letter-spacing:.02em;z-index:2;pointer-events:none;background:linear-gradient(270deg,#0e59fa 0%,#00abd8 100%);border:1px solid #fff3;border-radius:6px;padding:.3rem .45rem;font-size:.75rem;font-weight:600;line-height:1;position:absolute;top:2px;left:4px;box-shadow:0 4px .75rem #0e59fa59}.global-setting .style-card.add-style{background:#0c10188c;border:2px dashed #4ae7fd59;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.global-setting .style-card.add-style:hover{background:#0e59fa1f;border-color:#4ae7fd8c}.global-setting .style-card.add-style.is-style-locked:hover{background:#0c10188c;border-color:#4ae7fd33}.global-setting .add-icon{color:#4ae7fd73;font-size:2rem}.global-setting .add-text{color:var(--home-muted,#8e97a5);font-size:.875rem;font-weight:500}.global-setting .my-styles{margin-bottom:1rem}.asset-form-modal{flex-direction:column;flex:auto;min-height:0;max-height:calc(100vh - 10rem);padding:8px 0 0;display:flex;overflow:hidden}.asset-form-modal__grid{scrollbar-width:none;-ms-overflow-style:none;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.75rem;min-height:0;display:grid;overflow:hidden auto}.asset-form-modal__grid::-webkit-scrollbar{display:none}.asset-form-item{margin-bottom:.875rem}.asset-form-item--half{grid-column:span 1}.asset-form-item--full{grid-column:1/-1}.asset-form-item--upload{margin-bottom:1.125rem}.asset-form-item--upload .ant-form-item-label{display:none}.style-cover-upload{align-items:flex-start;gap:.75rem;display:flex}.style-cover-upload--header{box-sizing:border-box;background:#080b128c;border:1px dashed #4ae7fd38;border-radius:8px;align-items:center;width:100%;padding:.875rem 1rem}.style-cover-upload__box{cursor:pointer;background:#080b12f5;border:1px dashed #4ae7fd59;border-radius:8px;flex-shrink:0;width:7.5rem;height:7.5rem;padding:0;transition:border-color .2s,background .2s;overflow:hidden}.style-cover-upload__box:hover:not(:disabled){background:#0e59fa1a;border-color:#4ae7fd8c}.style-cover-upload__box:disabled{cursor:not-allowed;opacity:.7}.style-cover-upload__box--filled{border-style:solid;border-color:#4ae7fd40}.style-cover-upload__placeholder,.style-cover-upload__hint{color:#8e97a5;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;font-size:.75rem;display:flex}.style-cover-upload__icon{color:#4ae7fd8c;font-size:1.375rem}.style-cover-upload .style-cover-upload__preview{width:100%;height:100%}.style-cover-upload .style-cover-upload__img{width:100%;height:100%;display:block}.style-cover-upload__meta{flex-direction:column;gap:8px;padding-top:4px;display:flex}.style-cover-upload__tip{color:#7f8ba0;margin:0;font-size:.75rem;line-height:1.125rem}.style-cover-upload__remove{color:var(--home-cyan,#4ae7fd);cursor:pointer;font-size:.75rem}.style-cover-upload__remove:hover{color:#7ef0ff}.asset-form-modal__footer{border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:0;padding-top:1rem;display:flex}.asset-form-modal .ant-form-item-label>label{color:#dce7f5d9;font-size:.875rem;line-height:1.25rem}.asset-form-modal .ant-input,.asset-form-modal .ant-input-affix-wrapper,.asset-form-modal .ant-input-textarea textarea,.asset-form-modal .ant-select-selector{color:#e6edf3!important;box-shadow:none!important;background:#080b12f5!important;border:none!important;border-radius:8px!important}.asset-form-modal input.ant-input,.asset-form-modal .ant-input-affix-wrapper{height:2.5rem}.asset-form-modal .ant-select-selector{align-items:center;display:flex;height:2.5rem!important;min-height:2.5rem!important}.asset-form-modal .ant-select-selection-item,.asset-form-modal .ant-select-selection-placeholder{line-height:2.5rem!important}.asset-form-modal .ant-input-textarea textarea{resize:none;padding:10px .75rem;line-height:1.375rem;height:6.875rem!important;min-height:6.875rem!important}.asset-form-modal .ant-input:focus,.asset-form-modal .ant-input-focused,.asset-form-modal .ant-input-affix-wrapper:focus,.asset-form-modal .ant-input-affix-wrapper-focused,.asset-form-modal .ant-input-textarea textarea:focus,.asset-form-modal .ant-select-focused .ant-select-selector{box-shadow:none!important;border:none!important}.asset-form-modal .ant-input::placeholder,.asset-form-modal .ant-input-textarea textarea::placeholder,.asset-form-modal .ant-select-selection-placeholder{color:#7f8ba0!important}.asset-form-modal .ant-select-arrow{color:#8fa3c0}.global-setting .featured-styles{padding:8px 0}.global-setting .featured-styles--collapsed .styles-grid{overflow:visible}.global-setting .style-card-append-enter{animation:.36s cubic-bezier(.22,1,.36,1) style-card-append-in}@keyframes style-card-append-in{0%{opacity:0;transform:translateY(.75rem)scale(.96)}}.global-setting .styles-grid--appending{transition:opacity .2s}.create-step-global-setting .featured-styles--collapsed .styles-grid{--featured-style-card-size:calc((100% - 5 * 8px) / 6);min-height:calc(var(--featured-style-card-size) * 2 + 8px)}@media (prefers-reduced-motion:reduce){.global-setting .style-card,.global-setting .style-selected-mark,.global-setting .style-active-ring,.global-setting .style-overlay,.global-setting .style-card .style-thumb-img{transition:none!important}.global-setting .style-card-append-enter{transition:none!important;animation:none!important}.global-setting .style-card.active .style-active-ring,.global-setting .style-card--located{animation:none}.global-setting .style-card:hover:not(.active),.global-setting .style-card.active{transform:none}}@media (max-width:48rem){.global-setting .option-group{flex-direction:column}.global-setting .option-card{width:100%}.global-setting .styles-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:1rem}.asset-form-modal__grid{grid-template-columns:1fr;column-gap:0}.asset-form-item--half,.asset-form-item--full,.asset-form-item--upload{grid-column:1/-1}.style-cover-upload--header{flex-direction:column;align-items:flex-start}}
.create-first-step-form{grid-template-columns:20.25rem 1fr;gap:1rem;min-height:0;display:grid}.create-first-step-form--page{flex:1;grid-template-columns:minmax(17.5rem,21.25rem) 1fr;align-content:stretch;height:100%;min-height:0}.create-first-step-form .left-panel,.create-first-step-form .right-panel{box-sizing:border-box;background:#080c16b8;border:1px solid #4ae7fd38;border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.create-first-step-form .left-panel{width:100%}.create-first-step-form--page .left-panel,.create-first-step-form--page .right-panel{background:#060a128c;border-color:#4ae7fd26;height:100%}.create-first-step-form .content_box{flex:1;min-height:0;padding:10px .875rem .75rem;overflow-y:auto}.create-first-step-form .content-config-lock-hint{color:#d8c886;background:#facc1512;border:1px solid #facc1538;border-radius:7px;margin:0 0 .75rem;padding:9px 10px;font-size:.75rem;line-height:1.55}.create-first-step-form .head_box{background:#202434d9;border-bottom:1px solid #4ae7fd33;flex-shrink:0;align-items:center;gap:6px;width:100%;height:2.5rem;padding-left:1rem;display:flex}.create-first-step-form .head_box .block-title{color:var(--home-text,#e6edf3);margin-bottom:0;font-size:.9375rem;font-weight:600;line-height:1.375rem}.create-first-step-form .field-group{margin-bottom:.875rem}.create-first-step-form .field-group .chip-group{flex-wrap:wrap;gap:8px;display:flex}.create-first-step-form .field-group .chip-group .chip{cursor:pointer;box-sizing:border-box;background:#ffffff05;border:1px solid #4ae7fd40;border-radius:6px;padding:0 10px;font-size:.75rem;line-height:1.625rem;transition:all .2s;color:var(--home-muted,#8e97a5)!important}.create-first-step-form .field-group .chip-group .chip.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.create-first-step-form .field-group .chip-group .chip-tooltip-wrap{display:inline-flex}.create-first-step-form .field-group .chip-group .chip.active,.create-first-step-form .field-group .chip-group .chip:hover{border-color:var(--home-accent,#4ae7fd);background:#4ae7fd14;color:var(--home-accent,#4ae7fd)!important}.create-first-step-form .field-group .name-input-wrap{position:relative}.create-first-step-form .field-group .name-input-wrap .name-input{background:#00000059;border:1px solid #4ae7fd26;border-radius:6px;outline:none;width:100%;height:2.25rem;padding:0 3.625rem 0 .75rem;font-size:.875rem;line-height:1.25rem;transition:border-color .2s;color:var(--home-text,#e6edf3)!important}.create-first-step-form .field-group .name-input-wrap .name-input:focus{border-color:#4ae7fd73}.create-first-step-form .field-group .name-input-wrap .count-text{font-size:.75rem;position:absolute;top:8px;right:10px;color:var(--home-muted,#8e97a5)!important}.create-first-step-form .field-group .ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.create-first-step-form .field-group .ratio-grid .ratio-item{transition:all .2s}.create-first-step-form .field-group .ratio-grid .ratio-item span{color:var(--home-muted,#8e97a5)!important}.create-first-step-form .field-group .ratio-grid .ratio-item:hover,.create-first-step-form .field-group .ratio-grid .ratio-item.active{border-color:var(--home-accent,#4ae7fd);background:#4ae7fd0f}.create-first-step-form .field-group .ratio-grid .ratio-item:hover span,.create-first-step-form .field-group .ratio-grid .ratio-item.active span{color:var(--home-accent,#4ae7fd)!important}.create-first-step-form .field-label{color:var(--home-text,#e6edf3);margin-bottom:8px;font-size:.8125rem;font-weight:500;display:block}.create-first-step-form .ratio-item{color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #4ae7fd40;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:1.75rem;padding:5px 6px;font-size:.75rem;line-height:1rem;display:flex}.create-first-step-form .ratio-item.is-disabled{opacity:.52;cursor:not-allowed}.create-first-step-form .ratio-item img{width:1rem;height:1rem}.create-first-step-form .right-panel .global-setting{flex:1 1 0;height:0;min-height:0;padding:0 4px 0 0;overflow-y:auto}.create-first-step-form .right-panel .setting-sections{gap:.75rem;padding:8px .75rem .75rem}.create-first-step-form .right-panel .my-styles .subsection-title.title-one{display:none}.create-first-step-form .right-panel .my-styles{margin-bottom:8px}.create-first-step-form .right-panel .featured-styles--collapsed{flex-shrink:0}.create-first-step-form .right-panel .featured-styles--collapsed .styles-grid{padding-bottom:4px;overflow:visible}.create-first-step-form .right-panel .section-title{margin-bottom:10px;font-size:.875rem}.create-first-step-form .right-panel .styles-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.create-first-step-form .right-panel .style-card{aspect-ratio:1;width:100%;height:auto}.create-first-step-form .right-panel .style-card.add-style{background:#151724;border-style:dashed;border-color:#4ae7fd4d}.create-first-step-form .right-panel .style-card.add-style span,.create-first-step-form .right-panel .style-card.add-style .add-text,.create-first-step-form .right-panel .style-card.add-style .add-icon{color:#8e97a5!important}.create-first-step-form .right-panel .style-card.add-style .add-icon svg,.create-first-step-form .right-panel .style-card.add-style .add-icon svg path{fill:currentColor!important}.create-first-step-form .dict-placeholder{color:#8e97a5;margin:0 0 8px;font-size:.75rem}