.creator-project-dialog{--home-text:#242228;--home-muted:#66616b;--home-accent:#563876;--home-cyan:#563876;--dialog-line:#e5e2e8}.creator-project-dialog .ant-modal.create-first-step-modal{max-width:calc(100vw - 1.5rem);padding-bottom:0}.creator-project-dialog .create-first-step-modal :is(.ant-modal-container,.ant-modal-content){border:1px solid var(--dialog-line);color:var(--home-text);border-radius:1rem;overflow:hidden;box-shadow:0 1.25rem 5rem #20192733;background:#fff!important;padding:0!important}.creator-project-dialog .create-first-step-modal .ant-modal-header{border-bottom:1px solid var(--dialog-line);background:#fff;margin:0;padding:1.125rem 3.375rem 1rem 1.5rem}.creator-project-dialog .ant-modal-title{color:var(--home-text);font-size:1.25rem;font-weight:650}.creator-project-dialog .ant-modal-close{color:#59535e}.creator-project-dialog .modal-shell{flex-direction:column;max-height:calc(100dvh - 6.25rem);display:flex}.creator-project-dialog .create-first-step-form.modal-body{overscroll-behavior:contain;grid-template-columns:minmax(14.375rem,.8fr) minmax(0,1.5fr);min-height:0;padding:1.25rem 1.5rem;overflow-y:auto}.creator-project-dialog .create-first-step-form :is(.left-panel,.right-panel){border:1px solid var(--dialog-line);background:#fff;border-radius:10px;min-width:0}.creator-project-dialog .modal-body .head_box{border-color:var(--dialog-line);background:#f8f7f9}.creator-project-dialog .modal-body .name-input-wrap .name-input{background:#fff;border-color:#d6d2d9}.creator-project-dialog .modal-body .field-group :is(.chip,.ratio-item){background:#fff;border-color:#dcd9df}.creator-project-dialog .modal-body .field-group :is(.chip,.ratio-item):is(.active,:hover){background:#f0ebf5;border-color:#997eae}.creator-project-dialog .ratio-item img{filter:grayscale()brightness(.55)}.creator-project-dialog .modal-body .content-config-lock-hint{color:#75551a;background:#fff8e7;border-color:#eedeb8}.creator-project-dialog .modal-body .right-panel .styles-grid{grid-template-columns:repeat(auto-fill,minmax(5.125rem,1fr))}.creator-project-dialog .modal-body .style-card.add-style{background:#f7f6f9;border-color:#c7bfce}.creator-project-dialog .modal-body .style-card.active{border-color:#775895}.creator-project-dialog .modal-body .style-card.active .style-active-ring{animation:none;box-shadow:inset 0 0 0 2px #775895}.creator-project-dialog .modal-body .current-style-badge{box-shadow:none;background:#4b355f}.creator-project-dialog .global-setting .style-more-button:hover{color:#372941}.creator-project-dialog .modal-actions{border-top:1px solid var(--dialog-line);background:#fff;flex:none;justify-content:flex-end;gap:8px;padding:.75rem 1.5rem;display:flex}.creator-project-dialog .modal-actions .btn{border:1px solid var(--dialog-line);min-height:2.375rem;box-shadow:none;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 1.125rem;font-size:.875rem;display:inline-flex}.creator-project-dialog .modal-actions .btn-secondary{color:#39343d;background:#fff}.creator-project-dialog .modal-actions .btn-primary{color:#fff;background:#222025}.creator-project-dialog .modal-actions .btn:disabled{opacity:.55;cursor:wait}.creator-project-dialog :is(button,input):focus-visible{outline-offset:2px;outline:2px solid #775895}@media (max-width:42.5rem){.creator-project-dialog .create-first-step-form.modal-body{padding:.875rem;display:block}.creator-project-dialog .modal-body :is(.left-panel,.right-panel,.content_box,.right-panel .global-setting){flex:none;height:auto;overflow:visible}.creator-project-dialog .modal-body .right-panel{margin-top:.75rem}.creator-project-dialog .modal-actions{padding:10px .875rem}}