/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}.size-chart-switch{margin-bottom:10px}.size-options{margin-bottom:12px}.size-tip-toggle{background:#f7fcfd;border:1px solid #cfe4e8;border-radius:10px;align-items:center;gap:9px;margin:13px 0 9px;padding:10px;display:flex}.size-tip-toggle>button{color:#fff;background:#fff;border:1px solid #a8cdd6;border-radius:5px;width:20px;height:20px;padding:0;font-size:10px;font-weight:900}.size-tip-toggle>button.selected{background:#079dab;border-color:#079dab}.size-tip-toggle b,.size-tip-toggle small{display:block}.size-tip-toggle b{color:#456570;font-size:10px}.size-tip-toggle small{color:#7d969e;margin-top:3px;font-size:8px}.size-tip-preview{color:#486774;background:#eff9fa;border-left:3px solid #1aaabd;border-radius:0 9px 9px 0;padding:11px 12px}.size-tip-preview b{font-size:10px}.size-tip-preview p{color:#55747f;margin:5px 0;font-size:9px;line-height:1.65}.size-tip-preview small{font-size:8px;line-height:1.55}.title-mode{margin-bottom:10px}.image-copy-fields{background:#f3fbfc;border:1px solid #b8dce3;border-radius:10px;margin:13px 0;padding:11px 12px}.image-copy-fields>div:first-child{color:#087c96;justify-content:space-between;gap:8px;font-size:9px;font-weight:900;display:flex}.image-copy-fields>div:first-child b{color:#78939c;font-size:8px}.image-copy-fields .product-basics{margin-top:2px}.title-mode{margin-top:16px}.product-title-preview{background:linear-gradient(125deg,#edfcfe,#fff);border:1px solid #9bd8e3;border-radius:10px;margin:11px 0 14px;padding:11px 12px}.product-title-preview>div:first-child{color:#0b819a;justify-content:space-between;font-size:9px;font-weight:900;display:flex}.product-title-preview b.over{color:#d63242}.product-title-editor{background:#fff;border:1px solid #b9dfe5;border-radius:8px;align-items:center;gap:5px;margin-top:7px;padding:7px 8px;display:flex}.product-title-editor em,.product-title-editor strong{color:#173b4d;white-space:nowrap;flex:none;font-size:11px;font-style:normal;font-weight:900}.product-title-editor input{color:#173b4d;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:1px 0;font-size:11px;font-weight:800}.product-title-editor input::placeholder{color:#91a9b0;font-weight:600}.title-actions{gap:7px;margin-top:8px;display:flex}.title-actions button{color:#08758e;background:#fff;border:1px solid #9cced8;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:900}.title-actions .copy-title{color:#fff;background:#087fa2;border-color:#087fa2}.product-title-preview small{color:#748b94;margin-top:6px;font-size:8px;line-height:1.45;display:block}.product-basics .full{grid-column:1/-1}.description-title.inner{margin-top:18px;padding-top:14px}.description-title.inner h3{font-size:13px}.picture-reserve{background:#fbfeff;border:1px dashed #a9d4dc;border-radius:13px;margin-top:13px;padding:14px}.picture-reserve-empty{color:#6d8791;text-align:center;background:repeating-linear-gradient(135deg,#f0f8fa,#f0f8fa 8px,#fbfeff 8px 16px);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:110px;margin-top:12px;display:flex}.picture-reserve-empty b{color:#1d7c90;font-size:13px}.picture-reserve-empty span{max-width:390px;margin-top:7px;padding:0 14px;font-size:9px;line-height:1.65}.description-block{background:#fbfdfe;border:1px solid #d6e7eb;border-radius:13px;margin-top:14px;padding:14px}.description-title{border-bottom:1px solid #e2edf0;align-items:baseline;gap:8px;padding-bottom:10px;display:flex}.description-title span{color:#0c8fac;letter-spacing:.13em;font-size:8px;font-weight:900}.description-title h3{color:#16394b;margin:0;font-size:14px}.product-basics,.spec-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.product-basics .field,.spec-grid .field{margin-bottom:0}.material-options{flex-wrap:wrap;gap:7px;display:flex}.material-options button{color:#587480;background:#fff;border:1px solid #cfe3e7;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800}.material-options button.selected{color:#05738b;background:#e8fafc;border-color:#08a1ae}.material-options i{color:#fff;border:1px solid #b1d0d7;border-radius:3px;place-items:center;width:12px;height:12px;margin-right:4px;font-size:8px;font-style:normal;display:inline-grid}.material-options button.selected i{background:#0aa0aa;border-color:#0aa0aa}.specs-block{margin-top:10px}.product-copy{flex-wrap:wrap}.copy-action .copy-description{color:#fff;background:#087fa2;border-color:#087fa2}.description-preview{background:#f3fbfc;border:1px solid #cfe4e8;border-radius:11px;margin-top:13px;padding:12px}.description-preview>div{color:#08758e;justify-content:space-between;gap:10px;font-size:9px;display:flex}.description-preview>div span{letter-spacing:.1em;font-size:8px;font-weight:900}.description-preview>div b{font-size:9px}.description-preview pre{white-space:pre-wrap;color:#355867;margin:10px 0 0;font-family:inherit;font-size:10px;line-height:1.75}@media (width<=800px){.product-basics,.spec-grid{grid-template-columns:1fr}.description-preview>div{display:block}.description-preview>div b{margin-top:4px;display:block}}:root{--navy:#062f50;--ink:#132d3b;--line:#d8e6ea;--muted:#6c8490;--cyan:#0a9faf;--yellow:#ffd64b;--red:#ee414a;--paper:#f3f8fa}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app{background:linear-gradient(120deg,#f5f9fa,#edf5f7);grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(165deg,#062a42,#074c6d 58%,#07919b 122%);flex-direction:column;height:100vh;padding:25px 17px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff2b;padding:0 7px 23px}.sidebar-brand>span{color:#b9e6e9;letter-spacing:.16em;margin-top:12px;font-size:9px;display:block}.logo{color:#fff;letter-spacing:.05em;background:#062f50;border-radius:14px;align-items:center;gap:7px;min-width:136px;height:42px;padding:5px 14px 5px 6px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:0 7px 16px #001b2d28}.logo b{width:29px;height:29px;color:var(--navy);background:var(--yellow);border-radius:9px;place-items:center;font-size:18px;display:grid}.logo.small{transform-origin:0;margin-bottom:-3px;transform:scale(.9)}.logo-image{object-fit:contain;object-position:left center;max-width:180px;max-height:54px;display:block}.logo-image.small{max-width:145px;max-height:44px}.sidebar>p{color:#b6e2e7;letter-spacing:.14em;margin:25px 8px 8px;font-size:10px;font-weight:800}.sidebar>button{color:#cde7eb;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:29px 1fr;align-items:center;column-gap:7px;width:100%;padding:12px 11px;transition:all .18s;display:grid}.sidebar>button:hover,.sidebar>button.active{color:#fff;background:#ffffff1d;transform:translate(2px)}.sidebar>button i{color:#a6dbe0;grid-row:1/3;font-size:10px;font-style:normal}.sidebar>button b{font-size:13px}.sidebar>button small{color:#b6d7dc;margin-top:3px;font-size:9px}.sidebar hr{border:0;border-top:1px solid #ffffff25;width:calc(100% - 14px);margin:18px 7px 0}.side-note{background:#001e3320;border:1px solid #ffffff28;border-radius:13px;margin-top:auto;padding:14px;font-size:11px;line-height:1.6}.side-note>span{background:#73edbd;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #73edbd21}.side-note small{color:#b5d6db;margin-top:5px;font-size:9px;line-height:1.55;display:block}.workspace{width:min(1520px,100%);margin:0 auto;padding:30px 36px 70px}.top{justify-content:space-between;align-items:end;margin-bottom:19px;display:flex}.top p{color:#0981a4;letter-spacing:.1em;margin:0 0 6px;font-size:11px;font-weight:800}.top h1{letter-spacing:-.04em;margin:0;font-size:29px}.top>b{color:#087491;background:#eaf9fb;border:1px solid #bce2e9;border-radius:999px;padding:8px 13px;font-size:11px}.switcher{grid-template-columns:1fr 1fr .9fr;gap:10px;margin-bottom:20px;display:grid}.switcher>button,.switcher>div{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;min-height:82px;padding:16px 18px;transition:all .2s}.switcher>button:hover,.switcher>button.selected{background:linear-gradient(125deg,#effcff,#fff);border-color:#44b4c9;box-shadow:0 8px 19px #0a6a8020}.switcher strong,.switcher span{display:block}.switcher strong{font-size:15px}.switcher span{color:var(--muted);margin-top:6px;font-size:11px}.switcher>div{background:#f8fcfd;border-style:dashed}.switcher>div strong{color:#09829e;font-size:11px}.builder{grid-template-columns:minmax(390px,.82fr) minmax(540px,1.18fr);align-items:start;gap:19px;display:grid}.controls,.preview,.brand-settings,.history{border:1px solid var(--line);background:#fff;border-radius:19px;box-shadow:0 7px 23px #153f4d0c}.controls{padding:22px}.step{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.step span,.preview-head span,.output span,.brand-settings>div>span,.history-head span{color:#0c8fac;letter-spacing:.16em;font-size:9px;font-weight:900}.step h2,.preview-head h2,.output h3,.brand-settings h2,.history-head h2{letter-spacing:-.03em;margin:0;font-size:18px}.step.second{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.section-label{color:#4a6773;margin:16px 0 8px;font-size:11px;font-weight:800;display:block}.seg{gap:8px;display:grid}.seg.three{grid-template-columns:repeat(3,1fr)}.seg.two{grid-template-columns:repeat(2,1fr)}.seg button{border:1px solid var(--line);color:#4d6975;text-align:center;background:#fbfdfe;border-radius:11px;min-height:64px;padding:10px}.seg button:hover,.seg button.selected{color:#056e8a;background:#effcfd;border-color:#0aa8b5;box-shadow:inset 0 0 0 1px #58d4dc36}.seg b,.seg small{display:block}.seg b{font-size:12px}.seg small{color:#78929c;margin-top:5px;font-size:9px}.upload{margin:15px 0}.upload>label{cursor:pointer;background:#f1fbfd;border:2px dashed #9ed0dd;border-radius:14px;grid-template-columns:42px 1fr;column-gap:11px;min-height:96px;padding:17px;display:grid}.upload>label:hover{background:#eafafd;border-color:#1197b1}.upload input[type=file],.brand-settings label input{opacity:0;width:1px;height:1px;position:absolute}.upload>label b{color:#087b99;background:#d6f3f6;border-radius:11px;grid-row:1/3;place-items:center;width:42px;height:42px;font-size:27px;font-weight:300;display:grid}.upload>label strong{align-self:end;font-size:12px}.upload>label small{color:var(--muted);align-self:start;margin-top:5px;font-size:9px}.thumbs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.thumbs article{border:1px solid var(--line);background:#fbfdfe;border-radius:9px;padding:6px;position:relative}.thumbs img{object-fit:contain;background:#edf6f8;border-radius:6px;width:100%;height:90px;display:block}.thumbs input{color:#55707c;background:0 0;border:1px solid #0000;width:100%;margin-top:5px;padding:5px;font-size:9px}.thumbs input:focus{border-color:#9fd5df;border-radius:5px;outline:none}.thumbs button{color:#fff;background:#153b4fbb;border:0;border-radius:50%;width:18px;height:18px;font-size:16px;line-height:15px;position:absolute;top:8px;right:8px}.field{color:#496572;margin:12px 0;font-size:11px;font-weight:800;display:block}.field input,.field textarea,.dynamic input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfdfe;border-radius:9px;outline:none;margin-top:6px;padding:10px 11px}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.dynamic input:focus{border-color:#48b4c7;box-shadow:0 0 0 3px #4bc2cf18}.field.short{width:54%}.activity{grid-template-columns:1fr 1fr;gap:7px;margin-top:20px;display:grid}.activity>.section-label{grid-column:1/-1;margin:0 0 1px}.activity button{border:1px solid var(--line);color:#506b77;text-align:left;background:#fff;border-radius:10px;grid-template-columns:19px 1fr;column-gap:7px;padding:9px;display:grid}.activity button:hover,.activity button.selected{background:#effcfd;border-color:#0fa2ad}.activity button>i{color:#fff;border:1px solid #b4d0d8;border-radius:50%;grid-row:1/3;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;display:grid}.activity button.selected>i{background:#0ca0aa;border-color:#0ca0aa}.activity b{font-size:10px}.activity small{color:#80959e;margin-top:2px;font-size:8px}.dynamic{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.dynamic label{color:#56717c;font-size:10px;font-weight:800}.dynamic .wide{grid-column:1/-1}.tiers{background:#f1fbfd;border-radius:11px;margin-top:12px;padding:12px}.tiers>b{color:#087992;margin-bottom:8px;font-size:11px;display:block}.tiers>div{grid-template-columns:50px 1fr 1fr;align-items:center;gap:7px;margin-top:6px;display:grid}.tiers span,.tiers label{color:#58747f;font-size:9px}.tiers input{background:#fff;border:1px solid #c4e0e5;border-radius:5px;width:50px;margin-left:3px;padding:5px;font-size:10px}.date{color:#536e79;align-items:center;gap:8px;margin-top:16px;font-size:10px;font-weight:800;display:flex}.date button{color:#fff;background:#fff;border:1px solid #accbd3;border-radius:5px;width:18px;height:18px;padding:0}.date button.selected{background:#0a9fac;border-color:#0a9fac}.date input{border:1px solid var(--line);color:#47636e;border-radius:6px;margin-left:auto;padding:6px;font-size:10px}.copy-action{align-items:center;gap:10px;margin-top:15px;display:flex}.copy-action button{color:#05748f;background:#e9f9fb;border:1px solid #87cbd7;border-radius:8px;padding:9px 11px;font-size:10px;font-weight:800}.copy-action small{color:#82959d;font-size:8px;line-height:1.45}.preview{padding:19px;overflow:hidden}.preview-head{justify-content:space-between;align-items:start;margin-bottom:14px;display:flex}.preview-head h2{margin-top:4px}.preview-head>div:last-child{gap:7px;display:flex}.preview-head button{color:#08738d;background:#fff;border:1px solid #badbe2;border-radius:8px;padding:8px 9px;font-size:10px;font-weight:800}.preview-head .primary{color:#fff;background:linear-gradient(135deg,#0a8dad,#056c94);border-color:#087fa2;box-shadow:0 5px 12px #0784a426}.art{color:#082f49;background:linear-gradient(137deg,#f9fcff,#e5f1f3 57%,#ccedf0);border-radius:16px;min-height:440px;position:relative;overflow:hidden}.art.banner{aspect-ratio:2;min-height:0}.art.product{aspect-ratio:1;max-width:670px;margin:auto}.art:before{content:"";opacity:.92;border:26px solid #0a5074;border-radius:50%;width:70%;height:76%;position:absolute;bottom:-36%;left:-12%}.art:after{content:"";border:18px solid var(--yellow);opacity:.78;border-radius:50%;width:54%;height:60%;position:absolute;top:-21%;right:-12%}.art.簡約:before,.art.簡約:after{opacity:.34}.art.熱鬧促銷:before{border-width:44px}.art.熱鬧促銷:after{border-width:28px}.glow{aspect-ratio:1;filter:blur(14px);background:#73dce577;border-radius:50%;width:28%;position:absolute;bottom:17%;right:23%}.dots{opacity:.45;background-image:radial-gradient(#0e7692 1.7px,#0000 1.7px);background-size:14px 14px;width:17%;height:35%;position:absolute;top:23%;right:4%}.star{z-index:3;color:#f5ae1d;font-size:32px;font-style:normal;position:absolute;top:31%;left:8%}.art header{z-index:7;justify-content:space-between;align-items:center;display:flex;position:absolute;top:5%;left:5%;right:5%}.art header .logo.small{transform-origin:0 0;margin-bottom:-12px;transform:scale(.72)}.art header>b{color:#fff;background:#0aa4a4;border-radius:999px;padding:7px 13px;font-size:11px}.tag{z-index:7;color:#fff;background:var(--red);border-radius:0 0 12px 12px;padding:8px 13px;font-size:11px;font-weight:900;position:absolute;top:5%;right:5%}.art-copy{z-index:5;text-align:center;position:absolute;top:17%;left:9%;right:9%}.art-copy h3{color:#082f49;letter-spacing:-.05em;margin:0;font-size:clamp(22px,4vw,46px);line-height:1.23}.art-copy p{color:#168199;margin:8px auto 0;font-size:clamp(10px,1.6vw,17px);font-weight:800}.banner .art-copy{text-align:left;top:20%;left:8%;right:42%}.banner .art-copy h3{font-size:clamp(25px,4.1vw,66px)}.banner .art-copy p{margin-left:0}.products{z-index:4;grid-template-columns:repeat(3,1fr);align-items:end;gap:1%;height:49%;display:grid;position:absolute;bottom:15%;left:8%;right:8%}.banner .products{height:72%;bottom:11%;left:48%;right:5%}.products figure{background:#fffffff2;border-radius:14px 14px 5px 5px;min-width:0;height:90%;margin:0;position:relative;overflow:hidden}.products figure.hero{height:100%;box-shadow:0 12px 22px #083d5424}.products img{object-fit:contain;filter:drop-shadow(0 12px 11px #082f4933);width:100%;height:123%;transform:translateY(-10%)}.products.head img{object-fit:cover;object-position:center top;height:100%;transform:none}.products figcaption{z-index:3;color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#082f49dd;border-radius:6px;max-width:90%;padding:4px 8px;font-size:9px;font-weight:800;position:absolute;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%)}.placeholder{color:#46808d;text-align:center;background:#ffffff8a;border:2px dashed #9ad2dc;border-radius:13px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;height:100%;display:flex}.placeholder b{font-size:16px}.placeholder span{margin-top:7px;font-size:10px}.price-card{z-index:8;color:#fff;text-align:center;background:#ec3d47;border:3px solid #fff;border-radius:15px;flex-direction:column;min-width:140px;padding:13px 18px;display:flex;position:absolute;bottom:18%;right:8%;transform:rotate(-2deg);box-shadow:0 8px 20px #90253038}.banner .price-card{min-width:210px;bottom:17%;right:7%}.price-card b{font-size:clamp(15px,2.2vw,25px);line-height:1.2}.expiry{z-index:8;color:#335766;background:#fff;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;position:absolute;bottom:7%;right:7%}.art footer{z-index:7;color:#66818d;background:#f2f8fa;justify-content:space-between;padding:3.4% 6%;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.tier-cards{z-index:8;grid-template-columns:repeat(3,1fr);gap:3%;display:grid;position:absolute;bottom:18%;left:9%;right:9%}.banner .tier-cards{bottom:17%;left:8%;right:8%}.tier-cards>div{text-align:center;background:#fff;border:2px solid #f4dc9c;border-radius:12px;padding:8px;box-shadow:0 7px 16px #082f4914}.tier-cards>div.focus{background:linear-gradient(#fff,#fff0c0);border-color:#e5ac1b}.tier-cards span,.tier-cards b,.tier-cards small{display:block}.tier-cards span{color:#0c5474;font-size:10px;font-weight:800}.tier-cards b{color:#062f50;margin:3px 0;font-size:clamp(18px,2.8vw,34px);line-height:1}.tier-cards small{color:#597782;font-size:8px}.art.text-only .art-copy{text-align:center;top:20%;left:9%;right:9%}.banner.text-only .art-copy{left:8%;right:8%}.art.text-only .art-copy h3{font-size:clamp(27px,5.3vw,78px)}.output,.decoration{border:1px solid var(--line);background:#fbfdfe;border-radius:13px;grid-template-columns:.85fr 1.15fr;gap:14px;margin-top:15px;padding:16px;display:grid}.output h3{margin-top:4px;font-size:15px}.output p,.decoration p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.6}.output>div:last-child,.elements{flex-wrap:wrap;align-content:center;gap:7px;display:flex}.output button,.elements button,.density button{border:1px solid var(--line);color:#5a7480;background:#fff;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:700}.output button.selected,.elements button.selected,.density button.selected{color:#04738a;background:#e8fafc;border-color:#0aa3af}.output i{color:#fff;border:1px solid #a8c9d0;border-radius:3px;place-items:center;width:13px;height:13px;margin-right:5px;font-size:8px;font-style:normal;display:inline-grid}.output button.selected i{background:#0aa3af;border-color:#0aa3af}.decoration{grid-template-columns:.8fr 1.2fr}.density{gap:5px;margin-bottom:8px;display:flex}.elements button{font-size:8px}.brand-settings{grid-template-columns:1.1fr .8fr .72fr;align-items:center;gap:21px;margin-top:20px;padding:23px;display:grid}.brand-settings h2{margin-top:4px}.brand-settings p{color:#607985;margin:8px 0 0;font-size:11px;line-height:1.7}.brand-settings>label{cursor:pointer;background:#f1fbfd;border:1px dashed #9acbd4;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:89px;padding:12px;display:flex}.brand-settings>label:hover{border-color:#0a9eb0}.brand-settings>label .logo{transform-origin:50%;transform:scale(.76)}.brand-settings>label .logo-image{max-width:135px;max-height:52px}.brand-settings>label>b{color:#087890;font-size:10px}.brand-settings aside{flex-direction:column;gap:7px;display:flex}.brand-settings aside>b{margin-bottom:2px;font-size:11px}.brand-settings aside span{color:#496b76;background:#f2f7f9;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:700}.history{margin-top:20px;padding:22px}.history-head{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.history-head h2{margin-top:4px}.history-head p{color:#667f8a;margin:7px 0 0;font-size:10px}.history-head>button{color:#8a5d60;background:0 0;border:0;font-size:10px}.history-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.history-grid>article{border:1px solid var(--line);background:#fbfdfe;border-radius:12px;padding:14px}.history-grid h3{margin:0 0 8px;font-size:13px}.row{border-top:1px solid #e5eef1;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;display:flex}.row div{min-width:0}.row b,.row span,.row small{display:block}.row b{font-size:10px}.row span{color:#607b86;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.row small{color:#9aabb2;margin-top:3px;font-size:8px}.row button{color:#08758e;background:#fff;border:1px solid #b4d8df;border-radius:6px;flex:none;padding:6px 8px;font-size:9px;font-weight:800}.empty{color:#80939a;margin:0;padding:17px 0;font-size:10px;line-height:1.7}.toast{z-index:20;color:#fff;background:#063c56;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #001d304d}@media (width<=1180px){.builder{grid-template-columns:1fr}.preview{order:-1}.art.product{max-width:560px}.brand-settings{grid-template-columns:1fr 1fr}.brand-settings aside{flex-flow:wrap;grid-column:1/-1}.brand-settings aside>b{width:100%}.workspace{padding:24px}.art.banner{max-width:850px;margin:auto}}@media (width<=800px){.app{display:block}.sidebar{height:auto;padding:15px;position:relative}.sidebar-brand{padding-bottom:10px}.sidebar>button{width:calc(50% - 4px);margin:2px;display:inline-grid}.sidebar>p,.sidebar hr,.side-note{display:none}.workspace{padding:20px 14px 45px}.top h1{font-size:22px}.top>b{display:none}.switcher{grid-template-columns:1fr 1fr}.switcher>div{display:none}.seg.three,.activity{grid-template-columns:1fr}.art.banner{aspect-ratio:1;min-height:420px}.banner .art-copy{text-align:center;top:17%;left:8%;right:8%}.banner .art-copy p{margin-left:auto}.banner .products{height:47%;bottom:15%;left:8%;right:8%}.banner .price-card{bottom:16%;right:7%}.banner .tier-cards{bottom:16%;left:8%;right:8%}.output,.decoration,.brand-settings,.history-grid{grid-template-columns:1fr}.brand-settings>label{justify-content:flex-start}.preview-head>div:last-child{flex-direction:column}.thumbs{grid-template-columns:repeat(2,1fr)}.history-head{align-items:start}.history-head>button{white-space:nowrap}.art-copy h3{font-size:28px}.art.product{max-width:100%}}.photo-colour{color:#5b7680;margin-top:7px;font-size:8px;font-weight:900;display:block}.thumbs .photo-colour input{color:#355866;background:#fff;border:1px solid #d5e6ea;border-radius:6px;width:100%;margin-top:3px;padding:6px;font-size:9px}.thumbs .photo-colour input:focus{border-color:#58b9c8;outline:none}.photo-view{grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;display:grid}.thumbs .photo-view button{color:#62808a;background:#fff;border:1px solid #cfe1e6;border-radius:6px;width:auto;height:auto;padding:5px 3px;font-size:8px;line-height:1.2;position:static}.thumbs .photo-view button.selected{color:#05738b;background:#e8fafc;border-color:#0aa0aa}.thumbs .photo-view i{color:#fff;border:1px solid #b1d0d7;border-radius:3px;place-items:center;width:10px;height:10px;margin-right:2px;font-size:7px;font-style:normal;display:inline-grid}.thumbs .photo-view button.selected i{background:#0aa0aa;border-color:#0aa0aa}.photo-label-preview{color:#0b7790;margin-top:6px;font-size:8px;line-height:1.35;display:block}.thumbs .remove-photo{color:#fff;background:#153b4fbb;border:0;border-radius:50%;width:18px;height:18px;padding:0;font-size:16px;line-height:15px;position:absolute;top:8px;right:8px}.products figcaption{bottom:28%}.art.product{background:linear-gradient(135deg,#fff 0% 72%,#edf9fa 100%)}.art.product:before{opacity:.45;border-width:7px;border-color:#0a5074;width:22%;height:22%;bottom:71%;left:-9%}.art.product:after{border-width:14px;border-color:var(--yellow);opacity:.78;width:31%;height:31%;top:-9%;right:-5%}.art.product .glow,.art.product .dots,.art.product .star{display:none}.art.product header{top:4%;left:5%;right:auto}.art.product header .logo.small{transform-origin:0 0;transform:scale(.68)}.art.product .art-copy{top:12%;left:15%;right:15%}.art.product .art-copy h3{font-size:clamp(24px,4.3vw,44px);line-height:1.14}.art.product .art-copy p{margin-top:7px;font-size:clamp(10px,1.65vw,16px)}.art.product .products{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;height:auto;inset:28% 7% 16%}.art.product .products.count-1{grid-template-columns:1fr;left:30%;right:30%}.art.product .products.count-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;left:18%;right:18%}.art.product .products.count-4,.art.product .products.count-5,.art.product .products.count-6{grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.art.product .products figure,.art.product .products figure.hero{height:auto;box-shadow:none;background:0 0;border-radius:0;overflow:hidden}.art.product .products img,.art.product .products.head img{object-fit:cover;object-position:center 13%;filter:none;width:100%;height:100%;transform:none}.art.product .products figcaption{background:#063b5bdd;border-radius:7px;padding:4px 7px;font-size:8px;bottom:21%}.art.product footer{background:#f6fbfc;height:16%;padding:0}.art.product footer span{display:none}.nbp-flow{background:#f5fcfd;border:1px solid #bfe6ed;border-radius:24px;margin:0 0 24px;padding:28px}.nbp-head{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.nbp-head span{color:#0788a4;letter-spacing:.12em;font-size:12px;font-weight:800}.nbp-head h2{color:#0a314d;margin:6px 0;font-size:25px}.nbp-head p{color:#5b7180;max-width:720px;margin:0;line-height:1.65}.workflow-tabs{white-space:nowrap;gap:8px;display:flex}.workflow-tabs button,.prompt-card button{color:#265166;background:#e3f1f4;border:0;border-radius:12px;padding:11px 14px;font-weight:800}.workflow-tabs .selected,.prompt-card button{color:#fff;background:#087fa2}.nbp-grid,.compose-grid{grid-template-columns:1fr 1.1fr;gap:22px;margin-top:24px;display:grid}.nbp-upload{color:#0a6d8b;cursor:pointer;background:#fff;border:2px dashed #9dd6e2;border-radius:16px;flex-direction:column;gap:4px;margin:14px 0;padding:20px;display:flex}.nbp-upload input{display:none}.nbp-upload.compact{padding:14px}.nbp-upload strong{font-size:16px}.nbp-upload small,.prompt-card p{color:#6c8390;line-height:1.5}.nbp-source-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.nbp-source-list>div{background:#fff;border:1px solid #d7e8ed;border-radius:12px;padding:8px}.nbp-source-list img{object-fit:contain;background:#f0f7f8;width:100%;height:100px}.nbp-source-list input{box-sizing:border-box;border:1px solid #d3e0e5;border-radius:8px;width:100%;margin:7px 0;padding:7px}.nbp-source-list button{color:#087fa2;background:#fff;border:1px solid #6fc2d2;border-radius:8px;width:100%;padding:6px}.prompt-card{background:#fff;border-radius:16px;padding:20px}.prompt-card textarea{box-sizing:border-box;resize:vertical;color:#294d5e;background:#fbfeff;border:1px solid #cfe3e8;border-radius:12px;width:100%;margin:12px 0;padding:14px;line-height:1.55}.compose-preview{background:linear-gradient(145deg,#fff,#edf8fa) 50%/cover;border-radius:18px;min-height:490px;padding:22px;position:relative;overflow:hidden}.compose-title{text-align:center;color:#092f4b}.compose-title b{font-size:30px;display:block}.compose-title span{color:#11809b;margin-top:5px;font-weight:800;display:block}.compose-products{align-items:end;gap:6px;height:330px;margin-top:14px;display:grid}.compose-products.c1{grid-template-columns:1fr}.compose-products.c2{grid-template-columns:repeat(2,1fr)}.compose-products.c3{grid-template-columns:repeat(3,1fr)}.compose-products.c4,.compose-products.c5,.compose-products.c6{grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr);height:330px}.compose-products figure{justify-content:center;align-items:end;min-width:0;height:100%;margin:0;display:flex;position:relative}.compose-products img{object-fit:contain;max-width:100%;max-height:100%}.compose-products figcaption{color:#fff;background:#073e62;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:800;position:absolute;bottom:14px}.compose-empty{text-align:center;color:#587481;margin:0;font-size:13px;position:absolute;bottom:14px;left:22px;right:22px}@media (width<=760px){.nbp-head,.nbp-grid,.compose-grid{display:block}.workflow-tabs{margin-top:16px;overflow:auto}.nbp-source-list{grid-template-columns:repeat(2,1fr)}.compose-preview{min-height:410px;margin-top:18px}.compose-products{height:250px}.compose-title b{font-size:23px}}.nbp-flow{display:none}.image-count{color:#123c56;background:#f5fcfd;border:1px solid #bfe6ed;border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0;padding:16px 20px;display:flex}.image-count b{font-size:16px}.image-count div{gap:7px;display:flex}.image-count button{color:#315a6d;background:#fff;border:1px solid #b8dce5;border-radius:9px;padding:7px 11px;font-weight:800}.image-count button.selected,.direct-items button.selected{color:#fff;background:#0d8dac;border-color:#0687a5}.image-count .ok{color:#047e60;font-weight:800}.image-count .missing{color:#94610a;font-weight:800}.direct-composer{background:#f5fcfd;border:1px solid #bfe6ed;border-radius:24px;margin:0 0 26px;padding:28px}.direct-head span{color:#0788a4;letter-spacing:.12em;font-size:12px;font-weight:800}.direct-head h2{color:#0a314d;margin:6px 0;font-size:25px}.direct-head p{color:#5b7180;max-width:760px;margin:0;line-height:1.65}.direct-grid{grid-template-columns:1fr 1.1fr;gap:22px;margin-top:22px;display:grid}.direct-controls{flex-direction:column;gap:12px;display:flex}.direct-controls>label,.direct-fields label,.direct-items label{color:#265166;flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.direct-controls input,.direct-items input{box-sizing:border-box;color:#173f55;background:#fff;border:1px solid #cfe3e8;border-radius:10px;width:100%;padding:10px 11px}.direct-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.direct-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.direct-items>div{background:#fff;border:1px solid #d4e7eb;border-radius:14px;padding:10px}.direct-items img{object-fit:contain;background:#eff7f8;border-radius:9px;width:100%;height:112px}.direct-items>div>div{gap:5px;margin-top:8px;display:flex}.direct-items button{color:#315a6d;background:#fff;border:1px solid #b8dce5;border-radius:8px;flex:1;padding:7px 4px;font-size:12px;font-weight:800}.compose-products.c4{grid-template-rows:repeat(2,1fr)!important;grid-template-columns:repeat(2,1fr)!important;height:380px!important}.compose-products.c5{grid-template-rows:repeat(2,1fr)!important;grid-template-columns:repeat(6,1fr)!important;height:380px!important}.compose-products.c5 figure:first-child{grid-column:2/span 2}.compose-products.c5 figure:nth-child(2){grid-column:4/span 2}.compose-products.c5 figure:nth-child(3),.compose-products.c5 figure:nth-child(4),.compose-products.c5 figure:nth-child(5){grid-column:span 2}.compose-products.c6{grid-template-rows:repeat(2,1fr)!important;grid-template-columns:repeat(3,1fr)!important;height:380px!important}@media (width<=760px){.direct-grid{display:block}.direct-grid .compose-preview{margin-top:18px}.direct-fields,.direct-items{grid-template-columns:1fr}.image-count{align-items:flex-start}.image-count div{flex-wrap:wrap}.compose-products.c4,.compose-products.c5,.compose-products.c6{height:270px!important}.direct-composer{padding:20px}}.direct-composer .compose-products.c4{grid-template-rows:1fr!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;height:330px!important}.direct-composer .compose-products.c5{grid-template-rows:repeat(2,1fr)!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;height:380px!important}.direct-composer .compose-products.c5 figure:first-child,.direct-composer .compose-products.c5 figure:nth-child(2),.direct-composer .compose-products.c5 figure:nth-child(3){grid-column:span 2!important}.direct-composer .compose-products.c5 figure:nth-child(4){grid-column:2/span 2!important}.direct-composer .compose-products.c5 figure:nth-child(5){grid-column:4/span 2!important}.direct-composer .compose-products.c6{grid-template-rows:repeat(2,1fr)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;height:380px!important}@media (width<=760px){.direct-composer .compose-products.c4{height:250px!important}.direct-composer .compose-products.c5,.direct-composer .compose-products.c6{height:300px!important}}.direct-composer .compose-products figure{overflow:hidden}html[data-shopee-head-mode=no] .direct-composer .compose-products img{object-fit:cover;object-position:center bottom;width:100%;max-width:none;height:132%;max-height:none;position:absolute;bottom:0;transform:none}html[data-shopee-head-mode=no] .direct-composer .compose-products figcaption{z-index:2}.direct-composer{display:none}.nbp-composer{background:#f5fcfd;border:1px solid #bfe6ed;border-radius:24px;margin:0 0 26px;padding:28px}.nbp-compose-head span{color:#0788a4;letter-spacing:.12em;font-size:12px;font-weight:800}.nbp-compose-head h2{color:#0a314d;margin:6px 0;font-size:25px}.nbp-compose-head p{color:#5b7180;max-width:760px;margin:0;line-height:1.65}.nbp-compose-grid{grid-template-columns:1fr 1.1fr;gap:22px;margin-top:22px;display:grid}.layout-note{color:#205366;background:#e5f4f6;border-radius:10px;margin:12px 0 0;padding:11px 13px;font-weight:800}.nbp-return{border-top:1px solid #d1e7eb;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding-top:22px;display:grid}.nbp-return>div{min-width:0}.nbp-return>div:first-child{background:#fff;border:1px solid #d1e7eb;border-radius:14px;position:relative;overflow:hidden}.nbp-return>div:first-child>img{object-fit:contain;background:#fff;width:100%;height:220px;display:block}.nbp-return>div:first-child>span{color:#315a6d;padding:8px 11px;font-size:12px;font-weight:800;display:block}.base-empty{color:#7893a0;background:#fff;place-items:center;height:220px;display:grid}.nbp-final{background:#fff;border-radius:12px;max-width:100%;max-height:300px;margin-top:12px;display:block}.final-download{color:#fff;background:#087fa2;border:0;border-radius:10px;margin-top:10px;padding:10px 14px;font-weight:800}@media (width<=760px){.nbp-composer{padding:20px}.nbp-compose-grid,.nbp-return{display:block}.nbp-return>div+div{margin-top:16px}}.template-fields{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.template-fields label{color:#265166;flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.template-fields input{box-sizing:border-box;color:#173f55;background:#fff;border:1px solid #cfe3e8;border-radius:10px;width:100%;padding:11px 12px}.template-preview{background:linear-gradient(145deg,#fff 0% 70%,#edf9fa 100%);border:1px solid #d1e7eb;border-radius:15px;min-height:370px;position:relative;overflow:hidden}.template-preview:before{content:"";border:12px solid #ffd64b;border-radius:50%;width:150px;height:150px;position:absolute;top:-60px;right:-22px}.template-preview .logo{transform-origin:0 0;position:absolute;top:18px;left:18px;transform:scale(.63)}.template-preview .logo-image{max-width:120px;max-height:52px;position:absolute;top:18px;left:18px}.template-copy{text-align:center;color:#082f49;position:absolute;top:56px;left:35px;right:35px}.template-copy b{font-size:22px;display:block}.template-copy span{color:#168199;margin-top:4px;font-size:13px;font-weight:800;display:block}.template-guides{place-items:end center;gap:8px;display:grid;position:absolute;inset:118px 26px 78px}.template-guides i{color:#3f8291;background:#ffffff5c;border:2px dashed #82ccda;border-radius:38px;place-items:center;min-width:58px;min-height:112px;font-size:11px;font-style:normal;font-weight:800;display:grid}.template-guides.g1{grid-template-columns:1fr}.template-guides.g1 i{width:38%;min-height:190px}.template-guides.g2{grid-template-columns:repeat(2,1fr)}.template-guides.g2 i{width:70%;min-height:165px}.template-guides.g3{grid-template-columns:repeat(3,1fr)}.template-guides.g3 i{width:82%;min-height:155px}.template-guides.g4{grid-template-columns:repeat(4,1fr)}.template-guides.g4 i{width:88%;min-height:140px}.template-guides.g5,.template-guides.g6{grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr)}.template-guides.g5 i{width:76%;min-height:105px}.template-guides.g5 i:nth-child(4){grid-column:1/span 2;justify-self:end}.template-guides.g5 i:nth-child(5){grid-column:2/span 2;justify-self:start}.template-guides.g6 i{width:78%;min-height:100px}.template-footer{color:#fff;text-align:center;grid-template-columns:1.05fr 1.1fr 1fr;height:54px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:0;left:0;right:0}.template-footer span{place-items:center;display:grid}.template-footer span:first-child{background:#008c76}.template-footer span:nth-child(2){background:#173f70}.template-footer span:nth-child(3){background:#df0521}.template-download{color:#fff;background:#087fa2;border:0;border-radius:11px;width:100%;margin-top:12px;padding:13px 14px;font-size:15px;font-weight:900}.template-help{color:#66818c;margin:9px 3px 4px;line-height:1.55;display:block}.template-return{min-height:228px;position:relative;background:linear-gradient(145deg,#fff,#edf9fa)!important}.template-return .template-guides{inset:16px 16px 39px}.template-return>span{position:absolute;bottom:0;left:0;right:0}.template-return .template-guides i{font-size:10px;min-height:55px!important}@media (width<=760px){.template-fields{grid-template-columns:1fr}.template-preview{min-height:340px}.template-guides{top:110px}.template-copy{top:51px}.template-footer{font-size:10px}.template-guides.g4 i,.template-guides.g5 i,.template-guides.g6 i{min-width:0}}.template-footer{display:none}.banner-nbp-composer{background:linear-gradient(135deg,#f8feff,#eefafb);border:1px solid #bfe6ed;border-radius:24px;margin:0 0 30px;padding:28px}.promo-style-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.promo-style-grid button{color:#254b5e;text-align:left;background:#fff;border:1px solid #cde4e9;border-radius:14px;min-height:74px;padding:13px}.promo-style-grid button.selected{background:#eafafd;border-color:#08a5c4;box-shadow:inset 0 0 0 1px #08a5c4}.promo-style-grid b,.promo-style-grid small{display:block}.promo-style-grid b{font-size:15px}.promo-style-grid small{color:#6c8792;margin-top:5px;font-size:12px;line-height:1.35}.banner-nbp-grid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.banner-return{background:#fff;border:1px solid #d1e7eb;border-radius:16px;padding:20px}.banner-return>b{color:#0a314d;font-size:18px}.banner-return>p{color:#5b7180;margin:8px 0 16px;line-height:1.6}.banner-return .nbp-final{object-fit:contain;width:100%;max-height:360px}@media (width<=760px){.banner-nbp-composer{padding:20px}.promo-style-grid{grid-template-columns:repeat(2,1fr)}.banner-nbp-grid{display:block}.banner-return{margin-top:16px}}