@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111827;--muted:#697183;--paper:#f8f5ee;--paper-bright:#fffdf8;--line:#dcd7ce;--line-dark:#c8c1b6;--coral:#ff674d;--acid:#d6ff5b;--blue:#2e62ff;--shadow:0 20px 70px #25262c1f;background:#e8e3da;font-family:Manrope Variable,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 14% 0,#ffffffbd,#0000 34%),#e8e3da;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2e62ff47}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{z-index:20;color:#f9f7f1;background:var(--ink);border-bottom:1px solid #ffffff1f;grid-template-columns:220px 1fr 220px;align-items:center;gap:20px;height:72px;padding:0 24px;display:grid;position:relative}.brand{width:max-content;color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand>span:last-child{align-items:baseline;gap:4px;display:flex}.brand strong{letter-spacing:-.04em;font-family:Fraunces Variable,serif;font-size:24px;font-weight:680}.brand small{color:#aeb6c6;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:750}.brand-mark{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:4px;width:34px;height:34px;display:grid;position:relative;transform:rotate(-2deg)}.brand-mark i{border:4px solid #f9f7f1;border-radius:4px;display:block}.brand-mark i:nth-child(3){grid-column:1}.brand-mark b{background:var(--coral);width:11px;height:11px;box-shadow:-6px -6px 0 var(--acid);position:absolute;bottom:1px;right:1px}.main-nav{background:#ffffff0f;border:1px solid #ffffff14;border-radius:13px;justify-self:center;align-items:center;gap:4px;padding:5px;display:flex}.main-nav button,.install-button,.login-button{cursor:pointer;border:0}.main-nav button{color:#aeb6c6;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .16s;display:flex}.main-nav button:hover{color:#fff;background:#ffffff14}.main-nav button.is-active{color:var(--ink);background:var(--acid)}.topbar-actions{justify-self:end;gap:8px;display:flex}.install-button,.login-button{border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:12px;font-weight:750;display:flex}.install-button{color:#dce1eb;background:0 0;border:1px solid #424b5d}.login-button{color:var(--ink);background:#f9f7f1}.studio{min-height:calc(100vh - 72px)}.studio-toolbar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 24px;display:flex}.mode-switcher{background:#e8e4dc;border-radius:11px;align-items:center;gap:3px;height:42px;padding:4px;display:flex}.mode-switcher button{color:#717989;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 15px;font-size:12px;font-weight:760;display:flex}.mode-switcher button.is-active{color:var(--ink);background:var(--paper-bright);box-shadow:0 2px 8px #11182714}.mode-switcher button.mode-qris.is-active{box-shadow:inset 0 0 0 1px #e24b39,0 2px 8px #11182714}.document-state{align-items:center;gap:10px;display:flex}.document-state>span{color:#747b88;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.document-state>i{background:var(--line);width:1px;height:26px}.document-state>button{border:1px solid var(--line);background:var(--paper-bright);cursor:pointer;border-radius:9px;height:36px}.document-state>button:not(.batch-button):not(.save-button){place-items:center;width:36px;display:grid}.document-state .batch-button,.document-state .save-button{align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:760;display:flex}.qris-lock-badge{background:#e1f3e9;border:1px solid #b8deca;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 11px;color:#27664e!important;font-size:9px!important;font-weight:760!important;display:flex!important}.qris-lock-badge.is-pending{background:#f1ede6;border-color:#d8d0c5;color:#73675f!important}.document-state .save-button{color:#fff;background:var(--ink);border-color:var(--ink)}.studio-grid{background:#e7e2d9;grid-template-columns:minmax(340px,390px) minmax(460px,1fr) minmax(280px,318px);min-height:calc(100vh - 140px);display:grid}.editor-panel{background:var(--paper-bright);border-right:1px solid var(--line);min-width:0}.editor-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5beb4 transparent;height:calc(100vh - 140px);overflow-y:auto}.editor-section{border-bottom:1px solid var(--line);padding:25px 24px 27px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:-1px 0 3px;font-family:Fraunces Variable,serif;font-size:20px;font-weight:650}.section-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.step-number{width:30px;height:30px;color:var(--ink);background:var(--acid);border:1px solid var(--ink);letter-spacing:.05em;box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:0 0 30px;place-items:center;font-size:9px;font-weight:850;display:grid}.step-number--qris{color:#fff;background:#e33f2f;border-color:#9f241a;box-shadow:2px 2px #9f241a}.qris-source-section{background:linear-gradient(135deg,#ffffffe0,#0000 58%),#fff9f4}.qris-dropzone{color:#596171;cursor:pointer;background:#ffffffc7;border:1px dashed #bdafa4;border-radius:13px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:92px;padding:14px;transition:all .16s;display:grid;position:relative}.qris-dropzone:hover{border-color:#e24b39;transform:translateY(-1px);box-shadow:0 8px 22px #78342914}.qris-dropzone.is-busy{pointer-events:none;opacity:.7}.qris-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.qris-upload-icon{color:#fff;background:#e33f2f;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;box-shadow:3px 3px #ffb39e}.qris-dropzone>span:nth-child(2){gap:4px;min-width:0;display:grid}.qris-dropzone strong{color:#2d3442;font-size:11px}.qris-dropzone small{color:#8c919a;font-size:8px}.qris-browse{color:#9d2c21;background:#fff0ea;border:1px solid #f3c4b9;border-radius:8px;padding:7px 10px;font-size:8px;font-weight:800}.qris-file-card{background:#fff;border:1px solid #ded5cc;border-radius:13px;grid-template-columns:62px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid;box-shadow:0 6px 20px #261f1b0d}.qris-file-card>img{object-fit:contain;background:#fff;border:1px solid #e4ded6;border-radius:9px;width:62px;height:62px}.qris-file-copy{gap:3px;min-width:0;display:grid}.qris-file-copy>strong{color:#252c3a;text-overflow:ellipsis;white-space:nowrap;font-family:Fraunces Variable,serif;font-size:14px;overflow:hidden}.qris-file-copy>small{color:#8a909b;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.qris-status{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;width:max-content;font-size:7px;font-weight:850;display:inline-flex}.qris-status--valid{color:#25835a}.qris-status--invalid{color:#c03e30}.file-action{color:#5e6675;cursor:pointer;background:#f3f0ea;border:1px solid #ded8cf;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:relative}.file-action input{opacity:0;cursor:pointer;position:absolute;inset:0}.qris-error,.qris-safety-note{color:#8f3027;background:#fff0ed;border:1px solid #f1c3bc;border-radius:9px;align-items:flex-start;gap:8px;margin-top:11px;padding:10px 11px;font-size:8px;line-height:1.5;display:flex}.qris-safety-note{margin-top:0}.qris-error svg,.qris-safety-note svg{flex:none}.qris-error-list{color:#873a32;margin:8px 0 0;padding-left:22px;font-size:8px;line-height:1.6}.qris-verification-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.qris-verification-grid>span{text-align:center;color:#26704f;background:#edf8f1;border:1px solid #cde8d8;border-radius:9px;justify-items:center;gap:3px;min-width:0;padding:9px 7px;display:grid}.qris-verification-grid b{color:#315b49;font-size:8px}.qris-verification-grid small{color:#799184;font-size:7px}.style-fieldset{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.style-fieldset:disabled{opacity:.38;pointer-events:none}.editor-section.is-locked,.editor-details.is-locked{background:#f5f3ef}.locked-message{color:#747b88;background:#ebe8e2;border-radius:9px;align-items:center;gap:8px;margin-bottom:15px;padding:11px;font-size:8px;line-height:1.45;display:flex}.content-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.content-type{color:#687083;cursor:pointer;background:#f5f2ec;border:1px solid #e6e0d8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;height:61px;padding:8px 4px;font-size:9px;font-weight:750;transition:all .15s;display:flex}.content-type:hover{border-color:#9fa5af;transform:translateY(-1px)}.content-type.is-active{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:0 7px 16px #11182729}.dynamic-fields{gap:13px;margin-top:18px;display:grid}.field,.range-field{gap:7px;min-width:0;display:grid}.field__head{color:#353c4b;letter-spacing:.025em;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:780;display:flex}.field__head small,.field__head output{color:#8b919c;letter-spacing:0;font-size:9px;font-weight:650}.field input,.field textarea,.field select,.color-field__text,.batch-input{width:100%;color:var(--ink);background:#f8f5ef;border:1px solid #ded8cf;border-radius:9px;transition:all .15s}.field input,.field select,.color-field__text{height:40px;padding:0 11px;font-size:11px}.field textarea,.batch-input{resize:vertical;padding:11px;font-size:11px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus,.color-field__text:focus,.batch-input:focus{background:#fff;border-color:#81899a;outline:none;box-shadow:0 0 0 3px #2e62ff17}.field-row{grid-template-columns:1fr 1fr;gap:10px;min-width:0;display:grid}.pattern-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.pattern-choice{color:#737b89;cursor:pointer;background:#f5f2ec;border:1px solid #e3ddd4;border-radius:10px;justify-items:center;gap:6px;min-width:0;padding:10px 6px 7px;font-size:9px;font-weight:720;display:grid}.pattern-choice.is-active{color:var(--ink);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff}.pattern-icon{grid-template-columns:repeat(3,1fr);gap:2px;width:30px;height:30px;display:grid}.pattern-icon i{background:currentColor;display:block}.pattern-icon--rounded i,.pattern-icon--extra-rounded i{border-radius:3px}.pattern-icon--dots i{border-radius:50%;transform:scale(.78)}.pattern-icon--classy i:nth-child(3n+1){border-radius:7px 0 0}.pattern-icon--classy i:nth-child(2n){border-radius:50%;transform:scale(.72)}.pattern-icon--classy-rounded i{border-radius:50% 5px}.pattern-icon--extra-rounded i:nth-child(odd){border-radius:50%}.color-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-field{color:#353c4b;gap:7px;min-width:0;font-size:10px;font-weight:780;display:grid}.color-field__control{align-items:center;display:flex;position:relative}.color-field__picker{cursor:pointer;border:0;border-radius:7px;width:29px;height:29px;padding:0;position:absolute;left:6px;overflow:hidden}.color-field__picker::-webkit-color-swatch-wrapper{padding:0}.color-field__picker::-webkit-color-swatch{border:1px solid #00000026;border-radius:7px}.color-field__text{text-transform:uppercase;padding-left:43px;font-size:10px;font-weight:650}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;display:flex;position:relative}.toggle-row>span:first-child{gap:2px;display:grid}.toggle-row strong{color:#353c4b;font-size:10px;font-weight:760}.toggle-row small{color:#9297a1;font-size:9px}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle{background:#c8c8c5;border-radius:999px;flex:0 0 35px;width:35px;height:21px;padding:3px;transition:all .15s}.toggle span{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .16s;display:block;box-shadow:0 1px 4px #0003}.toggle-row input:checked+.toggle{background:var(--ink)}.toggle-row input:checked+.toggle span{background:var(--acid);transform:translate(14px)}.toggle-row.is-disabled{cursor:not-allowed;opacity:.62}.safety-mode-panel{color:#76561a;background:#fff8df;border:1px solid #dfc570;border-radius:11px;margin-bottom:4px;padding:13px}.safety-mode-panel.is-active{color:#235f49;background:#eaf7f0;border-color:#a9d5c0}.safety-mode-panel__head{align-items:center;gap:10px;display:flex}.safety-mode-panel__icon{width:34px;height:34px;color:inherit;background:#ffffffc7;border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.safety-mode-panel .toggle-row{width:100%;margin-top:0}.safety-mode-panel p{color:inherit;margin:10px 0 0 44px;font-size:8px;line-height:1.45}.safety-limit-grid{grid-template-columns:1fr 1fr;gap:6px;margin:11px 0 0 44px;display:grid}.safety-limit-grid span{color:#356c57;text-align:center;background:#ffffff9e;border:1px solid #235f491f;border-radius:6px;padding:5px 6px;font-size:7px;font-weight:760}.sub-panel{background:#f3f0e9;border:1px dashed #d2cbc1;border-radius:10px;gap:14px;margin-top:13px;padding:13px;display:grid}.range-field input[type=range]{appearance:none;background:linear-gradient(to right, var(--ink) 0 var(--range-progress), #d8d4ce var(--range-progress) 100%);cursor:pointer;border-radius:99px;width:100%;height:4px;margin:6px 0}.range-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--acid);border:2px solid var(--ink);width:16px;height:16px;box-shadow:1px 1px 0 var(--ink);border-radius:50%}.editor-details{background:var(--paper-bright);border-bottom:1px solid var(--line)}.editor-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:59px;padding:0 24px;list-style:none;display:flex}.editor-details summary::-webkit-details-marker{display:none}.editor-details summary>span{color:#343a48;align-items:center;gap:8px;font-size:11px;font-weight:790;display:flex}.editor-details summary small{color:#9297a2;font-size:9px;font-weight:620}.editor-details summary:after{content:"+";color:#7f8692;margin-left:auto;font-size:17px;font-weight:450}.editor-details[open] summary:after{content:"−"}.editor-details[open] summary{border-bottom:1px dashed #e1dbd3}.details-content{gap:14px;padding:17px 24px 23px;display:grid}.logo-upload,.brand-logo-upload{color:#697183;cursor:pointer;background:#f5f2ec;border:1px dashed #b8b1a7;border-radius:11px;align-items:center;gap:12px;display:flex;position:relative;overflow:hidden}.logo-upload{min-height:68px;padding:10px 13px}.logo-upload>svg{margin-left:7px}.logo-upload img{object-fit:contain;background:#fff;border:1px solid #ded8cf;border-radius:9px;width:48px;height:48px}.logo-upload>span{gap:2px;display:grid}.logo-upload strong,.brand-logo-upload strong{color:#363d4c;font-size:10px}.logo-upload small,.brand-logo-upload small{color:#8d939d;font-size:9px}.logo-upload input,.brand-logo-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.text-button{cursor:pointer;text-underline-offset:3px;background:0 0;border:0;width:max-content;padding:0;font-size:9px;font-weight:750;text-decoration:underline}.danger{color:#d2493c!important}.frame-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.frame-choice{color:#7a818f;cursor:pointer;background:#f5f2ec;border:1px solid #e1dbd2;border-radius:9px;justify-items:center;gap:6px;min-width:0;padding:8px 4px;font-size:8px;font-weight:750;display:grid}.frame-choice.is-active{color:var(--ink);border-color:var(--ink);background:#fff}.frame-mini{border:2px solid;border-radius:4px;width:28px;height:32px;display:block}.frame-mini--none{opacity:.45;border-style:dotted}.frame-mini--caption:after,.frame-mini--scan-me:after{content:"";background:currentColor;width:14px;height:2px;margin:23px auto 0;display:block}.frame-mini--ticket{border-style:dashed;border-radius:6px}.frame-mini--scan-me{border-width:3px;border-radius:9px}.format-list{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.format-choice{text-align:left;cursor:pointer;background:#f5f2ec;border:1px solid #e1dbd2;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.format-choice>span:last-child{gap:2px;min-width:0;display:grid}.format-choice strong{color:#343b49;font-size:10px}.format-choice small{color:#9095a0;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.format-choice.is-active{background:var(--ink);border-color:var(--ink)}.format-choice.is-active strong{color:#fff}.format-choice.is-active small{color:#afb6c4}.barcode-lines{flex:0 0 28px;align-items:stretch;gap:2px;width:28px;height:26px;display:flex}.barcode-lines i{background:currentColor;width:3px}.barcode-lines i:nth-child(2){width:1px}.barcode-lines i:nth-child(4){width:5px}.preview-stage{background:#e7e2d9;grid-template-rows:50px 1fr;min-width:0;height:calc(100vh - 140px);display:grid;overflow:hidden}.preview-stage__header{z-index:2;border-bottom:1px solid #11182717;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative}.live-badge{color:#666d79;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:780;display:flex}.live-badge>span{background:#2dac6f;border:2px solid #2dac6f40;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2dac6f1f}.preview-toolbar{background:#ffffff94;border:1px solid #1118271a;border-radius:8px;align-items:center;gap:2px;height:31px;padding:2px;display:flex}.preview-toolbar button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.preview-toolbar button:hover{background:#fff}.preview-toolbar output{text-align:center;min-width:40px;font-size:9px;font-weight:750}.toolbar-divider{background:#d1ccc3;width:1px;height:17px}.canvas-space{background-image:linear-gradient(#1c222d0b 1px,#0000 1px),linear-gradient(90deg,#1c222d0b 1px,#0000 1px);background-position:0 0,0 0;background-size:24px 24px;place-items:center;min-height:0;animation:16s linear infinite canvas-grid-drift;display:grid;position:relative;overflow:auto}@keyframes canvas-grid-drift{to{background-position:24px 0,24px 0}}.canvas-grain{opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");position:absolute;inset:0}.automatic-logo-shape-note{color:#3b4658;background:#f0f6e5;border:1px solid #d7e5bd;border-radius:10px;align-items:center;gap:10px;min-height:50px;padding:9px 11px;display:flex}.automatic-logo-shape-note>span:last-child{gap:2px;display:grid}.automatic-logo-shape-note strong{font-size:9px}.automatic-logo-shape-note small{color:#72805f;font-size:8px;line-height:1.4}.automatic-logo-shape-note__icon{width:30px;height:30px;color:var(--ink);background:var(--paper-bright);border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.automatic-logo-shape-note__icon>span{width:12px;height:17px;box-shadow:0 0 0 3px var(--paper-bright);border:3px solid;border-radius:8px 8px 8px 2px;transform:rotate(18deg)}.canvas-object{z-index:1;transform-origin:50%;filter:drop-shadow(0 26px 25px #2b272229);transition:transform .18s;position:absolute;top:50%;left:50%}.qr-artwork{border-radius:46px;justify-items:center;width:590px;padding:35px;display:grid;position:relative}.qr-artwork--none{border-radius:0;width:520px;padding:0}.qr-artwork--ticket{border:5px dashed #1118278c;border-radius:28px}.qr-artwork--ticket:before,.qr-artwork--ticket:after{content:"";background:#e7e2d9;border-radius:0 99px 99px 0;width:28px;height:56px;position:absolute;top:50%;transform:translateY(-50%)}.qr-artwork--ticket:before{left:-6px}.qr-artwork--ticket:after{right:-6px;transform:translateY(-50%)rotate(180deg)}.qr-artwork--scan-me{border:10px solid var(--ink);border-radius:65px;padding:28px}.qr-mount{width:520px;height:520px}.qr-mount canvas,.qr-mount svg{width:100%;height:100%;display:block}.qr-caption{letter-spacing:.12em;text-align:center;align-items:center;gap:12px;min-height:55px;margin-top:18px;font-size:22px;font-weight:850;display:flex}.qr-artwork--scan-me .qr-caption{letter-spacing:.08em;margin-top:8px;font-size:29px}.qris-empty-preview{text-align:center;width:470px;min-height:420px;font:inherit;color:#8a4a42;cursor:pointer;touch-action:manipulation;background:#fff9f4;border:3px dashed #d7b1a9;border-radius:48px;place-content:center;justify-items:center;padding:55px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 24px 60px #482f281f}.qris-empty-preview:hover{color:#9d2c21;background:#fffdfb;border-color:#e24b39;transform:translateY(-4px);box-shadow:0 30px 70px #482f2829}.qris-empty-preview:active{transform:translateY(-1px)scale(.995)}.qris-empty-preview:focus-visible{outline-offset:7px;border-color:var(--ink);outline:5px solid #c2ff3ac7}.qris-empty-preview img{object-fit:contain;filter:grayscale(.3);border-radius:18px;width:210px;height:210px;margin-bottom:22px}.qris-empty-preview__icon{color:#a54d42;background:#fff0ea;border:1px solid #efc0b5;border-radius:24px;place-items:center;width:82px;height:82px;margin-bottom:22px;display:grid;box-shadow:5px 5px #ffd0c4}.qris-empty-preview__icon svg{margin:0}.qris-empty-preview strong{color:#412f30;letter-spacing:-.035em;font-family:Manrope Variable,sans-serif;font-size:25px;font-weight:820}.qris-empty-preview__description{color:#8c7775;max-width:280px;margin-top:8px;font-size:11px;line-height:1.55}.qris-empty-preview small{color:#9d2c21;background:#fff0ea;border:1px solid #f3c4b9;border-radius:10px;align-items:center;gap:7px;margin-top:22px;padding:10px 14px;font-size:10px;font-weight:800;display:inline-flex}.privacy-pill--qris{color:#275b49;background:#e8f8eee6;border-color:#b9ddc8}.privacy-pill--qris.is-pending{color:#76655c;background:#f8f4edf0;border-color:#d9cec2}.caption-dot{background:currentColor;border-radius:50%;width:12px;height:12px}.barcode-artwork{border-radius:36px;place-items:center;min-width:520px;max-width:760px;min-height:270px;padding:55px;display:grid;position:relative}.barcode-artwork svg{max-width:100%;height:auto}.preview-error{color:#922f25;background:#ffddd7;border:1px solid #eea79b;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:750;display:flex;position:absolute;inset:auto 30px 24px}.privacy-pill{z-index:2;color:#525967;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#f8f5eed6;border:1px solid #1118271f;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:9px;font-weight:680;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.inspector{border-left:1px solid var(--line);background:#f1ede6;align-content:start;gap:12px;height:calc(100vh - 140px);padding:16px;display:grid;overflow-y:auto}.inspector-card{background:var(--paper-bright);border:1px solid #dcd6cd;border-radius:14px;padding:17px;box-shadow:0 5px 20px #1e1f2409}.inspector-title{color:#414856;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:820;display:flex}.score-row{align-items:center;gap:13px;margin-top:16px;display:flex}.score-ring{background:conic-gradient(var(--ring-color) var(--score), #e6e2da 0);border-radius:50%;flex-direction:column;flex:0 0 67px;justify-content:center;align-items:center;width:67px;height:67px;display:flex;position:relative}.score-ring:before{content:"";background:var(--paper-bright);border-radius:50%;position:absolute;inset:6px}.score-ring span,.score-ring small{z-index:1;position:relative}.score-ring span{font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-family:Manrope Variable,sans-serif;font-size:19px;font-weight:850;line-height:1}.score-ring small{color:#969ba4;margin-top:2px;font-size:7px;font-weight:720;line-height:1}.score-ring--good{--ring-color:#2dac6f}.score-ring--medium{--ring-color:#e6a62e}.score-ring--low{--ring-color:var(--coral)}.score-ring--pending{--ring-color:#c6c0b7;color:#8d857c}.score-row>div:last-child{min-width:0}.score-row strong{letter-spacing:-.025em;font-family:Manrope Variable,sans-serif;font-size:15px;font-weight:820}.score-row p{color:#7d8491;margin:4px 0 0;font-size:9px;line-height:1.5}.checks-list{border-top:1px dashed #ddd7ce;gap:8px;margin-top:16px;padding-top:13px;display:grid}.checks-list span{color:#606775;align-items:center;gap:7px;font-size:9px;font-weight:650;display:flex}.checks-list svg{color:#278f60}.checks-list span.is-warning{color:#8a6320}.checks-list span.is-warning svg{color:#d39424}.scan-verification{color:#625d56;background:#f3f0ea;border:1px solid #ded8cf;border-radius:10px;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:9px;margin-top:14px;padding:10px;display:grid}.scan-verification__icon{background:#ffffffb8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.scan-verification__copy{gap:2px;min-width:0;display:grid}.scan-verification__copy strong{font-size:9px;font-weight:820}.scan-verification__copy small{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.35;overflow:hidden}.scan-verification>button:not(.scan-confirm-button){color:currentColor;cursor:pointer;background:#ffffffb8;border:1px solid #37332f1f;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.scan-verification>button:not(.scan-confirm-button):hover:not(:disabled){background:#fff;border-color:currentColor}.scan-verification>button:not(.scan-confirm-button):disabled{cursor:not-allowed;opacity:.48}.scan-verification--running{color:#7d6322;background:#fff8df;border-color:#ead796}.scan-verification--running .scan-verification__icon svg{animation:1s linear infinite spin}.scan-verification--passed{color:#23694c;background:#eaf7f0;border-color:#b9ddca}.scan-verification--needs_confirmation{color:#76561a;background:#fff8df;border-color:#dfc570}.scan-verification--failed{color:#943a2f;background:#fff0ed;border-color:#ecc0b8}.scan-confirm-button{color:#173c32;cursor:pointer;min-height:34px;font:inherit;background:#d9f1e7;border:1px solid #9bcbb9;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:800;display:flex}.scan-confirm-button:hover{background:#c9e9dd;border-color:#5fa88d}.quick-presets{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.quick-presets button{text-align:left;cursor:pointer;background:#f5f2ec;border:1px solid #e4ded6;border-radius:9px;gap:7px;min-width:0;padding:9px;font-size:9px;font-weight:750;display:grid}.quick-presets button:hover{border-color:#979da8}.preset-swatches{display:flex}.preset-swatches i{border:2px solid #f5f2ec;border-radius:50%;width:19px;height:19px;margin-left:-3px}.preset-swatches i:first-child{margin-left:0}.link-row{color:#535a67;cursor:pointer;background:0 0;border:0;border-top:1px dashed #ded8cf;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:10px 0 0;font-size:9px;font-weight:720;display:flex}.export-variant-switch{background:#ebe7df;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:14px 0 10px;padding:3px;display:grid}.export-variant-switch button{color:#727985;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-width:0;min-height:46px;padding:7px 8px;display:flex}.export-variant-switch button>span{gap:1px;min-width:0;display:grid}.export-variant-switch strong{color:inherit;font-size:8.5px;line-height:1.2}.export-variant-switch small{color:#9298a1;text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.2;overflow:hidden}.export-variant-switch button.is-active{color:var(--ink);background:#fff;border-color:#d8d2c9;box-shadow:0 2px 8px #11182714}.export-variant-switch button:last-child.is-active{background-color:#fff;background-image:linear-gradient(45deg,#f0f0ec 25%,#0000 25%),linear-gradient(-45deg,#f0f0ec 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f0ec 75%),linear-gradient(-45deg,#0000 75%,#f0f0ec 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.export-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0 8px;transition:opacity .16s;display:grid}.export-preset-grid.is-vector{opacity:.45}.export-preset-grid button{color:#5a616e;text-align:left;cursor:pointer;background:#f7f4ee;border:1px solid #dfd9d0;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:58px;padding:8px;display:grid}.export-preset-grid button:hover:not(:disabled){border-color:#8b929e}.export-preset-grid button.is-active{color:var(--ink);border-color:var(--ink);box-shadow:2px 2px 0 var(--acid);background:#fff}.export-preset-grid button:disabled{cursor:not-allowed}.export-preset-grid button>span:last-child{gap:2px;min-width:0;display:grid}.export-preset-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:1.2;overflow:hidden}.export-preset-grid small{color:#8a909a;white-space:nowrap;font-size:7px;line-height:1.2}.export-preset-icon{width:28px;height:32px;color:var(--ink);background:#e8edf2;border-radius:7px;place-items:center;display:grid}.export-preset-icon--sticker{color:#8d3d30;background:#ffe4dc}.export-preset-icon--a4{color:#607b2b;background:#ecf9c7}.export-preset-icon--social{color:#006b70;background:#dff5f4}.export-preset-description{color:#717783;min-height:26px;margin:0 2px;font-size:7.5px;line-height:1.45}.transparent-export-description{color:#626a76;min-height:26px;margin:0 2px;font-size:7.5px;line-height:1.45}.format-segmented{background:#ebe7df;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;margin:11px 0;padding:3px;display:grid}.format-segmented--two{grid-template-columns:repeat(2,1fr)}.format-segmented button{color:#777e8b;cursor:pointer;background:0 0;border:0;border-radius:7px;height:31px;font-size:9px;font-weight:800}.format-segmented button.is-active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #11182714}.primary-button,.secondary-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:10px;font-weight:780;display:inline-flex}.primary-button{color:#fff;background:var(--ink);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--coral)}.primary-button:hover{box-shadow:4px 4px 0 var(--coral);transform:translate(-1px,-1px)}.secondary-button{color:#3e4553;background:#f7f4ee;border:1px solid #d8d2c9}.secondary-button--wide,.primary-button--wide{width:100%}.secondary-button--wide{margin-top:8px}.export-note{color:#8b6a34;margin:10px 2px 0;font-size:8px;line-height:1.5}.scan-export-note{color:#7d6322;background:#fff8df;border:1px solid #ead796;border-radius:8px;margin:10px 2px 0;padding:8px 9px;font-size:8px;line-height:1.5}.qris-export-disclaimer{color:#8a554d;border-top:1px dashed #dfd5cc;margin:10px 2px 0;padding-top:9px;font-size:8px;line-height:1.55}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f19ad;place-items:center;padding:24px;animation:.16s both fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid #fff6;border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(100%,560px);max-height:min(820px,100vh - 48px);animation:.23s cubic-bezier(.2,.8,.2,1) both modal-in;display:grid;overflow:hidden;box-shadow:0 30px 100px #0000004d}.modal--large{width:min(100%,820px)}.modal__header{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:18px 22px;display:flex}.eyebrow{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:850;display:block}.modal__header h2{letter-spacing:-.025em;margin:0;font-family:Fraunces Variable,serif;font-size:23px;font-weight:650}.icon-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.modal__body{padding:22px;overflow-y:auto}.template-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.template-card{text-align:left;background:var(--paper-bright);cursor:pointer;border:1px solid #dcd6cc;border-radius:13px;min-width:0;padding:0 0 13px;transition:all .16s;display:grid;overflow:hidden}.template-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1118271a}.template-card.is-selected{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.template-preview{place-items:center;height:142px;display:grid;position:relative;overflow:hidden}.template-index{color:currentColor;opacity:.48;font-size:8px;font-weight:850;position:absolute;top:9px;left:10px}.selected-check{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;right:8px}.template-real-qr{place-items:center;width:112px;height:112px;display:grid}.template-real-qr svg,.template-real-qr canvas{width:112px;height:112px;display:block}.template-card__copy{gap:3px;padding:12px 12px 6px;display:grid}.template-card__copy strong{font-family:Fraunces Variable,serif;font-size:15px}.template-card__copy small{color:#808691;min-height:27px;font-size:8px;line-height:1.5}.template-colors{padding:0 12px;display:flex}.template-colors i{border:2px solid var(--paper-bright);border-radius:50%;width:18px;height:18px;margin-left:-3px}.template-colors i:first-child{margin-left:0}.template-tip,.brand-intro{color:#5e6573;background:#ece8df;border-radius:10px;align-items:center;gap:10px;margin-top:18px;padding:13px 15px;display:flex}.template-tip p,.brand-intro p{margin:0;font-size:9px;line-height:1.5}.brand-intro{margin-top:0}.brand-intro>span{width:42px;height:42px;color:var(--ink);background:var(--acid);border:1px solid var(--ink);border-radius:11px;flex:0 0 42px;place-items:center;display:grid}.brand-form{gap:14px;margin-top:18px;display:grid}.brand-logo-upload{min-height:78px;padding:10px}.brand-logo-preview{background:#fff;border:1px solid #ddd7ce;border-radius:10px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}.brand-logo-preview img{object-fit:contain;border-radius:9px;width:100%;height:100%}.brand-logo-upload>span:nth-child(2){gap:3px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:270px;display:grid}.empty-state__icon{width:62px;height:62px;color:var(--ink);background:var(--acid);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:18px;place-items:center;margin-bottom:13px;display:grid}.empty-state strong{font-family:Fraunces Variable,serif;font-size:19px}.empty-state p{color:#7c838f;width:min(290px,100%);margin:7px 0 0;font-size:10px;line-height:1.6}.projects-list{gap:9px;display:grid}.project-row{background:var(--paper-bright);border:1px solid #ddd7ce;border-radius:12px;align-items:center;gap:12px;padding:9px;display:flex}.project-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.project-main>span:last-child{gap:3px;min-width:0;display:grid}.project-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.project-main small{color:#878d98;font-size:8px}.project-thumb{background:#e9e5dd;border-radius:9px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.project-thumb--qr{color:var(--ink);background:var(--acid)}.project-actions{gap:5px;display:flex}.project-actions button{color:#68707f;cursor:pointer;background:#f4f1eb;border:1px solid #ddd7ce;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.storage-note{color:#8a909a;text-align:center;margin:16px 0 0;font-size:8px;line-height:1.6}.bulk-studio{gap:20px;display:grid}.bulk-studio h3{letter-spacing:-.04em;margin:0;font-family:inherit;font-size:21px;line-height:1.3}.bulk-studio p{margin:0}.bulk-studio button,.bulk-file-button{min-height:44px}.bulk-studio button:disabled{opacity:.45;cursor:not-allowed}.bulk-studio .icon-button{min-width:44px;color:var(--ink);background:var(--paper-bright);border-color:var(--line)}.bulk-studio .bulk-delete{color:#8d554c}.bulk-download-link{min-height:44px;text-decoration:none}.bulk-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.bulk-steps button{border:1px solid var(--line);width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:750;display:flex}.bulk-steps button>span{background:var(--line);width:22px;height:22px;color:var(--ink);border-radius:50%;flex:0 0 22px;place-items:center;display:grid}.bulk-steps [aria-current=step]{color:var(--ink);background:var(--paper-bright);border-color:var(--ink)}.bulk-steps [aria-current=step]>span{background:var(--acid)}.bulk-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.bulk-layout>div{min-width:0}.bulk-preview{border:1px solid var(--line);background:#e9e5dd;border-radius:15px;place-items:center;height:350px;min-height:280px;padding:22px;display:grid;overflow:hidden}.bulk-preview img{object-fit:contain;width:100%;height:100%;min-height:0}.bulk-preview--transparent{background-color:#fff;background-image:conic-gradient(#e5e5e5 25%, transparent 0 50%, #e5e5e5 0 75%, transparent 0);background-size:20px 20px}.bulk-loading{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.bulk-intro,.bulk-export{gap:15px;display:grid}.bulk-intro>p:not(.bulk-note){color:#626a78;font-size:12px;line-height:1.7}.bulk-style-colors{align-items:center;gap:8px;display:flex}.bulk-style-colors i{border:1px solid var(--line);border-radius:50%;width:25px;height:25px}.bulk-style-colors span{color:var(--muted);margin-left:2px;font-size:11px}.bulk-studio .bulk-note{color:#737b88;font-size:11px;line-height:1.7}.bulk-preview+.bulk-note{margin-top:10px}.bulk-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.bulk-section-heading p{color:var(--muted);margin-top:5px;font-size:11px}.bulk-data{gap:14px;display:grid}.bulk-row-head,.bulk-row{grid-template-columns:32px minmax(0,1.25fr) minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.bulk-row-head{color:var(--muted);padding-inline:10px;font-size:10px}.bulk-row{background:var(--paper-bright);border:1px solid var(--line);border-radius:10px;padding:10px}.bulk-row.is-invalid{border-color:#d79b8f}.bulk-rows{gap:8px;display:grid}.bulk-row-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.bulk-cell{gap:6px;min-width:0;display:grid}.bulk-cell>span{color:var(--muted);font-size:11px;display:none}.bulk-cell input,.bulk-cell textarea,.bulk-import-input{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:11px 10px;font-size:12px}.bulk-cell textarea{resize:vertical;height:44px}.bulk-delete{color:#8d554c}.bulk-row-error{color:#a34230;grid-column:2/-1;font-size:11px;line-height:1.6}.bulk-list-actions,.bulk-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.bulk-list-actions>span{color:var(--muted);font-size:11px}.bulk-footer{border-top:1px solid var(--line);padding-top:16px}.bulk-pagination{justify-content:center;align-items:center;gap:16px;padding-top:12px;display:flex}.bulk-pagination span{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.bulk-import{background:#eeeae2;border:1px dashed #bcb5aa;border-radius:12px;gap:12px;padding:16px;display:grid}.bulk-import-options{justify-content:space-between;align-items:end;gap:12px;display:flex}.bulk-import-options>.field{flex:1}.bulk-file-button{cursor:pointer;position:relative;overflow:hidden}.bulk-file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.bulk-file-button:focus-within{outline:2px solid var(--ink);outline-offset:3px}.bulk-import-input{resize:vertical;min-height:130px;font-family:ui-monospace,monospace;line-height:1.7}.bulk-import-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.bulk-checkbox{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:11px;display:flex}.bulk-checkbox input{width:18px;height:18px;accent-color:var(--ink)}.bulk-export fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.bulk-preview-data{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--muted);max-height:80px;font-size:11px;line-height:1.6;overflow-y:auto;margin-top:10px!important}.bulk-progress{color:var(--muted);gap:8px;font-size:11px;display:grid}.bulk-progress progress{width:100%;height:7px;accent-color:var(--ink)}.bulk-error,.bulk-success{overflow-wrap:anywhere;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.6}.bulk-error{color:#9b3b2b;background:#fff0ed;border:1px solid #e8b8ad}.bulk-success{color:#23694c;background:#eaf7f0;border:1px solid #b9ddca;align-items:start;gap:8px;display:flex}.bulk-success svg{flex-shrink:0;margin-top:2px}.spinner-wrap{animation:1s linear infinite spin;display:grid}.toast{z-index:200;color:#fff;background:var(--ink);opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border:1px solid #3e4656;border-radius:12px;align-items:center;gap:9px;max-width:calc(100vw - 30px);min-height:43px;padding:8px 15px 8px 9px;font-size:10px;font-weight:680;transition:all .2s;display:flex;position:fixed;bottom:22px;left:50%;overflow:hidden;transform:translate(-50%,30px);box-shadow:0 15px 40px #0000003d}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast>span{width:25px;height:25px;color:var(--ink);background:var(--acid);border-radius:7px;flex:0 0 25px;place-items:center;display:grid}.studio-controls,.studio-controls-body{display:contents}.editor-panel{order:0}.preview-stage{order:1}.inspector{order:2}.mobile-primary-nav,.mobile-document-title,.mobile-editor-header,.mobile-editor-tools,.mobile-editor-scroll-hint,.mobile-preview-fit,.topbar-actions .mobile-brand-button,.topbar-actions .mobile-save-button,.sliding-tabs-pill{display:none}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.985)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.topbar{grid-template-columns:170px 1fr 175px;padding:0 18px}.main-nav button{padding:8px 9px}.install-button span{display:none}.studio-grid{grid-template-columns:minmax(330px,365px) minmax(430px,1fr) 285px}.inspector{padding:12px}.inspector-card{padding:14px}}@media (width<=1030px){.topbar{grid-template-columns:150px 1fr 120px}.main-nav button svg{display:none}.main-nav button{padding-inline:8px}.studio-grid{grid-template-columns:minmax(330px,370px) minmax(0,1fr)}.inspector{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,1fr);height:auto;overflow:visible}.preview-stage,.editor-scroll{height:calc(100vh - 140px)}.studio-grid{min-height:auto}}@media (width<=760px){html,body{overscroll-behavior:none;overflow:hidden}body{min-height:0}.app-shell{top:var(--mobile-viewport-top,0px);width:100%;height:var(--mobile-viewport-height,100dvh);flex-direction:column;min-height:0;display:flex;position:fixed;left:0;overflow:hidden}.topbar{height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));border-bottom:0;flex:none;grid-template-columns:1fr auto;gap:10px}.brand strong{font-size:22px}.brand-mark{width:31px;height:31px}.main-nav,.login-button,.install-button span{display:none}.topbar-actions .install-button{justify-content:center;width:44px;height:44px;padding:0}.topbar-actions .mobile-brand-button{display:flex}.topbar-actions .mobile-save-button{color:var(--ink);background:var(--acid);border-color:var(--acid);display:flex}.mobile-primary-nav{padding:4px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));background:var(--ink);color:#c1c8d5;flex:none;align-items:stretch;gap:4px;display:flex}.sliding-tabs{position:relative}.sliding-tabs-pill{pointer-events:none;z-index:0;opacity:1;will-change:transform, width;transition:transform .25s cubic-bezier(.22,1,.36,1),width .25s cubic-bezier(.22,1,.36,1),opacity .12s;display:block;position:absolute;left:0;transform:translate(0,0)}.sliding-tabs-pill.is-snapping{transition:none!important}.sliding-tabs-pill.is-hidden{opacity:0}.sliding-tabs>[role=tab]{z-index:1;position:relative}.mobile-primary-nav button{min-width:0;min-height:48px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-content:center;justify-items:center;gap:4px;font-size:10px;font-weight:750;display:grid}.mobile-generator-tabs{background:#202837;border:1px solid #ffffff17;border-radius:12px;flex:0 0 calc(50% - 6px);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-width:0;padding:3px;display:grid}.mobile-generator-tabs .sliding-tabs-pill{background:var(--acid);border-radius:9px;height:calc(100% - 6px);top:3px;box-shadow:0 5px 14px #0409113d}.mobile-generator-tabs button{color:#d3d9e4d1;background:0 0;min-height:46px;padding-inline:1px;transition:color .25s cubic-bezier(.22,1,.36,1)}.mobile-generator-tabs button.is-active{color:var(--ink);background:0 0}.mobile-primary-nav>.mobile-primary-action{flex:1 1 0;padding-inline:1px}.mobile-primary-nav>.mobile-primary-action.is-active{color:var(--ink);background:var(--acid)}.studio{flex-direction:column;flex:1;min-height:0;display:flex}.studio-toolbar{flex:0 0 52px;gap:8px;height:52px;min-height:0;padding:2px 12px}.mode-switcher{display:none}.mobile-document-title{gap:1px;font-size:12px;font-weight:800;display:grid}.mobile-document-title small{color:var(--muted);font-size:9px;font-weight:500}.document-state{gap:8px}.document-state>span,.document-state>i,.document-state .save-button{display:none}.document-state>.qris-lock-badge{display:none!important}.document-state>button:not(.batch-button):not(.save-button){width:44px;height:44px}.document-state .batch-button,.document-state .save-button{min-height:44px;padding:0 10px;font-size:11px}.document-state .batch-button span,.document-state .batch-button{display:none}input:not([type=range]):not([type=checkbox]):not([type=color]),select{min-height:44px;font-size:16px}textarea{font-size:16px}.studio-grid{flex-direction:column;flex:1;min-height:0;display:flex}.preview-stage{flex:1 1 0;order:0;grid-template-rows:36px minmax(0,1fr);height:auto;min-height:0}.canvas-space{overflow:hidden}.canvas-object{filter:drop-shadow(0 10px 14px #2b272224);transition:none;top:calc(50% - 12px)}.privacy-pill{max-width:calc(100% - 16px);padding:4px 8px;font-size:8px;bottom:6px}.privacy-pill svg{flex-shrink:0;width:12px;height:12px}.preview-stage__header{padding-inline:14px}.preview-toolbar{display:none}.mobile-preview-fit{color:var(--muted);font-size:9px;display:inline}.studio-controls{z-index:3;background:var(--paper-bright);border-top:1px solid var(--line-dark);border-radius:18px 18px 0 0;flex-direction:column;flex:0 0 clamp(236px,46%,390px);order:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 -4px 18px #1118270f}.studio-controls[data-open=false]{flex-basis:auto}.studio-controls[data-editor-tab=content][data-open=true]{flex-basis:clamp(288px,46%,390px)}.mobile-editor-header{border-bottom:1px solid var(--line);flex:0 0 48px;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;display:flex}.mobile-editor-header>span{gap:1px;display:grid}.mobile-editor-header strong{font-size:12px;font-weight:800}.mobile-editor-header small{color:var(--muted);font-size:9px}.mobile-editor-header button{min-width:76px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.studio-controls-body{flex:1;min-height:0;display:block;position:relative;overflow:hidden}.studio-controls[data-open=false] .studio-controls-body{display:none}.editor-panel{border:0;height:100%}.editor-scroll{height:100%;padding-bottom:30px;overflow-y:auto}.inspector{overscroll-behavior:contain;border:0;grid-template-columns:1fr;height:100%;padding:12px 12px 30px;display:none;overflow-y:auto}.mobile-editor-scroll-hint{background:linear-gradient(transparent, var(--paper-bright) 30%);height:26px;color:var(--muted);pointer-events:none;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:650;display:flex;position:absolute;inset:auto 0 0}.studio-controls[data-editor-tab=export] .editor-panel{display:none}.studio-controls[data-editor-tab=export] .inspector{flex-direction:column;display:flex}.inspector-card{flex-shrink:0}.inspector .export-card{order:-1}.inspector .preset-card,.studio-controls[data-editor-tab=content] [data-editor-section]:not([data-editor-section=content]),.studio-controls[data-editor-tab=style] [data-editor-section]:not([data-editor-section=style]),.studio-controls[data-editor-tab=logo] [data-editor-section]:not([data-editor-section=logo]),.studio-controls[data-editor-tab=frame] [data-editor-section]:not([data-editor-section=frame]){display:none}.editor-section{padding:14px 16px 18px}.editor-section .section-heading{display:none}.content-type-grid{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-dark) transparent;background:#eeebe5;border-radius:12px;flex-wrap:nowrap;gap:3px;padding:3px 3px 6px;display:flex;position:relative;overflow-x:auto}.content-type-grid::-webkit-scrollbar{height:4px}.content-type-grid .sliding-tabs-pill{background:var(--ink);border-radius:9px;height:44px;top:3px;box-shadow:0 6px 14px #11182729}.content-type{white-space:nowrap;background:0 0;border-color:#0000;flex-direction:row;flex:none;gap:7px;min-width:84px;height:44px;min-height:44px;padding:8px 12px;font-size:11px;transition:color .25s cubic-bezier(.22,1,.36,1),border-color .15s}.content-type:hover{border-color:#1118271f;transform:none}.content-type.is-active{color:#fff;box-shadow:none;background:0 0;border-color:#0000}.content-type-grid+.dynamic-fields{margin-top:8px}.editor-details summary{min-height:48px;padding:14px 16px}.details-content{padding:14px 16px 18px}.field-row,.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-row .field,.color-field{min-width:0}.field-row select{padding-left:8px}.field__head,.color-field>span:first-child{font-size:11px}.color-field__control .color-field__text{min-width:0;font-size:16px}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pattern-choice{min-height:64px}.frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.frame-choice{min-height:64px}.format-list{grid-template-columns:repeat(2,minmax(0,1fr))}.format-choice{gap:8px;min-height:58px;padding:8px}.range-field input[type=range]{background-position:50%;background-repeat:no-repeat;background-size:100% 4px;height:44px;margin:0}.range-field input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.toggle-row{min-height:48px}.text-button{min-height:44px}.file-action{min-width:44px;min-height:44px}.format-segmented button,.export-variant-switch button{min-height:44px}.primary-button,.secondary-button{min-height:44px;font-size:12px}.export-preset-description,.transparent-export-description,.export-note{font-size:11px}.logo-upload strong{font-size:12px}.logo-upload small{font-size:10px}.mobile-editor-tools{padding:6px max(10px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--paper-bright);flex:none;gap:8px;display:grid}.mobile-editor-tools .sliding-tabs-pill{background:var(--ink);border-radius:10px;height:50px;top:6px;box-shadow:0 5px 15px #11182724}.mobile-editor-tools button{min-width:0;min-height:50px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-content:center;justify-items:center;gap:4px;padding:4px 2px;font-size:10px;font-weight:750;transition:color .25s cubic-bezier(.22,1,.36,1);display:grid}.mobile-editor-tools button.is-active{color:var(--acid);background:0 0}.modal-backdrop{align-items:end;padding:0}.modal,.modal--large{width:100%;max-height:calc(var(--mobile-viewport-height,100dvh) - env(safe-area-inset-top) - 12px);border-radius:20px 20px 0 0}.modal__body{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal__header{min-height:75px}.modal__header .icon-button{min-width:44px;min-height:44px}.template-grid{grid-template-columns:repeat(2,1fr)}.bulk-layout{grid-template-columns:1fr;gap:18px}.bulk-preview{height:240px;min-height:180px}.bulk-studio h3{font-size:20px}.bulk-steps button{flex-direction:column;gap:5px;padding:8px 2px;font-size:10px}.bulk-section-heading{flex-direction:column;align-items:stretch;gap:12px}.bulk-import-options,.bulk-import-actions{flex-direction:column;align-items:stretch}.bulk-row-head{display:none}.bulk-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:12px}.bulk-row-number{grid-area:1/1}.bulk-delete{grid-area:1/2}.bulk-cell,.bulk-row-error{grid-column:1/-1}.bulk-cell>span{display:block}.bulk-cell input,.bulk-cell textarea,.bulk-import-input{font-size:16px}.toast{bottom:calc(76px + env(safe-area-inset-bottom));white-space:normal;max-width:calc(100% - 24px)}.app-shell[data-keyboard=true] .topbar,.app-shell[data-keyboard=true] .mobile-primary-nav,.app-shell[data-keyboard=true] .studio-toolbar{display:none}.app-shell[data-keyboard=true] .studio-controls[data-open=true]{flex-basis:58%}.app-shell[data-keyboard=true] .mobile-editor-header small{display:none}}@media (width<=430px){.brand small{display:none}.template-grid{grid-template-columns:1fr 1fr;gap:9px}.qris-dropzone{grid-template-columns:44px 1fr}.qris-browse{display:none}.qris-file-card{grid-template-columns:48px minmax(0,1fr) 44px}.qris-file-card>img{grid-row:span 2;width:48px;height:48px}.qris-file-copy{grid-row:span 2}.qris-file-card .file-action:last-child{grid-column:3}.template-preview{height:120px}.modal__body{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}@media (width<=760px) and (height<=600px){.topbar{height:calc(48px + env(safe-area-inset-top))}.studio-toolbar{display:none}.studio-controls{flex-basis:50%}.mobile-editor-header{flex-basis:44px}.mobile-editor-header small{display:none}}@media (width<=760px) and (orientation:landscape){.mobile-primary-nav{padding-block:2px}.mobile-primary-nav button{justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.studio-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(320px,1fr);display:grid}.preview-stage{height:100%}.studio-controls{border-left:1px solid var(--line);border-radius:14px 0 0;height:100%}.studio-grid:has(.studio-controls[data-open=false]){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.studio-controls[data-open=false]{height:auto}.studio-controls[data-open=false] .mobile-editor-header{display:none}}@media (prefers-reduced-motion:reduce){.canvas-space{animation:none!important}.sliding-tabs-pill,.sliding-tabs>[role=tab]{transition:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}