.top-bottom-layout--Kchzu{display:flex;flex-direction:column;min-height:100vh;background:var(--theme-bg-white)}.top-bottom-layout--Kchzu.is-mobile--h6bBl{height:100%;padding-bottom:145px;min-height:0;min-height:auto}.top-bottom-layout--Kchzu.is-mobile--h6bBl .form--tgUVa .submit-wrapper--KMHnY{padding:16px;position:fixed;width:100%;z-index:99;background:var(--theme-bg-white);bottom:0;left:0;margin-top:0}.top-bottom-layout--Kchzu.is-mobile--h6bBl .main--YhaFo{flex-direction:column;flex:1}.top-bottom-layout--Kchzu.is-mobile--h6bBl .main--YhaFo .form--tgUVa{border-right:none;width:100%;min-width:100%;position:fixed;height:0}.top-bottom-layout--Kchzu.is-mobile--h6bBl .main--YhaFo .content--rj5OX{padding:0 16px;max-height:none}.header--l7n7Z{display:flex;width:100%;height:56px;padding:12px;justify-content:space-between;align-items:center;flex-shrink:0;background-color:transparent;z-index:1}.header--l7n7Z .right--Twb85{display:flex;gap:8px;height:100%;align-items:center}.main--YhaFo{flex:1;min-height:0;height:100%;width:100%;display:flex;flex-direction:row-reverse}.content--rj5OX{flex:1;min-height:0;display:flex;justify-content:center;max-height:calc(100vh - 56px);overflow-y:auto!important;overscroll-behavior:contain;scrollbar-color:auto}.content--rj5OX::-webkit-scrollbar{height:6px;width:6px;margin-right:10px}.content--rj5OX::-webkit-scrollbar-track{background:transparent}.content--rj5OX::-webkit-scrollbar-thumb{background:rgba(0,0,0,.184);border-radius:4px;cursor:default}.content--rj5OX::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.384)}.content--rj5OX::-webkit-scrollbar-corner{background:transparent}.form--tgUVa{border-right:1px solid var(--theme-border-light);width:320px;height:100%;position:relative;flex:1;max-width:320px;max-height:calc(100vh - 56px);display:flex;flex-direction:column;justify-content:space-between;z-index:99;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-color:auto}.form--tgUVa::-webkit-scrollbar{height:6px;width:6px;margin-right:10px}.form--tgUVa::-webkit-scrollbar-track{background:transparent}.form--tgUVa::-webkit-scrollbar-thumb{background:rgba(0,0,0,.184);border-radius:4px;cursor:default}.form--tgUVa::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.384)}.form--tgUVa::-webkit-scrollbar-corner{background:transparent}.form--tgUVa .simplebar-content{min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.form--tgUVa .form-wrapper--sjcf8{padding:0 20px;margin-bottom:12px}.form--tgUVa .submit-wrapper--KMHnY{padding:16px;position:sticky;width:100%;z-index:99;background:var(--theme-bg-white);bottom:0;border-top:1px solid var(--theme-border-light);margin-top:auto}@media screen and (max-width:640px){.top-bottom-layout--Kchzu .main--YhaFo{flex-direction:column}.top-bottom-layout--Kchzu .main--YhaFo .form--tgUVa{border-right:none;width:100%;min-width:100%;flex:1}.top-bottom-layout--Kchzu .main--YhaFo .content--rj5OX{padding:0 16px}}.left-right-layout--YqIXS{display:flex;flex-direction:row;height:100vh;background:var(--theme-bg-white)}.left-right-layout--YqIXS .left--QD1WR{flex:1;display:flex;min-height:0;border-right:1px solid var(--theme-border-light);flex-direction:column;width:320px;max-width:320px;position:relative}.left-right-layout--YqIXS .left--QD1WR .form--tgUVa{width:100%;border-right:none}.left-right-layout--YqIXS .left--QD1WR .header-left--j3q5X{height:56px;padding:12px;display:flex;align-items:center;width:100%}.left-right-layout--YqIXS .right--Twb85{flex:1;display:flex;min-height:0;flex-direction:column;padding-bottom:16px}.left-right-layout--YqIXS .right--Twb85 .header-right--dyD3q{height:56px;padding:12px;display:flex;width:100%;justify-content:flex-end;align-items:center;background-color:transparent;z-index:1;gap:8px}.left-right-layout--YqIXS .right--Twb85 .content--rj5OX{flex:1;display:flex;min-height:0;padding:0 16px}.image-dragger--n6dTH{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;z-index:99;background:var(--theme-bg-white)}.image-dragger--n6dTH .uploader--gMFWo{flex:1}.image-dragger--n6dTH .uploader--gMFWo .placeholder--u3yVO{border-radius:8px;border:1px dashed var(--theme-border-active);background:var(--theme-fill-tsp-brand)}.image-dragger--n6dTH .uploader--gMFWo .placeholder--u3yVO:hover{background:var(--theme-fill-tsp-brand-tertiary)}.image-dragger--n6dTH .brand--XZoyR{color:var(--theme-text-brand)}.frame-uploader--QOvBf{position:relative;height:175px;width:100%}.frame-uploader--QOvBf.dragging--m0SWH .placeholder--ZBJZK{background:var(--theme-fill-tsp-brand-tertiary)}.frame-uploader--QOvBf.is-tight--zg13b .upload-tips--_E6Si{margin-top:0!important}.frame-uploader--QOvBf .loading--vh0Cr{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:var(--theme-bg-mask);border-radius:12px}.frame-uploader--QOvBf .placeholder--ZBJZK{height:100%;border-radius:8px;border:1px dashed rgba(79,89,102,.12);background:rgba(79,89,102,.04);padding:24px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;transition:border-color .2s}.frame-uploader--QOvBf .placeholder--ZBJZK:hover{border-color:var(--theme-border-active)}.frame-uploader--QOvBf .placeholder--ZBJZK .upload-tips--_E6Si{margin-top:12px;color:var(--theme-text-primary);text-align:center;font-size:13px;font-weight:500;line-height:18px}.frame-uploader--QOvBf .image-preview--G0DgA{position:relative;height:100%;border-radius:12px;background:#000}.frame-uploader--QOvBf .image-preview--G0DgA img{-o-object-fit:contain;object-fit:contain}.frame-uploader--QOvBf .image-preview--G0DgA .tip--_Oh0T{height:52px;position:absolute;bottom:0;left:0;right:0;border-radius:0 0 12px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));padding:12px;text-shadow:0 2px 4px rgba(0,0,0,.5);color:#fff;text-align:center;font-size:12px;font-weight:500;line-height:16px;display:flex;align-items:flex-end;justify-content:center}.frame-uploader--QOvBf .image-preview--G0DgA .change-layer--MZDrZ{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--theme-bg-mask);align-items:center;justify-content:center;gap:11px;padding:34px;display:none;border-radius:12px}.frame-uploader--QOvBf .image-preview--G0DgA:hover .change-layer--MZDrZ{display:flex}.file-limit--OnZjC{font-size:12px;font-weight:400;line-height:18px;color:var(--theme-text-quaternary);margin-top:4px;text-align:center}.file-limit--OnZjC .divider--sgh85{width:1px;height:12px;background:var(--theme-text-quaternary);display:inline-block;margin:0 5px;position:relative;top:2px}