*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#172033;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.entryPage{min-height:100vh;display:grid;place-items:center;background:#f6f8fb;padding:24px}.entryBox{width:min(92vw,500px);display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e5e9f0;border-radius:24px;padding:42px 38px;box-shadow:0 14px 40px #17203312}.entryBrand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.entryBrandLogo,.logo{display:grid;place-items:center;background:#635bff;color:#fff;font-weight:900}.entryBrandLogo{width:42px;height:42px;border-radius:12px;font-size:18px}.entryBrandText{text-align:left}.entryBrandText strong,.brand strong{display:block;font-size:15px;line-height:1.2}.entryBrandText small,.brand small{display:block;color:#8b95a7;font-size:11px;margin-top:3px}.entryBox h1{margin:0 0 12px;font-size:36px;line-height:1.18;letter-spacing:-1.5px;color:#172033;font-weight:900}.entryBox h1 em,.hero h1 em{font-style:normal;color:#635bff}.entryBox p{margin:0 0 24px;color:#697386;font-size:15px;line-height:1.6}.entryLock{width:58px;height:58px;margin:0 0 20px;display:grid;place-items:center;border-radius:16px;background:#efedff}.entryLock svg{width:30px;height:30px;fill:none;stroke:#635bff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.entryInput{width:100%;height:56px;border:1px solid #dce1e8;border-radius:11px;background:#fff;padding:0 16px;font-size:17px;color:#39445a;outline:none}.entryInput:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff1f}.entryButton{width:100%;height:56px;margin-top:14px;border:0;border-radius:11px;background:#635bff;color:#fff;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px #635bff33}.entryButton:disabled{opacity:.4}.entryError{width:100%;margin-top:11px;padding:10px 12px;border-radius:8px;background:#fff1f1;color:#c62828;font-size:13px;text-align:left}.entryHint{margin-top:14px;color:#929aaa;font-size:11px}.shell{max-width:1500px;margin:auto;padding:28px 24px 70px}.hero{text-align:center;padding:8px 0 26px}.brand{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:18px}.brand>div{text-align:left}.logo{width:38px;height:38px;border-radius:11px}.privacy{display:inline-block;background:#ecf8f2;color:#21815a;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.hero h1{font-size:44px;line-height:1.12;margin:16px 0 10px;letter-spacing:-1.8px}.hero p{margin:0;color:#697386}.upload{background:#fff;border:2px dashed #ccd3df;border-radius:20px;box-shadow:0 8px 28px #1720330a}.upload:hover{border-color:#635bff}.compactUpload{min-height:96px;padding:18px 22px;display:flex;align-items:center;gap:14px;text-align:left}.compactUpload>div:nth-child(2){flex:1}.uploadIcon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:#efedff;color:#635bff;display:grid;place-items:center;font-size:27px}.upload h2{font-size:17px;margin:0 0 4px}.upload p{color:#8a94a6;font-size:12px;margin:0}.primary,.secondary,.download{cursor:pointer;border:0;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:800}.primary,.download{background:#635bff;color:#fff}.secondary{background:#f1f3f7;color:#4c566a}.panel{background:#fff;border:1px solid #e5e9f0;border-radius:18px;box-shadow:0 5px 20px #17203309}.editorLayout{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:18px;margin-top:20px;align-items:start}.previewPanel{overflow:hidden;position:sticky;top:16px}.panelHead{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #edf0f4}.panelHead h2{font-size:16px;margin:0}.panelHead h2 b{color:#635bff}.panelHead p{font-size:12px;color:#8993a5;margin:5px 0 0}.canvasWrap{min-height:720px;display:flex;align-items:center;justify-content:center;padding:26px;overflow:auto;position:relative}.canvasWrap canvas{display:block;max-width:100%;max-height:80vh;box-shadow:0 12px 34px #1720331f;background:transparent;position:relative;z-index:2}.emptyPreview{position:absolute;z-index:1;display:flex;flex-direction:column;gap:8px;text-align:center;color:#929aaa}.emptyPreview b{font-size:16px;color:#596275}.emptyPreview span{font-size:12px}.visualSettings{overflow:hidden}.settingSection{padding:20px;border-top:1px solid #edf0f4}.settingSection.first{border-top:0}.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.sectionTitle b{font-size:14px}.sectionTitle small{font-size:10px;color:#9aa3b2}.modeGrid button{min-height:84px;border:1px solid #e4e8ef;border-radius:12px;background:#fafbfc;color:#596275;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.15s}.modeGrid button:hover{border-color:#cfcaff;background:#f7f5ff}.modeGrid button.active{border:2px solid #635bff;background:#f2f0ff;color:#5148cf;box-shadow:0 0 0 3px #635bff12}.modeGrid button>span{font-size:25px;line-height:1}.modeGrid button>b{font-size:11px}.modeGrid button>small{font-size:9px;color:#98a1b0}.stepperGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stepperBlock{border:1px solid #e5e9f0;background:#fafbfc;border-radius:12px;padding:12px}.stepperBlock>div:first-child{display:flex;flex-direction:column}.stepperBlock b{font-size:12px}.stepperBlock small{font-size:9px;color:#9aa3b2;margin-top:2px}.stepper{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin-top:10px;background:#fff;border:1px solid #e4e7ee;border-radius:10px;overflow:hidden}.stepper button{height:38px;border:0;background:#f4f5f8;color:#635bff;font-weight:900;font-size:18px;cursor:pointer}.stepper strong{text-align:center;font-size:18px;color:#202a3d}.quickCounts{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:10px}.quickCounts>span{font-size:10px;color:#929aaa;margin-right:3px}.quickCounts button,.sizePresets button{border:1px solid #e4e7ee;background:#fff;border-radius:8px;color:#657083;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer}.quickCounts button:hover,.sizePresets button:hover{border-color:#cfcaff;color:#635bff;background:#f5f3ff}.positionEditor{display:grid;gap:12px}.positionEditor>div>span{font-size:11px;font-weight:800;color:#596275;display:block;margin-bottom:6px}.segment3{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f3f7;padding:3px;border-radius:10px}.segment3 button{border:0;background:transparent;color:#7b8495;padding:9px 4px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.segment3 button.active{background:#fff;color:#635bff;box-shadow:0 2px 8px #17203314}.control{display:block;margin:13px 0}.control>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.control b{font-size:11px;color:#4c566a}.control em{font-style:normal;color:#635bff;font-size:11px;font-weight:900}.control input[type=range]{width:100%;margin-top:8px;accent-color:#635bff}.sizePresets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.visualSettings label,.assetEditor label,.advancedBody label{display:block;font-size:11px;font-weight:800;color:#4c566a}.visualSettings select,.visualSettings input[type=number],.assetEditor input[type=number],.advancedBody select{display:block;width:100%;margin-top:6px;border:1px solid #dce1e8;border-radius:9px;background:#fff;padding:9px;color:#39445a;outline:none}.backgroundRow{display:grid;grid-template-columns:1fr 1fr 46px;gap:7px;margin-top:10px}.backgroundRow button{border:1px solid #e4e7ee;border-radius:9px;background:#f8f9fb;color:#6d7686;font-size:10px;font-weight:800;cursor:pointer}.backgroundRow button.active{border-color:#cfcaff;background:#f2f0ff;color:#635bff}.backgroundRow input[type=color]{width:46px;height:38px;border:1px solid #dce1e8;border-radius:9px;padding:3px;background:#fff}.advancedWrap{border-top:1px solid #edf0f4}.advancedToggle{width:100%;border:0;background:#fbfbfd;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.advancedToggle span{display:flex;flex-direction:column;gap:3px}.advancedToggle b{font-size:12px;color:#4b5567}.advancedToggle small{font-size:9px;color:#99a1af}.advancedToggle strong{font-size:20px;color:#635bff}.advancedBody{padding:2px 20px 20px;background:#fbfbfd}.advancedBody>label:first-child{margin:12px 0}.toggleGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggleCard{display:flex!important;align-items:center;gap:9px;background:#fff;border:1px solid #e5e9f0;border-radius:10px;padding:10px}.toggleCard input{accent-color:#635bff}.toggleCard span{display:flex;flex-direction:column}.toggleCard b{font-size:10px}.toggleCard small{font-size:8px;color:#99a1af;margin-top:2px}.assetsPanel{margin-top:18px}.assetVisualLayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:280px}.assetThumbGrid{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;align-content:start;border-right:1px solid #edf0f4}.assetThumb{position:relative;border:1px solid #e4e8ef;border-radius:12px;background:#fafbfc;padding:8px;cursor:pointer;text-align:left;overflow:hidden}.assetThumb:hover{border-color:#cfcaff}.assetThumb.selected{border:2px solid #635bff;background:#f4f2ff}.assetThumb.disabled{opacity:.45}.assetThumb img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#f0f2f5}.assetThumb>span{display:block;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.assetThumb>i{display:inline-block;font-style:normal;font-size:8px;color:#635bff;background:#efedff;border-radius:999px;padding:3px 6px;margin-top:5px}.assetEditor{padding:18px}.selectedAssetHead{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #edf0f4;margin-bottom:12px}.selectedAssetHead img{width:48px;height:48px;object-fit:contain;background:#f1f3f6;border-radius:9px}.selectedAssetHead div{min-width:0}.selectedAssetHead b,.selectedAssetHead small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selectedAssetHead b{font-size:12px}.selectedAssetHead small{font-size:9px;color:#99a1af;margin-top:3px}.dangerButton{width:100%;border:0;border-radius:9px;background:#fff1f1;color:#c93c3c;font-weight:800;padding:10px;cursor:pointer;margin-top:12px}.download:disabled{opacity:.45;cursor:not-allowed}footer{text-align:center;color:#929aaa;font-size:11px;margin-top:30px}.preciseControl .controlHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.preciseControl .numberValue{display:flex;align-items:center;border:1px solid #dce1e8;border-radius:8px;background:#fff;overflow:hidden;min-width:92px;height:34px}.preciseControl .numberValue input[type=number]{width:66px!important;height:32px!important;margin:0!important;padding:5px 7px!important;border:0!important;border-radius:0!important;text-align:right;color:#635bff;font-weight:900;background:transparent;font-size:9px!important}.preciseControl .numberValue input:focus{outline:none;box-shadow:none}.preciseControl .numberValue span{padding:0 8px 0 2px;color:#8b95a7;font-size:9px;font-weight:800}.preciseControl input[type=range]{margin-top:9px}.tip{margin:10px 0;padding:9px 10px;border-radius:8px;background:#f2f0ff;color:#6259c9;font-size:9px;line-height:1.5}@media (max-width:1150px){.editorLayout{grid-template-columns:1fr}.previewPanel{position:static}.visualSettings{display:grid;grid-template-columns:1fr 1fr}.settingSection{border-top:1px solid #edf0f4}.advancedWrap{grid-column:1/-1}.canvasWrap{min-height:500px}.assetVisualLayout{grid-template-columns:1fr}.assetThumbGrid{border-right:0;border-bottom:1px solid #edf0f4}}@media (max-width:760px){.shell{padding:18px 14px 50px}.hero h1{font-size:34px}.compactUpload{align-items:flex-start;flex-wrap:wrap}.compactUpload>div:nth-child(2){min-width:200px}.compactUpload .primary{width:100%}.visualSettings{display:block}.modeGrid{grid-template-columns:repeat(3,1fr)}.canvasWrap{padding:12px;min-height:340px}.panelHead{align-items:flex-start;gap:10px;flex-direction:column}.download,.secondary{width:100%}.assetThumbGrid{grid-template-columns:repeat(3,1fr)}.entryPage{padding:14px}.entryBox{width:min(96vw,390px);padding:34px 22px;border-radius:20px}.entryBox h1{font-size:30px}.entryInput,.entryButton{height:52px;font-size:16px}}.previewHead{gap:14px}.downloadTools{display:flex;align-items:center;gap:10px}.formatSwitch{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;background:#f1f3f7;border-radius:9px;min-width:154px}.formatSwitch button{border:0;background:transparent;color:#778195;padding:7px 8px;border-radius:7px;font-size:9px;font-weight:900;cursor:pointer}.formatSwitch button.active{background:#fff;color:#635bff;box-shadow:0 2px 8px #17203314}.modeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modeCard{position:relative;min-height:92px;border:1px solid #e4e8ef;border-radius:12px;background:#fafbfc;color:#596275;padding:12px 7px 9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.15s}.modeCard:hover{border-color:#cfcaff;background:#f7f5ff}.modeCard.active{background:#f6f4ff;border-color:#d5d0ff}.modeCard.editing{border:2px solid #635bff;box-shadow:0 0 0 3px #635bff12}.modeCard.active.editing{background:#f0edff}.modeCard .modeCheck{position:absolute;top:8px;left:8px;width:15px;height:15px;margin:0;accent-color:#635bff;cursor:pointer}.modeCard .modeIcon{font-size:24px;line-height:1}.modeCard>b{font-size:11px}.modeCard>small{font-size:9px;color:#98a1b0}.modeCard>i{position:absolute;right:7px;top:7px;font-style:normal;font-size:8px;font-weight:900;color:#635bff;background:#fff;border:1px solid #dcd8ff;border-radius:999px;padding:3px 6px}.patternFocusBar{display:flex;align-items:center;gap:8px;padding:11px 20px;background:#f7f5ff;border-top:1px solid #ece9ff;border-bottom:1px solid #ece9ff}.patternFocusBar span{font-size:9px;color:#8f97a7}.patternFocusBar b{font-size:12px;color:#5148cf}.patternFocusBar em{margin-left:auto;font-style:normal;font-size:8px;font-weight:900;color:#635bff;background:#fff;border:1px solid #ddd9ff;border-radius:999px;padding:4px 7px}.positionNumbers{margin-top:10px}.positionNumbers .control{margin:8px 0}.lineFineEditor{margin-top:15px;padding-top:14px;border-top:1px solid #edf0f4}.fineTitle{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.fineTitle b{font-size:10px;color:#4c566a}.fineTitle small{font-size:8px;color:#9aa3b2}.columnTitle{margin-top:15px}.indexButtons{display:flex;gap:5px;flex-wrap:wrap}.indexButtons button{border:1px solid #e4e7ee;background:#fff;color:#697386;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800;cursor:pointer}.indexButtons button.active{border-color:#635bff;background:#f2f0ff;color:#635bff}.moveButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.moveButtons button{border:0;border-radius:8px;background:#f1f3f7;color:#596275;padding:8px 5px;font-size:9px;font-weight:800;cursor:pointer}.moveButtons button:disabled{opacity:.4;cursor:not-allowed}.textAction{display:block;margin:10px 0 0 auto;border:0;background:transparent;color:#8c95a5;font-size:8px;font-weight:800;cursor:pointer}.moreToggleRow{display:flex;justify-content:flex-end;padding:9px 20px 8px;border-top:1px solid #edf0f4}.moreToggleRow button{border:0;background:transparent;color:#635bff;font-size:9px;font-weight:900;padding:2px 0;cursor:pointer}.subtleDanger{background:#f8f8fb;color:#7b8495;margin-top:14px}.advancedBody .secondary{width:100%;margin-bottom:8px}.assetPatternCount{display:block;margin-top:4px;color:#8d96a7;font-size:8px;font-weight:800}.assetPatternMap{margin:0 0 15px;padding:12px;border:1px solid #e7e9f2;border-radius:12px;background:#fafaff}.assetPatternHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.assetPatternHead>div:first-child{display:flex;flex-direction:column;gap:2px}.assetPatternHead b{font-size:11px;color:#4d5668}.assetPatternHead small{font-size:8px;color:#929bad}.assetPatternHead>div:last-child{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.assetPatternHead button{border:0;background:transparent;color:#635bff;font-size:8px;font-weight:900;padding:2px 3px;cursor:pointer}.assetPatternGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.assetPatternCheck{position:relative;display:flex!important;align-items:center;gap:5px;min-width:0;border:1px solid #e5e8ef;border-radius:8px;background:#fff;padding:7px 6px;color:#697386;cursor:pointer}.assetPatternCheck.patternOn{border-color:#dedaff;background:#f8f7ff}.assetPatternCheck input{width:13px;height:13px;margin:0;accent-color:#635bff;flex:0 0 auto}.assetPatternCheck>span{font-size:13px;line-height:1}.assetPatternCheck>b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assetPatternCheck>i{position:absolute;right:4px;top:3px;font-style:normal;font-size:6px;font-weight:900;color:#635bff}.assetEnableButton{width:100%;margin-top:12px}.assetEditor{overflow:auto}.assetThumb{position:relative}.assetThumb .assetPatternCount{font-style:normal;color:#8d96a7;background:transparent;padding:0;border-radius:0}@media (max-width:760px){.previewHead{align-items:stretch}.downloadTools{width:100%;display:grid;grid-template-columns:1fr}.formatSwitch{width:100%}.modeGrid{grid-template-columns:repeat(3,1fr)}.positionNumbers{grid-template-columns:1fr}.moveButtons{grid-template-columns:1fr 1fr}.moveButtons button:nth-child(3){grid-column:1/-1}.assetPatternGrid{grid-template-columns:repeat(2,1fr)}.assetPatternHead{flex-direction:column}.assetPatternHead>div:last-child{justify-content:flex-start}}