:root{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:#202430;background:radial-gradient(circle at 5% 5%,rgba(57,107,203,.12),transparent 30%),radial-gradient(circle at 95% 95%,rgba(226,109,90,.1),transparent 30%),#f4f7fb;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{max-width:1280px;margin:0 auto;padding:1.5rem;display:grid;gap:1rem;grid-template-columns:1.1fr .9fr}.version-chip{position:fixed;right:.9rem;bottom:.9rem;z-index:10;border:1px solid #c7d6ee;background:#fffffff2;color:#2b3550;border-radius:999px;padding:.36rem .72rem;font-size:.76rem;letter-spacing:.01em;box-shadow:0 8px 22px #172a4f1a}.panel{background:#ffffffeb;border:1px solid #dce4f0;border-radius:20px;padding:1.2rem;box-shadow:0 12px 28px #172a4f14}h1,h2,h3,p{margin-top:0}h1{font-size:1.35rem;margin-bottom:.25rem}.eyebrow{margin:0;color:#4a6aa8;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.subtle{color:#586177;font-size:.92rem}.section-note{margin:.2rem 0 .55rem}label,.status-field,fieldset{display:grid;gap:.42rem;margin-bottom:.9rem}label span,legend{font-size:.84rem;color:#3a4458}.label-line{display:inline-flex;align-items:center;gap:.35rem}.label-line>span:first-child{line-height:1.2}textarea,input,select,button{font:inherit}textarea,input[type=number],select{border:1px solid #c8d3e4;border-radius:10px;padding:.55rem .65rem;background:#fff}input[type=range]{width:100%}input[type=color]{width:100%;height:2.6rem;border-radius:10px;border:1px solid #c8d3e4;padding:.2rem}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.input-mode-tabs{display:inline-flex;gap:.4rem;margin-bottom:.8rem}.input-tab{border:1px solid #9db3d9;background:#eef3fb;color:#2c3f63}.input-tab.active{border-color:#2f5cb2;background:#3f71d7;color:#fff}.payment-form{border:1px solid #dce4f0;border-radius:12px;padding:.7rem;margin-bottom:.9rem}.payment-form input[type=text],.payment-form select,.payment-form textarea{width:100%;min-width:0}.payment-form legend{padding:0 .3rem;font-weight:600;color:#2f3e60}.account-number-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr) auto minmax(0,.8fr);gap:.45rem;align-items:end}.account-number-row label{margin:0;min-width:0}.separator{color:#55617a;font-weight:700;line-height:2.6rem}.payment-meta{margin-top:.6rem;line-height:1.35}.error-inline{color:#b42318}.toggle{display:flex;align-items:center;gap:.6rem}.toggle input[type=checkbox]{width:1rem;height:1rem}.preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.preset-group{border:1px dashed #c9d5e8;border-radius:10px;padding:.5rem;margin-bottom:.55rem}.preset-group>summary{cursor:pointer;font-size:.84rem;color:#31415f;font-weight:600;list-style:none}.preset-group>summary::-webkit-details-marker{display:none}.preset-group>summary:before{content:"▶";font-size:.68rem;margin-right:.4rem;color:#4b6ca7}.preset-group[open]>summary:before{content:"▼"}.preset-group[open]>summary{margin-bottom:.5rem}.preset{border:1px solid #c8d3e4;border-radius:10px;background:#f9fbff;padding:.46rem .52rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.35rem;text-align:left;color:#2b3550;white-space:normal;cursor:pointer}.preset:hover{border-color:#86a3d6}.preset-copy{display:flex;flex-direction:column;gap:.08rem;min-width:0;flex:1 1 auto}.preset-copy>span:first-child{font-size:.79rem;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.preset-meta{font-size:.64rem;color:#5c6780;line-height:1.15}.preset-tools{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex:0 0 auto}.preset-swatch{width:.92rem;height:.92rem;border-radius:50%;border:1px solid rgba(32,36,48,.12)}.preset-badges{display:flex;gap:.18rem;min-width:0;flex-wrap:wrap;justify-content:flex-end}.preset-badge{border:1px solid #c7d6ee;border-radius:999px;font-size:.58rem;line-height:1;padding:.14rem .28rem;color:#2b3b5d;background:#f4f8ff}.preset-badge.fg{border-color:#9ec0f4;background:#eaf2ff;color:#204487}.preset-badge.bg{border-color:#a8d4bc;background:#edf8f1;color:#1f6a3f}.logo-space{border:1px dashed #c9d5e8;border-radius:12px;padding:.7rem .8rem}.color-editor-grid{margin-bottom:.35rem}.color-editor-card{border:1px dashed #c9d5e8;border-radius:12px;background:#fbfdff;padding:.55rem;display:grid;gap:.42rem}.color-editor-card label{margin:0}.color-picker-card{position:relative}.color-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.swatch-trigger{border:1px solid #c9d5e8;border-radius:12px;padding:.45rem;background:#fff;color:#24324d;display:flex;align-items:center;gap:.65rem;text-align:left;box-shadow:inset 0 0 0 1px #ffffff6b}.swatch-trigger:hover{border-color:#89a6da;background:#f8fbff}.swatch-trigger.active{border-color:#4270cf;box-shadow:0 0 0 3px #4270cf24}.swatch-trigger-color{width:4.1rem;height:2.9rem;border-radius:10px;border:1px solid rgba(25,36,56,.12);flex:0 0 auto}.swatch-trigger-copy{display:flex;flex-direction:column;gap:.16rem;min-width:0}.swatch-trigger-copy strong{color:#1e2c46;font-size:.92rem;line-height:1.2}.swatch-trigger-copy span{color:#5b6780;font-size:.76rem;line-height:1.25}.swatch-picker-popover{position:absolute;top:calc(100% + .55rem);left:0;z-index:20;width:100%;padding:.7rem;border:1px solid #cdd8eb;border-radius:14px;background:#fffffffa;box-shadow:0 16px 34px #16284e29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swatch-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.65rem}.swatch-picker-current{display:flex;align-items:center;gap:.55rem;min-width:0}.swatch-picker-large{width:3rem;height:3rem;border-radius:12px;border:1px solid rgba(25,36,56,.12);flex:0 0 auto}.swatch-picker-copy{display:flex;flex-direction:column;gap:.14rem;min-width:0}.swatch-picker-copy strong{color:#1f2c45;font-size:.9rem;line-height:1.2}.swatch-picker-copy span{color:#5c6680;font-size:.76rem;line-height:1.2}.picker-action{border-color:#a9bddf;background:#eef4ff;color:#244278;padding:.48rem .68rem;min-width:7.75rem}.picker-action:hover{background:#e2ecff}.picker-support-note{color:#64708a;font-size:.76rem;line-height:1.25;text-align:right}.color-surface{position:relative;width:100%;aspect-ratio:1.12 / .78;border-radius:14px;overflow:hidden;cursor:crosshair;border:1px solid rgba(26,40,67,.12);background:linear-gradient(to top,black,transparent),linear-gradient(to right,white,var(--picker-hue))}.color-surface-knob{position:absolute;left:var(--picker-x);top:var(--picker-y);width:1rem;height:1rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #1b273ebf,0 4px 12px #13223d38;transform:translate(-50%,-50%);pointer-events:none}.picker-slider-row{gap:.3rem;margin-top:.65rem}.picker-slider-row span{font-size:.76rem}.swatch-picker-popover .card-mode-row{margin-top:.65rem}.swatch-picker-popover .color-facts{margin-top:.2rem}.picker-profile-note{margin:.45rem 0 0;font-size:.73rem;line-height:1.35}.hue-range{width:100%;height:.78rem;border-radius:999px;border:1px solid rgba(28,42,68,.12);padding:0;background:linear-gradient(90deg,#ff3b30,#ff9500,#fc0,#34c759,#0a84ff,#5e5ce6 80%,#ff2d55);-webkit-appearance:none;-moz-appearance:none;appearance:none}.hue-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;border:2px solid #fff;background:#274989;box-shadow:0 0 0 1px #1a253a8c,0 3px 8px #1a253a38}.hue-range::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;border:2px solid #fff;background:#274989;box-shadow:0 0 0 1px #1a253a8c,0 3px 8px #1a253a38}.hue-range::-moz-range-track{height:.78rem;border-radius:999px;background:transparent}.color-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .55rem}.color-facts p{margin:0;font-size:.76rem;color:#4d5870;line-height:1.25}.color-facts strong{color:#2e3a52;margin-right:.2rem}.card-mode-row{gap:.28rem}.card-mode-row span{font-size:.78rem}.card-preset-group{margin-bottom:.45rem;padding:.45rem}.card-preset-group:last-child{margin-bottom:0}.card-preset-group>summary{font-size:.8rem}.compact-toggle{margin-top:.2rem;margin-bottom:.25rem}.channel-grid{display:grid;gap:.4rem}.channel-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.channel-grid label{margin:0;gap:.22rem}.channel-grid label span{font-size:.72rem}.channel-grid input[type=number]{padding:.4rem .45rem;min-width:0}.channel-grid input[disabled]{background:#f2f5fa;color:#8c96ab}.channel-grid.compact{margin-top:.15rem}.channel-grid.compact input[type=number]{padding:.36rem .42rem}hr{border:0;border-top:1px solid #e5ebf5;margin:1rem 0}.status-box{border:1px solid #d5deed;border-radius:10px;min-height:2.45rem;padding:.6rem;color:#3a4458;background:#fafcff}.coordinate-box{font-family:JetBrains Mono,Cascadia Code,monospace;font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}.actions{display:flex;gap:.6rem}button{border-radius:10px;border:1px solid #2f5cb2;padding:.58rem .85rem;color:#fff;background:#3f71d7;cursor:pointer}button.help-icon{width:1.1rem;height:1.1rem;min-width:1.1rem;border-radius:999px;border:1px solid #9fb4d8;padding:0;background:#edf3fd;color:#28457d;font-size:.72rem;font-weight:700;line-height:1;cursor:help}button.help-icon:hover{background:#dbe8fb}button.help-icon:focus-visible{outline:2px solid #7995ca;outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.55}.error{margin:.6rem 0 0;color:#b42318;font-size:.88rem}.canvas-wrap{width:fit-content;max-width:100%;overflow:auto;border:1px solid #d8e1ef;border-radius:12px;padding:.65rem;background:#fff}.checker{background:linear-gradient(45deg,#edf1f9 25%,transparent 25%),linear-gradient(-45deg,#edf1f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf1f9 75%),linear-gradient(-45deg,transparent 75%,#edf1f9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.canvas-wrap canvas{display:block;max-width:100%;height:auto}.validation,.help{margin-top:1rem;border-top:1px solid #e5ebf5;padding-top:.8rem}.badge{display:inline-block;border-radius:999px;padding:.32rem .7rem;font-size:.8rem;margin-bottom:.45rem}.badge.ok{background:#eaf8ef;color:#1b6f3c;border:1px solid #b9ebca}.badge.bad{background:#fff0ed;color:#a13a2b;border:1px solid #f0c3bb}.badge.pending{background:#fff8e8;color:#8a5a00;border:1px solid #f0d49b}.verify-status-box{margin-top:.8rem}.branding-panel{border:1px solid #dce4f0;border-radius:14px;padding:.7rem;background:#fbfdff}.branding-panel summary{cursor:pointer;font-weight:600;color:#2f3e60}.branding-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.branding-group{border:1px solid #dce4f0;border-radius:10px;padding:.65rem;margin:.55rem 0 0}.branding-group legend{padding:0 .35rem;color:#3f4f70}.compliance-mode{border-style:dashed}.warning-inline{margin:.2rem 0 0;color:#8a3c14;font-size:.82rem}ul{margin:.35rem 0 0;padding-left:1rem}.adjustment-notes{margin-top:.6rem;color:#344d77}@media(max-width:980px){main{grid-template-columns:1fr}}@media(max-width:640px){main{padding:.8rem;gap:.75rem}.panel{padding:.9rem;border-radius:14px}.grid.two,.grid.three{grid-template-columns:1fr;gap:.55rem}.input-mode-tabs{display:flex;width:100%}.input-tab{flex:1}.account-number-row{grid-template-columns:1fr;gap:.55rem}.separator{display:none}.color-facts{grid-template-columns:1fr;gap:.15rem}.swatch-trigger{padding:.42rem;gap:.55rem}.swatch-trigger-color{width:3.4rem;height:2.55rem}.swatch-trigger-copy strong{font-size:.86rem}.swatch-trigger-copy span{font-size:.72rem}.swatch-picker-popover{position:static;width:100%;margin-top:.15rem;padding:.62rem;box-shadow:inset 0 0 0 1px #c9d5e852}.preset-list{gap:.35rem}.preset{padding:.42rem .46rem}.preset-copy>span:first-child{font-size:.74rem}.preset-meta{font-size:.61rem}.swatch-picker-toolbar{flex-direction:column;align-items:stretch}.picker-action{width:100%;min-width:0}.picker-support-note{text-align:left}.channel-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{flex-direction:column}.version-chip{position:static;justify-self:end}.canvas-wrap{width:100%;padding:.5rem}.canvas-wrap canvas{margin:0 auto}}