@import url('./keychain-fonts.css');
/* Clearer ordering journey and illustrated style choices. */
.kc-section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.kc-section-heading h2{margin-bottom:0}.kc-section-heading>span{font-size:11px;color:var(--kc-accent);white-space:nowrap}.kc-draft-status{font-size:11px;color:#777080;align-self:center}.kc-selected-style{font-size:12px;color:var(--kc-accent);margin:12px 0}.kc-order-note{background:var(--kc-card);border:1px solid var(--kc-line);padding:18px;border-radius:16px;margin:14px 0;text-align:center}.kc-order-note strong{font-size:16px}.kc-order-note p{font-size:13px;color:#827080;margin:8px 0}.kc-order-note a{display:inline-block;color:var(--kc-accent);font-size:13px;font-weight:700;text-decoration:none;padding:8px}.kc-price{scroll-margin-top:24px}.kc-price>button,.kc-primary-link,.kc-price form button{min-height:48px!important;font-size:15px!important;font-weight:700}.kc-preset-card .kc-presets{gap:10px;max-height:440px;overflow-y:auto;padding:3px 4px 5px 2px;grid-template-columns:repeat(2,minmax(0,1fr))}.kc-presets .kc-preset{padding:8px!important;border-radius:14px;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s}.kc-preset svg{display:block;width:100%;height:76px;background:#f8f5fb;border-radius:9px;margin-bottom:7px}.kc-preset strong{display:block;font-size:12px;line-height:1.6}.kc-preset span{display:block;font-size:10px;color:#807387}.kc-presets .kc-preset[aria-pressed=true]{box-shadow:0 0 0 2px #9a72bc;background:#f6effc}.kc-preset-card .kc-wide{min-height:42px}.kc-dark .kc-preset svg{background:#40394a}.kc-dark .kc-preset span,.kc-dark .kc-draft-status{color:#c8bfd0}@media(max-width:700px){.kc-preset-card .kc-presets{grid-template-columns:repeat(2,minmax(0,1fr));max-height:370px}.kc-preview-card{padding:14px}.kc-preview-top strong{font-size:15px}.kc-order-note a{min-height:44px}.kc-draft-status{width:100%;order:3}.kc-card{padding:17px}}
#keychain{--kc-bg:#f4f1eb;--kc-card:#fff;--kc-text:#302d38;--kc-line:#e8e2dc;--kc-accent:#7957a2;color:var(--kc-text);padding-bottom:30px}#keychain.kc-dark{--kc-bg:#24232c;--kc-card:#302e3b;--kc-text:#f5f1fa;--kc-line:#504b5c;--kc-accent:#c8a3e9;background:var(--kc-bg);padding:20px;border-radius:20px}.kc-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 28px}.kc-heading h1{font-size:clamp(23px,3vw,34px);margin:8px 0}.kc-heading p{margin:0;color:#78717e}.kc-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}#keychain button,.kc-file,.kc-primary-link{border:1px solid var(--kc-line);background:var(--kc-card);color:var(--kc-text);border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer;line-height:1.5;text-align:center}#keychain button:hover,.kc-file:hover{border-color:var(--kc-accent)}#keychain button:focus-visible,#keychain select:focus-visible,#keychain input:focus-visible,#keychain textarea:focus-visible{outline:3px solid #bc8ade;outline-offset:2px}#keychain button:disabled{opacity:.45;cursor:wait}#keychain button[aria-pressed=true]{background:#efe4f9;border-color:#9a72bc;color:#593580}.kc-layout{display:grid;grid-template-columns:minmax(225px,1fr) minmax(320px,1.7fr) minmax(235px,1fr);gap:18px;align-items:start}.kc-card{background:var(--kc-card);border:1px solid var(--kc-line);border-radius:16px;padding:19px;margin-bottom:14px;box-shadow:0 3px 12px #302d3804}.kc-card h2{font-size:16px;font-weight:700;margin:0 0 16px}.kc-card summary{font-weight:700;font-size:15px;cursor:pointer;margin-bottom:12px}.kc-card label{font-size:13px;display:block;margin:7px 0}.kc-card textarea,.kc-card input:not([type=checkbox]):not([type=range]):not([type=file]),.kc-card select{background:var(--kc-card);color:var(--kc-text);border:1px solid var(--kc-line);padding:9px;border-radius:9px;width:100%;min-width:0}.kc-card textarea{resize:vertical;font-size:19px;min-height:90px}.kc-card small,.kc-export small,.kc-preview-card>small{display:block;color:#847887;font-size:11px;line-height:1.7;margin-top:7px}.kc-pair{display:flex;gap:8px;align-items:center}.kc-pair>*{flex:1;min-width:0}.kc-range{margin:13px 0}.kc-range-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.kc-range-heading label{margin:0;font-size:12px}.kc-range-heading output{font-size:12px;color:var(--kc-accent);font-variant-numeric:tabular-nums;white-space:nowrap}.kc-range input{width:100%;accent-color:#9063b1;height:20px}.kc-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.kc-chips button{font-size:12px!important;padding:6px 9px!important}.kc-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px}.kc-presets button{font-size:11px!important;padding:7px 4px!important}.kc-wide{display:block;width:100%;margin-top:9px}.kc-check{display:flex!important;align-items:start;gap:8px;margin:14px 0!important}.kc-check input{accent-color:#9063b1;margin-top:4px}.kc-file{display:block}.kc-file input{display:none}.kc-center{position:sticky;top:16px}.kc-preview-card{border-radius:20px;background:var(--kc-bg);padding:17px;border:1px solid var(--kc-line);text-align:center}.kc-preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.kc-preview-top strong{font-size:13px}.kc-preview-top button{font-size:11px!important;padding:7px!important}.kc-preview-top>div{display:flex;gap:5px}#kc-stage{height:420px;position:relative;background:radial-gradient(ellipse,#fff5,#ede7de44);border-radius:15px;overflow:hidden}#kc-canvas{width:100%;height:100%;object-fit:contain;touch-action:none}#kc-viewer{width:100%;height:100%}#kc-viewer canvas{display:block}#kc-dimensions{font-size:17px;font-weight:700;margin:12px 0 3px}#kc-build-status{font-size:12px;margin:10px 0;color:var(--kc-accent)}.kc-note{font-size:12px;line-height:1.8;color:#827080;margin-top:10px}.kc-export{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.kc-export button:first-child,.kc-price>button,.kc-price form button,.kc-primary-link{background:#7957a2!important;border-color:#7957a2!important;color:white!important}.kc-export small{width:100%}.kc-price>strong{display:block;font-size:36px;margin:10px 0;color:var(--kc-accent)}.kc-price>button,.kc-primary-link,.kc-price form button{width:100%;display:block;text-decoration:none}.kc-price p{font-size:12px}.kc-price details{font-size:12px}.kc-color-label{display:flex;align-items:center;gap:8px;font-size:12px;margin:13px 0 5px}.kc-color-dot{width:22px;height:22px;display:inline-block;border-radius:50%;border:1px solid #0002}.kc-color-label select{flex:1}.kc-mapping-label{display:flex!important;align-items:center;gap:7px}.kc-mapping-label select{flex:1;width:auto!important}#kc-message{border:1px solid #d9b9aa;background:#fff1e9;color:#754030;border-radius:12px;padding:12px;margin-bottom:18px;font-size:13px}#kc-help-dialog{max-width:600px;border:1px solid #d6c6e2;border-radius:18px;padding:28px;color:#352c3d}#kc-help-dialog::backdrop{background:#30203988}#kc-help-dialog li{margin:12px 0;font-size:14px}#kc-help-dialog p{font-size:13px}#kc-help-dialog button{width:100%}#keychain [hidden]{display:none!important}@media(min-width:1500px){.front-main:has(#keychain){max-width:1500px}}@media(max-width:1100px){.kc-layout{grid-template-columns:1fr 1.45fr}.kc-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kc-right .kc-card{margin-bottom:0}#kc-stage{height:400px}}@media(max-width:700px){.kc-heading{display:block}.kc-heading p{font-size:13px}.kc-actions{justify-content:flex-start;margin-top:14px}.kc-layout{display:flex;flex-direction:column}.kc-center{order:-1;position:static;width:100%}.kc-left,.kc-right{width:100%;display:block}.kc-right .kc-card{margin-bottom:14px}#kc-stage{height:300px}.kc-preview-top{flex-wrap:wrap}.kc-presets{grid-template-columns:repeat(3,1fr)}}

#kc-coupon-apply{flex:0 0 auto;white-space:nowrap;padding:9px 14px}#kc-coupon-code{flex:1}