@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#202735;background:#f6f7fa;font-size:14px;--blue:#365cf5;--navy:#152243;--muted:#727a8d;--border:#e6e9f0;--radius:14px;--surface:#fff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #7b9cff;outline-offset:3px}a{color:var(--blue)}input,textarea,select{border:1px solid #dce0e9;border-radius:8px;padding:11px 12px;background:white;color:#202735;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #b2c1ff;border-color:var(--blue)}textarea{resize:vertical;line-height:1.7}button{border:0;background:transparent;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-1px;font-weight:650}h2{font-size:18px;font-weight:600}h3{font-size:15px}p{line-height:1.8}.sidebar{position:fixed;width:232px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column;z-index:10}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:-.8px;color:#1a2440}.brand-mark{position:relative;display:grid;place-content:center;background:var(--blue);color:white;width:42px;height:44px;border-radius:12px;font-size:31px}.brand-mark span{position:absolute;font-size:20px;top:0;right:4px;color:#c3f778}.brand-sub{display:block;font-size:10px;letter-spacing:4.7px;line-height:1.4}.workspace-tag{margin:29px 0 25px;font-size:12px;color:#6f7788;display:flex;align-items:center;gap:8px}.workspace-tag span{background:#f1f3f8;padding:3px 6px;border-radius:4px;font-size:11px}.nav{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;text-align:left;border-radius:9px;font-size:14px;margin-bottom:6px;color:#646c7c}.nav span{font-size:20px;width:22px;text-align:center}.nav:hover{background:#f7f8fc}.nav.active{background:#edf1ff;color:#2e54df;font-weight:600}.sidebar-label{font-size:12px;color:#7c8493;margin:31px 14px 14px}.sidebar-bottom{margin-top:auto;padding-top:35px}.small-star{color:var(--blue);font-size:24px;margin-bottom:12px}.sidebar-bottom strong{font-size:14px}.sidebar-bottom p{font-size:12px;color:#7d8390;margin:10px 0 15px}.subtle{color:var(--blue);font-size:12px;padding:0}.subtle span{margin-left:15px}.profile{display:flex;gap:10px;border-top:1px solid var(--border);margin-top:28px;padding-top:20px;font-size:12px;align-items:center}.profile small{display:block;color:#777f90;margin-top:5px;font-size:11px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eff0f4;font-size:11px;font-weight:700}.avatar.blue{background:#e9edff;color:var(--blue)}.shell{margin-left:232px}.topbar{height:78px;border-bottom:1px solid var(--border);background:#ffffffd9;display:flex;justify-content:space-between;align-items:center;padding:0 36px;gap:15px}.breadcrumb{font-size:12px;color:#848b9b}.breadcrumb span{margin:0 15px;color:#b8bdc9}.breadcrumb b{color:#3c4559;font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.pill{background:#eef7ec;color:#4b763e;padding:6px 9px;border-radius:5px;font-size:11px}.button{background:#fff;border:1px solid #dce1eb;padding:11px 17px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;white-space:nowrap;font-size:13px}.button:hover{border-color:#a9b8f8;background:#f8faff}.button.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 6px #365cf51c}.button.primary:hover{background:#2549da}.button.dark{background:var(--navy);color:white;border-color:var(--navy)}.button.small{padding:8px 12px;font-size:12px}.button.link{color:var(--blue);border-color:transparent;background:transparent}.button.danger{color:#bd3434}.button.icon{padding:8px 10px}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.heading p{color:var(--muted);margin-top:9px;font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:600;margin-bottom:9px}main{max-width:1610px;margin:auto;padding:33px 36px 35px;min-height:calc(100vh - 137px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.import-card{background:var(--navy);border-radius:14px;padding:25px 27px 20px;color:white;position:relative;overflow:hidden}.import-card:after{content:'✦';position:absolute;right:23px;top:-30px;font-size:175px;line-height:1;color:#ffffff08;pointer-events:none}.import-title{display:flex;align-items:center;gap:9px;margin-bottom:7px}.import-title h2{font-size:17px}.import-card p{font-size:12px;color:#aebad3}.import-line{display:flex;background:white;padding:6px;border-radius:9px;margin-top:19px;gap:9px;position:relative;z-index:1}.import-line input{background:transparent;border:0;flex:1;color:#242b3d;min-width:0;font-size:13px}.import-line input:focus{outline:none}.import-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:15px}.sources{display:flex;align-items:center;gap:18px;color:#c4cbdd;font-size:12px}.sources span:first-child{color:#8494b5}.upload-link{color:#dbe4ff;font-size:12px;text-decoration:underline;text-underline-offset:4px}.section-row{display:flex;align-items:center;justify-content:space-between;margin:29px 0 17px;gap:12px}.section-row h2 small{font-weight:400;font-size:12px;color:var(--muted);margin-left:12px}.platforms{display:flex;gap:9px;flex-wrap:wrap}.platform{border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:8px;padding:10px 15px;background:white;font-size:12px}.platform.active{border-color:var(--blue);box-shadow:0 0 0 1px #365cf529;color:var(--blue);background:#f3f6ff}.platform-logo{font-weight:700;font-size:15px;color:#222d43}.platform-logo.amazon{font-family:Georgia,serif;font-size:22px}.platform-logo.yahoo{color:#c71822;font-family:Georgia,serif}.platform-logo.rakuten{color:#bf152a}.platform-logo.walmart{color:#246ccc}.platform-logo.walmart:after{content:' ✳';color:#eeaa13}.work-area{display:grid;grid-template-columns:minmax(0,1fr) 277px;gap:21px;margin-top:22px}.library{padding:21px;min-width:0}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.toolbar-title{display:flex;gap:9px;align-items:center}.count{background:#eff1f7;padding:3px 7px;border-radius:5px;color:#788295;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.asset{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:white;position:relative}.asset.selected{border-color:#93a9ff;box-shadow:0 0 0 1px #365cf514}.asset-picture{aspect-ratio:1/1.07;overflow:hidden;display:block;width:100%;padding:0;background:#f0f1f4}.asset-picture img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.asset-picture:hover img{transform:scale(1.045)}.asset-check{position:absolute;left:9px;top:9px;width:17px;height:17px;accent-color:var(--blue);z-index:2}.asset-type{position:absolute;bottom:83px;left:9px;background:#ffffffeb;padding:4px 7px;border-radius:4px;font-size:10px;color:#42516a;pointer-events:none}.asset-info{padding:12px 11px 10px}.asset-info h3{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:10px;color:#8790a0}.asset-actions{display:flex;justify-content:space-between;margin-top:6px}.asset-actions button{font-size:11px;color:var(--blue);padding:4px 0}.asset-actions button:last-child{color:#8c94a5}.add-asset{border:1px dashed #cbd3e4;min-height:180px;border-radius:10px;background:#fafbfe;color:#8791a3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px}.add-asset span{font-size:28px;color:#8d9ac0}.add-asset small{font-size:10px}.notice{background:#f5f7fc;padding:12px 14px;border-radius:8px;margin-top:17px;font-size:11px;color:#747f93;line-height:1.8}.notice.error{background:#fff2ed;color:#a3482c}.details{padding:21px;height:fit-content}.details h2{font-size:15px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field>span,.field>label{font-size:12px;color:#667086}.field input,.field textarea,.field select{font-size:12px;width:100%}.details textarea{min-height:97px}.divider{height:1px;background:var(--border);margin:21px 0}.mini-title{font-size:12px;margin-bottom:12px;color:#606d82}.check-row{display:flex;gap:9px;font-size:11px;line-height:1.8;margin:9px 0;color:#637087}.check-row i{font-style:normal;color:var(--blue)}.wide{width:100%}.text-muted{color:var(--muted)}.caption{font-size:11px;line-height:1.7;color:var(--muted)}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.template{padding:19px;text-align:left;position:relative;overflow:hidden;min-height:115px;background:linear-gradient(130deg,#eaf0ff,#f9faff);border:1px solid #e1e7f5;border-radius:10px}.template:nth-child(2){background:linear-gradient(130deg,#eaf3ec,#f6faf7);border-color:#e2ebe4}.template:nth-child(3){background:linear-gradient(130deg,#f3ecfd,#faf7fe);border-color:#eae2f5}.template h3{font-size:13px;margin:10px 0 7px}.template p{font-size:10px;color:#7b8699;max-width:75%}.template b{position:absolute;right:18px;top:37px;font-size:40px;font-weight:400;color:#7d91c4}.template-icon{font-size:17px;color:#546ca9}footer{height:59px;border-top:1px solid var(--border);margin:0 36px;display:flex;align-items:center;gap:15px;font-size:10px;color:#98a1b1}footer span{flex:1}footer button{font-size:11px;color:#798599}.editor-layout{display:grid;grid-template-columns:185px minmax(0,1fr) 255px;gap:18px}.editor-tools,.properties{padding:19px;height:fit-content}.toolbtn{width:100%;padding:11px;text-align:left;border:1px solid var(--border);border-radius:8px;margin:10px 0;font-size:12px}.toolbtn.active{color:var(--blue);border-color:var(--blue);background:#f0f3ff}.canvas-workspace{min-width:0;padding:20px;border:1px solid var(--border);border-radius:12px;background-color:#edf0f5;background-image:radial-gradient(#ccd3e0 .8px,transparent .8px);background-size:12px 12px;display:flex;flex-direction:column;align-items:center;gap:18px}.canvas-toolbar{display:flex;width:100%;justify-content:space-between;align-items:center}.canvas-wrap{width:100%;max-width:650px;box-shadow:0 10px 30px #18264013;line-height:0}canvas{width:100%;height:auto;touch-action:none;background:white;cursor:move}.canvas-caption{font-size:11px;color:#7f899b}.range-row{display:flex;align-items:center;gap:8px}.range-row input[type=range]{padding:0;accent-color:var(--blue);flex:1}.range-row output{font-size:11px;min-width:30px}.swatches{display:flex;gap:8px}.swatches button{width:27px;height:27px;border-radius:50%;border:1px solid #d6dce6}.layer-row{padding:10px;margin:6px 0;background:#f6f7fa;border-radius:7px;font-size:12px;display:flex;gap:8px;align-items:center;cursor:pointer}.layer-row.active{color:var(--blue);background:#edf1ff}.layer-row span{flex:1}.copy-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.copy-form,.copy-output{padding:24px}.segmented{display:flex;gap:5px;background:#f0f2f8;padding:5px;border-radius:8px}.segmented button{flex:1;padding:8px;border-radius:5px;font-size:12px}.segmented .active{background:white;color:var(--blue);box-shadow:0 2px 6px #2639660d}.copy-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.copy-output textarea{width:100%;margin:9px 0 21px;font-size:14px}.keyword-list{display:flex;gap:7px;flex-wrap:wrap}.keyword{padding:6px 10px;border-radius:5px;background:#f0f3ff;color:#5470b3;font-size:12px}.export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.export-card{padding:25px}.export-card h2{margin-bottom:12px}.export-card .button{margin-top:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin:22px 0;font-size:13px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--border)}th{font-size:11px;color:#7c879c;background:#f8f9fc}.settings-card{padding:28px;max-width:850px;margin-bottom:20px}.settings-card h2{margin-bottom:16px}.settings-card p{font-size:14px;color:#69758a;margin:12px 0}.status-row{padding:14px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:16px}.status-row span{font-size:12px;color:#8490a5}.progress{height:4px;background:#dbe3ff;overflow:hidden;border-radius:5px;margin-top:15px}.progress:after{content:'';display:block;width:30%;height:100%;background:#809afa;animation:loading 1s infinite alternate}@keyframes loading{to{transform:translateX(230%)}}#toast{position:fixed;bottom:30px;left:calc(50% + 100px);transform:translateX(-50%);padding:14px 20px;background:#172541;color:white;border-radius:9px;box-shadow:0 8px 35px #11244930;z-index:100;display:none;max-width:90vw;font-size:13px;line-height:1.7}dialog{border:1px solid var(--border);padding:30px;border-radius:15px;max-width:620px;width:calc(100% - 32px);color:#202735}dialog::backdrop{background:#15224366;backdrop-filter:blur(4px)}.close{float:right;margin:-13px -13px 8px 8px}.empty{text-align:center;padding:65px 24px;color:#8690a5}.empty h2{color:#35435b;margin:15px 0}.draft{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border);gap:15px}.draft p{font-size:12px;color:#8390a5}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-only{display:none}.copy-empty{display:grid;place-content:center;min-height:400px;text-align:center}.copy-empty span{font-size:48px;color:#b6c3ee;margin-bottom:25px}.feedback{color:#687890;font-size:12px;line-height:1.8}.error-text{color:#ae472d}.ai-label{font-size:10px;color:#8791a6;margin:10px 0;text-align:center}
@media(min-width:1550px){main{padding-top:42px}.asset-picture{aspect-ratio:1.15}.sidebar{width:246px}.shell{margin-left:246px}}
@media(max-width:1200px){.sidebar{width:200px;padding:26px 15px}.shell{margin-left:200px}.brand{font-size:22px}.topbar{padding:0 25px}main{padding:27px 25px}.work-area{grid-template-columns:minmax(0,1fr) 242px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(0,1fr) 245px}.editor-tools{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 16px}.editor-tools h3{display:none}.toolbtn{width:auto;margin:0}.editor-tools .caption{margin-left:auto}.templates{gap:10px}}
@media(max-width:900px){.sidebar{width:76px;padding:25px 10px}.brand>span:last-child,.workspace-tag,.sidebar-label,.sidebar-bottom{display:none}.brand{justify-content:center;margin-bottom:28px}.nav{font-size:0;padding:12px;justify-content:center;gap:0}.nav span{font-size:23px}.shell{margin-left:76px}.work-area{grid-template-columns:1fr}.details{display:grid;grid-template-columns:1fr 1fr;gap:15px}.details h2{grid-column:1/-1;margin-bottom:0}.details .divider{display:none}.details .field{margin:0}.details .wide{align-self:end}.details .rules{grid-column:1/-1}.copy-layout{grid-template-columns:1fr}.copy-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.copy-form .field{margin:0}.copy-form .notice{grid-column:1/-1}.copy-form h2{grid-column:1/-1}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.export-grid{grid-template-columns:1fr}.heading h1{font-size:24px}}
@media(max-width:640px){.sidebar{width:auto;inset:auto 0 0;height:66px;padding:5px 8px;border:0;border-top:1px solid var(--border);background:#fff;display:block}.sidebar .brand,.sidebar>button{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav{font-size:10px;display:flex;flex-direction:column;gap:3px;padding:4px 8px;margin:0;max-width:90px}.nav span{font-size:20px}.shell{margin-left:0;padding-bottom:66px}.topbar{height:61px;padding:0 18px}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 8px}.top-actions{gap:8px}.top-actions .pill,.top-actions .avatar{display:none}main{padding:25px 17px}.heading{align-items:start;flex-wrap:wrap;margin-bottom:22px}.heading h1{font-size:25px}.heading p{font-size:12px}.heading>.inline-actions{width:100%}.import-card{padding:22px 17px}.import-title h2{font-size:16px}.import-line{flex-wrap:wrap;padding:5px}.import-line input{width:100%;flex-basis:100%;padding:9px;font-size:12px}.import-line .button{width:100%}.import-bottom{align-items:start;flex-direction:column;gap:9px}.sources{gap:12px;font-size:11px}.section-row{flex-wrap:wrap}.platforms{gap:7px}.platform{padding:8px 10px;font-size:11px}.platform-logo{font-size:12px}.platform-logo.amazon{font-size:17px}.library{padding:15px}.library-toolbar{flex-wrap:wrap;gap:9px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-picture{aspect-ratio:1}.asset-info h3{font-size:11px}.details{display:block;padding:20px}.details .field{margin:16px 0}.details .rules{margin:20px 0}.templates{grid-template-columns:1fr}.template{min-height:105px}.template p{font-size:12px}.template h3{font-size:15px}.template b{top:25px}.editor-layout{display:flex;flex-direction:column}.editor-tools{flex-wrap:wrap;gap:7px}.editor-tools .caption{width:100%}.toolbtn{font-size:11px;padding:8px}.canvas-workspace{padding:14px}.properties{display:grid;grid-template-columns:1fr 1fr;gap:15px}.properties h3,.properties .layers,.properties .caption,.properties .wide{grid-column:1/-1}.properties .field{margin-bottom:0}.properties .divider{display:none}.copy-form{display:block;padding:20px}.copy-form .field{margin:18px 0}.copy-output{padding:20px}.copy-head{flex-wrap:wrap;gap:12px}.copy-head h2{font-size:17px}.export-card,.settings-card{padding:21px}.export-card h2{font-size:17px}footer{margin:0 17px;gap:8px;font-size:9px}footer span{font-size:9px}#toast{left:50%;bottom:82px;width:max-content;max-width:90vw}.draft{flex-wrap:wrap}.draft .inline-actions{width:100%}}

.platforms{flex-wrap:wrap;gap:8px}.section-row:has(.platforms){align-items:flex-start;flex-direction:column;gap:14px}.platform-logo.coupang{color:#df412c}.platform-logo.qoo10{color:#e52863}.platform-logo.base{color:#151b30}.platform-logo.shopify{color:#568d22}.locale-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.locale-control select{border:1px solid #dce2ec;border-radius:8px;background:#fff;padding:8px;max-width:118px;color:#182641}.segmented{flex-wrap:wrap}.segmented button{min-width:68px}.topbar{gap:10px}.top-actions{flex-wrap:wrap}html[lang="en"] .nav{font-size:12px}html[lang="en"] .heading h1{font-size:30px}@media(max-width:640px){.locale-control>span,.top-actions>.pill{display:none}.top-actions{gap:6px}.topbar{padding-left:16px;padding-right:16px}.breadcrumb{font-size:11px}.locale-control select{max-width:94px}.platform{font-size:12px;padding:10px 12px}.platforms{gap:6px}.segmented button{min-width:56px;font-size:12px}}
@media(max-width:640px){.topbar{height:auto;min-height:60px;padding-top:10px;padding-bottom:10px}.top-actions{flex-wrap:nowrap;flex-shrink:0}.top-actions #demo-top{display:none}.breadcrumb{min-width:0}.breadcrumb span{margin:0 7px}}