#invi-label-draft{--ip-bg:light-dark(#fffdf9,#171717);--ip-panel:light-dark(#fff,#222);--ip-ink:light-dark(#232722,#f5f4ef);--ip-muted:light-dark(#697067,#b5bbb1);--ip-line:light-dark(#e6e8df,#40433c);--ip-soft:light-dark(#f3f5ee,#2b3027);--ip-orange:light-dark(#e65d21,#ff9a69);--ip-tint:light-dark(#fff0e6,#422c21);font:400 15px/1.5 'Inter',Arial,sans-serif;color:var(--ip-ink);padding:18px 0}
    #invi-label-draft *{box-sizing:border-box}#invi-label-draft button,#invi-label-draft input,#invi-label-draft select{font:inherit}#invi-label-draft button{color:inherit}#invi-label-draft .ip-page{background:var(--ip-bg);max-width:1030px;margin:auto;border:1px solid var(--ip-line);border-radius:22px;overflow:hidden;box-shadow:0 16px 50px #0000000a}#invi-label-draft .ip-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 25px;border-bottom:1px solid var(--ip-line);background:var(--ip-panel)}#invi-label-draft .ip-brand{font-size:23px;font-weight:750;letter-spacing:-1.3px}#invi-label-draft .ip-brand span{color:var(--ip-orange)}#invi-label-draft .ip-badge{font-size:11px;letter-spacing:1.2px;font-weight:600;color:var(--ip-muted)}#invi-label-draft .ip-hero{padding:28px 25px 20px}#invi-label-draft .ip-eyebrow{color:var(--ip-orange);font-size:11px;font-weight:700;letter-spacing:1.6px;margin-bottom:7px}#invi-label-draft h2{font-size:30px;line-height:1.16;letter-spacing:-1.2px;margin:0 0 10px;font-weight:700}#invi-label-draft p{margin:0;color:var(--ip-muted);font-size:13px}#invi-label-draft .ip-steps{display:flex;gap:8px;align-items:center;margin-top:18px;flex-wrap:wrap;font-size:11px;color:var(--ip-muted)}#invi-label-draft .ip-steps span{display:flex;align-items:center;gap:6px}#invi-label-draft .ip-steps b{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--ip-soft);font-size:10px;font-weight:600}#invi-label-draft .ip-steps .active{color:var(--ip-orange)}#invi-label-draft .ip-steps .active b{background:var(--ip-tint)}#invi-label-draft .ip-steps em{width:14px;height:1px;background:var(--ip-line)}#invi-label-draft .ip-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:24px;padding:0 25px 25px}#invi-label-draft .ip-section{padding:23px 0;border-top:1px solid var(--ip-line)}#invi-label-draft .ip-title{display:flex;align-items:center;gap:9px;margin-bottom:18px;font-weight:650;font-size:17px;letter-spacing:-.4px}#invi-label-draft .ip-title .ip-number{font-size:11px;border-radius:7px;background:var(--ip-ink);color:var(--ip-bg);width:25px;height:25px;display:grid;place-items:center;font-weight:600}#invi-label-draft .ip-field-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 9px;font-weight:600;font-size:13px}#invi-label-draft .ip-field-title:first-child{margin-top:0}#invi-label-draft .ip-field-title small{font-size:11px;font-weight:400;color:var(--ip-muted)}#invi-label-draft .ip-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#invi-label-draft .ip-material{position:relative;padding:0;border-radius:12px;overflow:hidden;background:var(--ip-panel);border:1px solid var(--ip-line);text-align:left}#invi-label-draft button.cursor-interaction{touch-action:manipulation}#invi-label-draft .ip-material[aria-pressed=true]{border:2px solid var(--ip-orange)}#invi-label-draft .ip-material .ip-check{position:absolute;right:8px;top:8px;z-index:2;display:none;background:var(--ip-orange);color:var(--ip-panel);border-radius:50%;width:20px;height:20px;font-size:12px;text-align:center;line-height:20px}#invi-label-draft .ip-material[aria-pressed=true] .ip-check{display:block}#invi-label-draft .ip-photo{height:105px;position:relative;overflow:hidden;display:grid;place-items:center;background:#efece3}#invi-label-draft .ip-photo:before{content:'';width:86px;height:86px;position:absolute;background:#fff;box-shadow:7px 10px 15px #0002;transform:rotate(-13deg);border-radius:4px}#invi-label-draft .ip-photo:after{content:'';position:absolute;width:37px;height:37px;background:linear-gradient(135deg,#deded6,#fff 60%);right:calc(50% - 50px);bottom:8px;clip-path:polygon(0 100%,100% 0,100% 100%);transform:rotate(-13deg)}#invi-label-draft .ip-label-art{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:66px;height:66px;border-radius:50%;background:#35523b;color:#fff9e9;transform:rotate(-13deg);font-family:Georgia,serif;font-size:12px;font-weight:600;line-height:1.2;text-align:center;box-shadow:inset 0 0 0 4px #35523b,inset 0 0 0 5px #bcc4a1}#invi-label-draft .ip-label-art small{font:7px Arial,sans-serif;letter-spacing:1px;margin-top:5px}#invi-label-draft .ip-photo.gloss{background:linear-gradient(130deg,#e9e5db,#f9f7f1)}#invi-label-draft .ip-photo.gloss .ip-label-art:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,transparent 30%,#ffffff55 46%,transparent 66%)}#invi-label-draft .ip-photo.pp{background:#dce9e9}#invi-label-draft .ip-photo.pp .ip-label-art{background:#e8a74b;color:#413528;box-shadow:none;border-radius:7px}#invi-label-draft .ip-photo.clear{background:repeating-linear-gradient(35deg,#d9e4cb 0 18px,#e7eddd 18px 36px)}#invi-label-draft .ip-photo.clear:before{background:#ffffff33;border:1px solid #ffffffbb;backdrop-filter:blur(1px)}#invi-label-draft .ip-photo.clear .ip-label-art{background:transparent;color:#334d35;box-shadow:inset 0 0 0 1px #334d35}#invi-label-draft .ip-photo.kraft{background:#e9dfd1}#invi-label-draft .ip-photo.kraft:before{background:repeating-linear-gradient(7deg,#bb9165,#bb9165 1px,#bc9367 2px,#c39b70 3px)}#invi-label-draft .ip-photo.kraft .ip-label-art{color:#382e23;background:transparent;box-shadow:inset 0 0 0 1px #62513a;border-radius:0}#invi-label-draft .ip-material-name{display:block;font-size:12px;font-weight:650;padding:9px 10px 1px}#invi-label-draft .ip-material-desc{display:block;color:var(--ip-muted);font-size:11px;padding:0 10px 10px}#invi-label-draft .ip-material-note{margin-top:9px;font-size:11px;color:var(--ip-muted)}#invi-label-draft .ip-more{background:none;border:0;padding:10px 0 0;color:var(--ip-orange);font-size:12px;text-decoration:underline;text-underline-offset:3px}#invi-label-draft .ip-extra{margin-top:10px}#invi-label-draft .ip-extra[hidden]{display:none}#invi-label-draft .ip-extra select{width:100%;padding:12px;border:1px solid var(--ip-line);border-radius:10px;background:var(--ip-panel);color:var(--ip-ink)}#invi-label-draft .ip-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}#invi-label-draft .ip-options.ip-size{grid-template-columns:repeat(4,minmax(0,1fr))}#invi-label-draft .ip-choice{min-height:44px;border:1px solid var(--ip-line);border-radius:9px;background:var(--ip-panel);font-size:13px;font-weight:550;padding:7px 3px}#invi-label-draft .ip-choice[aria-pressed=true]{background:var(--ip-tint);color:var(--ip-orange);border-color:var(--ip-orange)}#invi-label-draft .ip-choice small{display:block;font-size:10px;font-weight:400}#invi-label-draft .ip-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#invi-label-draft .ip-shape{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:13px 4px;font-size:12px}#invi-label-draft .ip-shape-mark{height:23px;width:23px;background:currentColor;opacity:.7}#invi-label-draft .circle{border-radius:50%}#invi-label-draft .square{border-radius:3px}#invi-label-draft .custom{clip-path:polygon(49% 0,64% 10%,80% 7%,88% 24%,100% 36%,94% 53%,100% 70%,80% 80%,73% 97%,54% 93%,36% 100%,23% 85%,5% 79%,9% 59%,0 42%,15% 27%,22% 9%,39% 12%)}#invi-label-draft .ip-price-note{display:flex;align-items:center;gap:6px;color:var(--ip-muted);font-size:11px;margin-top:10px}#invi-label-draft .ip-upload{display:flex;flex-direction:column;align-items:center;gap:7px;padding:19px 12px;border:1.5px dashed var(--ip-line);border-radius:13px;background:var(--ip-panel);text-align:center}#invi-label-draft .ip-upload i{color:var(--ip-orange);width:23px;height:23px}#invi-label-draft .ip-upload strong{font-size:13px;font-weight:550}#invi-label-draft .ip-upload small{font-size:11px;color:var(--ip-muted)}#invi-label-draft .ip-upload-btn{background:var(--ip-ink);color:var(--ip-bg);border:0;border-radius:8px;min-height:40px;padding:8px 20px;font-size:12px;font-weight:550}#invi-label-draft .ip-file{display:none}#invi-label-draft .ip-preview{position:relative;padding:23px 12px 17px;margin-top:13px;background-color:var(--ip-soft);background-image:radial-gradient(var(--ip-line) .8px,transparent .8px);background-size:12px 12px;border-radius:13px;display:flex;flex-direction:column;align-items:center;gap:15px}#invi-label-draft .ip-preview-label{align-self:flex-start;font-size:10px;letter-spacing:1.1px;color:var(--ip-muted)}#invi-label-draft .ip-sticker-wrap{filter:drop-shadow(4px 10px 6px #0002);padding:5px}#invi-label-draft .ip-sticker{width:150px;height:150px;padding:9px;background:#fff;display:grid;place-items:center;overflow:hidden;transform:rotate(-6deg)}#invi-label-draft .ip-sticker-inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#35523b;color:#fff7df;font-family:Georgia,serif;font-size:29px;line-height:1.1;position:relative;border-radius:inherit;overflow:hidden;text-align:center}#invi-label-draft .ip-sticker-inner:before{content:'';position:absolute;inset:8px;border:1px solid #b2bf94;border-radius:inherit;pointer-events:none}#invi-label-draft .ip-sticker-inner small{font:7px Arial,sans-serif;letter-spacing:2px;margin-top:8px}#invi-label-draft .ip-sticker-inner img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#invi-label-draft .ip-preview-meta{font-size:11px;color:var(--ip-muted);text-align:center}#invi-label-draft .ip-preview-warning{font-size:11px;margin-top:9px;color:var(--ip-muted)}#invi-label-draft .ip-right{border-radius:16px;background:var(--ip-panel);padding:0 20px 18px;border:1px solid var(--ip-line);align-self:start}#invi-label-draft .ip-right .ip-section:first-child{border-top:0}#invi-label-draft .ip-fields{display:grid;gap:11px}#invi-label-draft .ip-fields label{display:grid;gap:5px;font-size:12px;font-weight:500}#invi-label-draft input:not([type=radio]):not([type=file]),#invi-label-draft select.ip-input{background:var(--ip-bg);color:var(--ip-ink);border:1px solid var(--ip-line);border-radius:9px;padding:11px 12px;width:100%;min-width:0;font-size:16px;font-weight:400}#invi-label-draft input::placeholder{color:var(--ip-muted);opacity:.8;font-size:13px}#invi-label-draft .ip-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}#invi-label-draft .ip-delivery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}#invi-label-draft .ip-delivery button{display:flex;align-items:center;gap:8px;padding:12px 10px;text-align:left;font-size:11px}#invi-label-draft .ip-delivery i{width:18px;height:18px;flex-shrink:0}#invi-label-draft .ip-summary{background:var(--ip-soft);border-radius:11px;padding:14px;margin-top:20px}#invi-label-draft .ip-summary-title{font-size:12px;font-weight:600;margin-bottom:4px}#invi-label-draft .ip-summary-detail{font-size:11px;color:var(--ip-muted);margin-bottom:12px}#invi-label-draft .ip-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:7px 0}#invi-label-draft .ip-summary-row.ip-total{padding-top:11px;margin-top:11px;border-top:1px solid var(--ip-line);align-items:center;font-size:13px;font-weight:600}#invi-label-draft .ip-total strong{font-size:23px;letter-spacing:-.7px;color:var(--ip-orange)}#invi-label-draft .ip-demo-tag{font-size:10px;color:var(--ip-muted);margin-top:6px}#invi-label-draft .ip-pay{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--ip-line);border-radius:9px;padding:12px;margin:8px 0;font-size:12px}#invi-label-draft .ip-pay:has(input:checked){border-color:var(--ip-orange);background:var(--ip-tint)}#invi-label-draft .ip-pay span{display:flex;align-items:center;gap:8px}#invi-label-draft .ip-pay small{font-size:10px;color:var(--ip-muted)}#invi-label-draft input[type=radio]{accent-color:var(--ip-orange);width:15px;height:15px;margin:0}#invi-label-draft .ip-pay-btn{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;background:var(--ip-orange);color:light-dark(#fff,#25150b);border:0;border-radius:11px;min-height:51px;font-weight:650;font-size:15px;margin-top:17px}#invi-label-draft .ip-pay-btn i{width:17px;height:17px}#invi-label-draft .ip-secure{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--ip-muted);margin-top:10px}#invi-label-draft .ip-secure i{width:12px;height:12px}#invi-label-draft .ip-feedback{margin-top:12px;font-size:12px;color:var(--ip-orange)}#invi-label-draft .ip-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border-top:1px solid var(--ip-line);font-size:11px;color:var(--ip-muted);flex-wrap:wrap}#invi-label-draft .ip-footer button{border:0;background:none;color:var(--ip-orange);font-size:11px;padding:6px}#invi-label-draft [hidden]{display:none!important}#invi-label-draft button:focus-visible,#invi-label-draft input:focus-visible,#invi-label-draft select:focus-visible{outline:3px solid var(--ip-orange);outline-offset:3px}
    @media(max-width:800px){#invi-label-draft .ip-page{max-width:510px}#invi-label-draft .ip-layout{grid-template-columns:1fr;gap:0;padding:0 20px 20px}#invi-label-draft .ip-header{padding:16px 20px}#invi-label-draft .ip-hero{padding:25px 20px 20px}#invi-label-draft .ip-right{padding:0;border:0;background:transparent}#invi-label-draft .ip-right .ip-section:first-child{border-top:1px solid var(--ip-line)}#invi-label-draft .ip-photo{height:105px}#invi-label-draft .ip-section{padding:22px 0}#invi-label-draft h2{font-size:28px}#invi-label-draft .ip-title{font-size:16px}}
    @media(max-width:370px){#invi-label-draft .ip-layout{padding:0 14px 15px}#invi-label-draft .ip-header,#invi-label-draft .ip-hero{padding-left:14px;padding-right:14px}#invi-label-draft .ip-badge{font-size:9px;letter-spacing:.5px}#invi-label-draft .ip-options{gap:5px}#invi-label-draft .ip-choice{font-size:12px}#invi-label-draft .ip-two{grid-template-columns:1fr}#invi-label-draft .ip-photo{height:90px}}
#invi-label-draft{--ip-material-image:url('materials.webp')}
    #invi-label-draft .ip-slider{min-width:0}#invi-label-draft .ip-slider-viewport{overflow:hidden;border-radius:13px;background:var(--ip-soft);touch-action:pan-y;user-select:none}#invi-label-draft .ip-slider-track{display:flex;width:100%;transition:transform .28s ease}#invi-label-draft .ip-real-slide{flex:0 0 100%;min-width:0;aspect-ratio:4/3;background-image:var(--ip-material-image);background-size:300% 300%;background-repeat:no-repeat}#invi-label-draft .ip-slider-selected{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}#invi-label-draft .ip-slider-selected strong{font-size:14px;font-weight:650}#invi-label-draft .ip-slider-selected small{display:block;color:var(--ip-muted);font-size:11px;margin-top:2px}#invi-label-draft .ip-selected-pill{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--ip-orange);background:var(--ip-tint);padding:5px 8px;border-radius:7px;white-space:nowrap}#invi-label-draft .ip-slider-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}#invi-label-draft .ip-slider-arrow{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--ip-line);border-radius:10px;background:var(--ip-panel)}#invi-label-draft .ip-slider-arrow i{width:17px;height:17px}#invi-label-draft .ip-slider-center{display:flex;flex-direction:column;align-items:center;gap:5px}#invi-label-draft .ip-slider-dots{display:flex;gap:5px;align-items:center}#invi-label-draft .ip-slider-dots span{display:block;width:5px;height:5px;border-radius:10px;background:var(--ip-line);transition:width .2s}#invi-label-draft .ip-slider-dots span.is-active{width:17px;background:var(--ip-orange)}#invi-label-draft .ip-slider-center small{font-size:10px;color:var(--ip-muted)}@media(prefers-reduced-motion:reduce){#invi-label-draft .ip-slider-track,#invi-label-draft .ip-slider-dots span{transition:none}}
    #invi-label-draft{color-scheme:light;--ip-bg:#fff;--ip-panel:#fff;--ip-ink:#262626;--ip-muted:#686868;--ip-line:#e3e3e3;--ip-soft:#fff;--ip-orange:#e65d21;--ip-tint:#fff}
    #invi-label-draft .ip-page,#invi-label-draft .ip-header,#invi-label-draft .ip-right,#invi-label-draft .ip-summary,#invi-label-draft .ip-preview,#invi-label-draft .ip-upload{background-color:#fff}
    #invi-label-draft button{background:#fff;color:var(--ip-ink);border:1px solid var(--ip-line);transition:background-color .15s,color .15s,border-color .15s}
    #invi-label-draft .ip-choice[aria-pressed=true],#invi-label-draft button:active,#invi-label-draft button.is-clicked{background:var(--ip-orange);border-color:var(--ip-orange);color:#fff}
    #invi-label-draft .ip-pay{background:#fff}
    #invi-label-draft .ip-pay:has(input:checked){background:var(--ip-orange);border-color:var(--ip-orange);color:#fff}
    #invi-label-draft .ip-pay:has(input:checked) small{color:#fff}
    #invi-label-draft .ip-pay:has(input:checked) input{accent-color:#fff}
    #invi-label-draft .ip-summary{border:1px solid var(--ip-line)}
    #invi-label-draft .ip-upload-btn{background:#fff;color:var(--ip-ink);border:1px solid var(--ip-line)}
    #invi-label-draft .ip-pay-btn{background:#fff;color:var(--ip-ink);border:1px solid var(--ip-line)}
    #invi-label-draft .ip-footer button{background:#fff;color:var(--ip-ink);border:1px solid var(--ip-line);border-radius:7px;padding:8px 10px}
    #invi-label-draft .ip-footer button:active,#invi-label-draft .ip-upload-btn:active,#invi-label-draft .ip-pay-btn:active,#invi-label-draft .ip-pay-btn.is-clicked{background:var(--ip-orange);border-color:var(--ip-orange);color:#fff}
    @media(prefers-reduced-motion:reduce){#invi-label-draft button{transition:none}}
    #invi-label-draft .ip-file-preview{position:relative;margin-top:13px;border:1px solid var(--ip-line);border-radius:13px;background:#fff;padding:16px}
    #invi-label-draft .ip-file-preview .ip-preview-label{display:block;margin-bottom:13px}
    #invi-label-draft .ip-file-preview img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:0;transform:none;clip-path:none;background:#fff}
    #invi-label-draft .ip-delete-design{position:absolute;right:8px;top:8px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--ip-line);border-radius:50%;background:#fff;color:var(--ip-ink);box-shadow:0 2px 7px #00000012}
    #invi-label-draft .ip-delete-design i{width:17px;height:17px}
    #invi-label-draft .ip-file-preview .ip-preview-meta{margin-top:11px;overflow-wrap:anywhere}
    #invi-label-draft .ip-qr-payment{border:1px solid var(--ip-line);border-radius:13px;padding:17px;background:#fff}
    #invi-label-draft .ip-qr-amount{text-align:center;padding-bottom:12px;border-bottom:1px solid var(--ip-line)}
    #invi-label-draft .ip-qr-amount small{display:block;color:var(--ip-muted);font-size:11px}
    #invi-label-draft .ip-qr-amount strong{display:block;color:var(--ip-orange);font-size:27px;letter-spacing:-.6px;margin-top:3px}
    #invi-label-draft .ip-qr-image{display:block;width:195px;max-width:100%;height:auto;margin:17px auto 10px}
    #invi-label-draft .ip-qr-save{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;min-height:44px;width:fit-content;margin:0 auto 16px;border:1px solid var(--ip-line);border-radius:9px;background:#fff;color:var(--ip-ink);text-decoration:none;font-size:12px}
    #invi-label-draft .ip-qr-save:active{background:var(--ip-orange);color:#fff;border-color:var(--ip-orange)}
    #invi-label-draft .ip-qr-save i{height:15px;width:15px}
    #invi-label-draft .ip-bank-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ip-line);font-size:12px}
    #invi-label-draft .ip-bank-row span{color:var(--ip-muted)}
    #invi-label-draft .ip-bank-row strong{font-weight:550;text-align:right;overflow-wrap:anywhere}
    #invi-label-draft .ip-qr-help{font-size:11px;margin-top:12px;color:var(--ip-muted);text-align:center}
    #invi-label-draft .ip-receipt{margin-top:16px;border:1px solid var(--ip-line);border-radius:11px;padding:12px}
    #invi-label-draft .ip-receipt summary{font-size:12px;font-weight:550;min-height:25px}
    #invi-label-draft .ip-receipt p{font-size:11px;margin:10px 0}
    #invi-label-draft .ip-receipt input{display:block;width:100%;min-width:0;font-size:12px;padding:10px 0;color:var(--ip-ink)}
    #invi-label-draft .ip-receipt-file{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--ip-muted);margin-top:7px}
    #invi-label-draft .ip-receipt-file span{overflow-wrap:anywhere;min-width:0}
    #invi-label-draft .ip-receipt-file button{flex-shrink:0;width:36px;height:36px;border-radius:7px}
    #invi-label-draft #ip-material-current,#invi-label-draft #ip-material-description{color:#111}
    #invi-label-draft .ip-material-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px}
    #invi-label-draft .ip-material-buttons .ip-choice{color:#111;font-size:12px;padding:10px 8px;min-height:45px;line-height:1.3}
    #invi-label-draft .ip-material-buttons .ip-choice[aria-pressed=true]{color:#111;background:var(--ip-orange);border-color:var(--ip-orange)}
    #invi-label-draft .ip-shipping-promo{background:#fff;border:1px solid var(--ip-orange);border-radius:12px;padding:14px;margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center}
    #invi-label-draft .ip-promo-title{display:flex;align-items:center;gap:6px;color:#111;font-size:13px;font-weight:650}
    #invi-label-draft .ip-promo-title i{height:17px;width:17px;color:var(--ip-orange);flex-shrink:0}
    #invi-label-draft .ip-shipping-label-wrap{display:inline-flex;align-items:center;gap:5px;min-width:0}
    #invi-label-draft .ip-shipping-truck{width:17px;height:17px;color:#16803c}
    #invi-label-draft #ip-shipping-row.is-free-shipping>span{color:#16803c;font-weight:700}
    #invi-label-draft .ip-promo-copy{font-size:11px;color:var(--ip-muted);margin-top:4px}
    #invi-label-draft .ip-promo-terms{grid-column:1/-1;font-size:10px;color:var(--ip-muted);padding-top:8px;border-top:1px solid var(--ip-line)}
    @media(min-width:460px){#invi-label-draft .ip-material-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}
    #invi-label-draft .ip-bank-row,#invi-label-draft .ip-bank-row span,#invi-label-draft .ip-bank-row strong{color:#111}
    #invi-label-draft .ip-qr-save-panel{padding:12px;border:1px solid var(--ip-line);border-radius:9px;margin-bottom:15px;background:#fff;text-align:center}
    #invi-label-draft .ip-qr-save-panel p{font-size:12px;color:#111;margin-bottom:9px}
    #invi-label-draft .ip-qr-save-panel a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:9px 14px;border:1px solid var(--ip-line);border-radius:8px;color:#111;text-decoration:none;font-size:12px;background:#fff}
    #invi-label-draft .ip-qr-image.is-enlarged{width:260px;max-width:100%;image-rendering:auto}
  
body.invi-sticker-checkout{margin:0;background:#fff}#invi-label-draft{min-height:100vh}#invi-label-draft [hidden]{display:none!important}#invi-label-draft button:disabled{opacity:.55;cursor:wait}#invi-label-draft .ip-feedback{white-space:pre-line}#ip-design-pdf{width:100%;height:400px;border:0}#invi-label-draft input:focus-visible,#invi-label-draft button:focus-visible{outline:3px solid #fb923c;outline-offset:3px}.ip-honeypot{position:absolute;left:-9999px}

#invi-label-draft svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}#invi-label-draft .ip-upload>svg{width:36px;height:36px}#invi-label-draft .ip-delete-design svg{width:16px;height:16px}

/* Use the active theme header and footer around the checkout form. */
body.invi-sticker-checkout #primary{width:100%;margin:0;padding:0}
body.invi-sticker-checkout #invi-label-draft{padding:24px 0 32px;width:100%;min-width:0}
@media(max-width:800px){body.invi-sticker-checkout #invi-label-draft{padding:16px 0 24px}}


/* Kilau butang material bergerak dari kiri ke kanan. */
#invi-label-draft .ip-material-buttons .ip-choice{position:relative;isolation:isolate;overflow:hidden}
#invi-label-draft .ip-material-buttons .ip-choice::after{content:'';position:absolute;z-index:1;top:-60%;bottom:-60%;left:-65%;width:34%;pointer-events:none;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);animation:ip-material-shine 2.8s ease-in-out infinite}
@keyframes ip-material-shine{0%,18%{left:-65%}78%,100%{left:145%}}
@media(prefers-reduced-motion:reduce){#invi-label-draft .ip-material-buttons .ip-choice::after{animation:none;left:42%;opacity:.35}}

.ip-postcode-status{display:block;min-height:16px;margin:-4px 1px 3px;color:#687385;font-size:11px;line-height:1.45}.ip-postcode-status.is-loading{color:#b45309}.ip-postcode-status.is-success{color:#16803c;font-weight:700}.ip-postcode-status.is-error{color:#b42318}

/* Selected product options use a clear black-and-white state. */
#invi-label-draft .ip-choice[aria-pressed="true"],#invi-label-draft .ip-material-buttons .ip-choice[aria-pressed="true"]{background:#111!important;border-color:#111!important;color:#fff!important}
#invi-label-draft .ip-choice[aria-pressed="true"] small,#invi-label-draft .ip-choice[aria-pressed="true"] svg{color:#fff!important}

/* Make the required payment receipt prominent and confirm its upload. */
#invi-label-draft .ip-receipt{border:2px solid #e65d21;background:#fff8f2;padding:14px;margin-top:16px}
#invi-label-draft .ip-receipt summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;color:#8d2f0b;font-size:14px;font-weight:700;list-style-position:inside}
#invi-label-draft .ip-receipt-required{flex:none;border-radius:999px;background:#e65d21;color:#fff;padding:4px 9px;font-size:10px;letter-spacing:.7px}
#invi-label-draft .ip-receipt p{color:#71310f;font-size:12px;line-height:1.5}
#invi-label-draft .ip-receipt input{padding:12px 0;font-size:13px}
#invi-label-draft .ip-receipt.is-uploaded{border-color:#198754;background:#f0faf3}
#invi-label-draft .ip-receipt.is-uploaded summary,#invi-label-draft .ip-receipt.is-uploaded p{color:#17663b}
#invi-label-draft .ip-receipt.is-uploaded .ip-receipt-required{background:#198754}

/* Green PAY action with clear white text. */
#invi-label-draft .ip-pay-btn{min-height:56px;background:#15803d!important;border:1px solid #166534!important;border-radius:12px;color:#fff!important;font-size:18px;font-weight:800;letter-spacing:1.1px;box-shadow:0 4px 10px #15803d35}
#invi-label-draft .ip-pay-btn:active,#invi-label-draft .ip-pay-btn.is-clicked{background:#166534!important;border-color:#14532d!important;color:#fff!important}

/* Order success modal with customer-specific tracking link. */
#invi-label-draft .ip-success-dialog{width:min(92vw,520px);max-width:520px;max-height:88vh;margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:#20252c;box-shadow:0 24px 80px #0004;overflow:auto}
#invi-label-draft .ip-success-dialog::backdrop{background:#111827a8;backdrop-filter:blur(3px)}
#invi-label-draft .ip-success-card{position:relative;padding:28px 24px 24px;text-align:center}
#invi-label-draft .ip-success-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;font-size:26px;line-height:1;background:#f4f5f6;color:#333;border:0}
#invi-label-draft .ip-success-mark{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#e8f7ee;color:#16803c;font-size:30px;font-weight:800}
#invi-label-draft .ip-success-card h2{margin:0 32px 10px;font-size:24px;line-height:1.2;letter-spacing:-.5px;color:#20252c}
#invi-label-draft .ip-success-copy{font-size:14px;line-height:1.55;color:#5c6570}
#invi-label-draft .ip-success-details{display:grid;gap:0;margin:20px 0;padding:0;border:1px solid #e3e6e8;border-radius:12px;text-align:left;overflow:hidden}
#invi-label-draft .ip-success-details>div{display:grid;grid-template-columns:minmax(96px,.7fr) minmax(0,1.5fr);gap:12px;padding:11px 13px;border-bottom:1px solid #e9ebed}
#invi-label-draft .ip-success-details>div:last-child{border-bottom:0}
#invi-label-draft .ip-success-details dt{font-size:12px;font-weight:650;color:#69727b}
#invi-label-draft .ip-success-details dd{margin:0;overflow-wrap:anywhere;font-size:13px;font-weight:600;color:#20252c}
#invi-label-draft .ip-tracking-btn{display:flex;min-height:52px;align-items:center;justify-content:center;padding:12px 18px;border-radius:11px;background:#e65d21;color:#fff;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.5px}
#invi-label-draft .ip-tracking-btn:hover{background:#c94c18;color:#fff}
@media(max-width:420px){#invi-label-draft .ip-success-card{padding:25px 16px 18px}#invi-label-draft .ip-success-card h2{font-size:21px}#invi-label-draft .ip-success-details>div{grid-template-columns:90px minmax(0,1fr);gap:8px;padding:10px}}

/* Custom sticker dimensions accept either centimetres or millimetres. */
#invi-label-draft .ip-options.ip-size .ip-choice[data-value="custom"]{grid-column:span 2;font-weight:700}
#invi-label-draft .ip-custom-size{margin-top:10px;padding:13px;border:1px solid #cfd7df;border-radius:11px;background:#f7fafc}
#invi-label-draft .ip-custom-size-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#invi-label-draft .ip-custom-size-head>strong{font-size:13px;color:#243443}
#invi-label-draft .ip-custom-size-head>label{display:grid;grid-template-columns:auto 76px;align-items:center;gap:7px;font-size:11px;font-weight:650}
#invi-label-draft #ip-size-unit{width:76px;padding:7px 8px;font-size:13px}
#invi-label-draft .ip-custom-size-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:9px}
#invi-label-draft .ip-size-times{padding-bottom:9px;color:#637381;font-size:15px;font-weight:750}
#invi-label-draft .ip-custom-size-fields label{display:grid;gap:5px;font-size:11px;font-weight:650;color:#394a58}
#invi-label-draft .ip-custom-size-fields input{width:100%;min-width:0;padding:9px 10px;border:1px solid #c8d2dc;border-radius:8px;background:#fff;font-size:15px;color:#1e2933}
#invi-label-draft .ip-custom-size-status{display:block;min-height:16px;margin-top:8px;color:#637381;font-size:11px;line-height:1.4}
#invi-label-draft .ip-custom-size-status.is-loading{color:#8a5200}
#invi-label-draft .ip-custom-size-status.is-success{color:#16803c;font-weight:650}
#invi-label-draft .ip-custom-size-status.is-error{color:#b42318}
@media(max-width:390px){#invi-label-draft .ip-custom-size{padding:11px}#invi-label-draft .ip-custom-size-head{align-items:flex-start}#invi-label-draft .ip-custom-size-head>label{grid-template-columns:1fr;text-align:right}}