.lt-bg{--bg-accent:#171816;--bg-ink:#171816;--bg-muted:#6c7067;--bg-line:#dfe1da;box-sizing:border-box;container-type:inline-size;isolation:isolate;width:100%;max-width:1520px;margin:0 auto;padding:32px 36px;background:#fff;color:var(--bg-ink);font:400 13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.lt-bg *,.lt-bg *::before,.lt-bg *::after{box-sizing:border-box}.lt-bg [hidden]{display:none!important}.lt-bg button,.lt-bg input,.lt-bg textarea{font:inherit;letter-spacing:normal}.lt-bg button{cursor:pointer;text-transform:none;color:inherit}.lt-bg button:disabled,.lt-bg input:disabled,.lt-bg textarea:disabled{opacity:.4;cursor:not-allowed}.lt-bg button:focus-visible,.lt-bg input:focus-visible,.lt-bg textarea:focus-visible,.lt-bg summary:focus-visible,.lt-bg .bg-upload:focus-within{outline:2px solid var(--bg-accent);outline-offset:4px}.lt-bg h2,.lt-bg p{font-family:inherit;color:inherit}.lt-bg .bg-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--bg-ink)}.lt-bg .bg-wordmark{font-size:19px;font-weight:600;letter-spacing:-.6px}.lt-bg .bg-header-note{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--bg-muted)}
.lt-bg .bg-button,.lt-bg .bg-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 13px;background:#fff;border:1px solid var(--bg-line);border-radius:0;color:var(--bg-ink);font-size:11px;font-weight:500;line-height:1.5;text-decoration:none;text-align:center}.lt-bg .bg-button:hover:not(:disabled){background:#f3f4ef}.lt-bg .bg-primary{background:var(--bg-ink);border-color:var(--bg-ink);color:#fff}.lt-bg .bg-primary:hover:not(:disabled){background:#343a30}.lt-bg .bg-text-button{background:transparent;border-color:transparent;padding:6px 4px;min-height:34px}.lt-bg .bg-text-button:hover:not(:disabled){background:transparent;text-decoration:underline;text-underline-offset:5px}.lt-bg .bg-small{font-size:10px;min-height:32px;padding:5px 9px}.lt-bg .bg-upload{position:relative;overflow:hidden;cursor:pointer;margin:0}.lt-bg .bg-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.lt-bg .bg-project-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 23px}.lt-bg .bg-project-bar>span{font-size:10px;color:var(--bg-muted)}.lt-bg .bg-project-bar>div{display:flex;align-items:center;gap:16px}.lt-bg .bg-project-bar .bg-button,.lt-bg .bg-project-bar .bg-upload{font-size:10px}.lt-bg .bg-steps{display:flex;gap:30px;margin-bottom:36px;border-bottom:1px solid var(--bg-line)}.lt-bg .bg-steps button{display:flex;gap:10px;justify-content:flex-start;align-items:center;min-height:45px;padding:0 0 13px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;font-size:12px;color:var(--bg-muted)}.lt-bg .bg-steps button>span{font-size:9px;font-weight:400}.lt-bg .bg-steps [aria-current=step]{border-bottom-color:var(--bg-ink);color:var(--bg-ink)}.lt-bg .bg-workspace{display:grid;grid-template-columns:minmax(290px,.52fr) minmax(0,1fr);gap:52px;align-items:start}.lt-bg .bg-builder{min-width:0}.lt-bg .bg-step-title{display:flex;gap:12px;align-items:baseline;margin-bottom:26px}.lt-bg .bg-step-title small{display:none}.lt-bg .bg-step-title h2{font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin:0;outline:none}.lt-bg .bg-step-title p{display:none}.lt-bg [data-controls]{min-height:260px}.lt-bg .bg-step-footer{display:flex;justify-content:space-between;gap:10px;padding-top:20px;margin-top:28px;border-top:1px solid var(--bg-line)}
.lt-bg .bg-field{display:block;margin:0 0 23px;min-width:0}.lt-bg .bg-field>span,.lt-bg .bg-label{display:block;margin:0 0 9px;font-size:11px;font-weight:500}.lt-bg .bg-field input,.lt-bg .bg-field textarea{display:block;width:100%;max-width:100%;min-height:44px;border:1px solid var(--bg-line);background:#fff;color:var(--bg-ink);padding:11px 12px;border-radius:0;box-shadow:none;resize:vertical;font-size:13px}.lt-bg .bg-field input::placeholder,.lt-bg .bg-field textarea::placeholder{color:#8a8d85}.lt-bg .bg-field input[data-field=name]{font-size:20px;letter-spacing:-.5px;padding-top:12px;padding-bottom:12px}.lt-bg .bg-label{margin-top:22px}.lt-bg .bg-help{font-size:10px;line-height:1.65;margin:13px 0;color:var(--bg-muted)}.lt-bg .bg-details{margin-top:24px;border-top:1px solid var(--bg-line);padding-top:17px}.lt-bg .bg-details summary{cursor:pointer;font-size:11px;min-height:28px;color:var(--bg-muted)}.lt-bg .bg-details[open] summary{margin-bottom:20px}.lt-bg .bg-logo-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.lt-bg .bg-logo-row img{width:94px;height:60px;object-fit:contain;border:1px solid var(--bg-line);padding:6px}.lt-bg .bg-own-image{display:block;width:100%;max-height:190px;object-fit:contain;object-position:left;margin-bottom:12px}
.lt-bg .bg-color-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lt-bg .bg-color-role{min-width:0}.lt-bg .bg-color-role>button{border:0;display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:99px;padding:10px 8px;text-align:left}.lt-bg .bg-color-role>button span,.lt-bg .bg-color-role>button b{font-size:9px;font-weight:500}.lt-bg .bg-color-role>button[aria-pressed=true]{outline:1px solid var(--bg-ink);outline-offset:4px}.lt-bg .bg-color-edit{display:flex;align-items:center;gap:5px;margin-top:12px;min-width:0}.lt-bg .bg-color-edit input[type=color]{width:18px;height:26px;min-width:18px;padding:0;border:0;background:transparent;border-radius:0}.lt-bg .bg-color-edit input[data-hex]{width:100%;min-width:0;padding:6px 0;border:0;background:transparent;border-radius:0;color:var(--bg-ink);font:10px/1.5 ui-monospace,monospace}.lt-bg .bg-inline{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:15px 0 19px}.lt-bg .bg-inline>span{font-size:10px;color:var(--bg-muted);margin-right:auto}.lt-bg .bg-inline .bg-button{border:0;padding:4px 7px;background:transparent;font-weight:400}.lt-bg .bg-inline [aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.lt-bg .bg-swatches{display:flex;height:36px;overflow:hidden}.lt-bg .bg-swatches i{display:block;flex:1;min-width:0}.lt-bg .bg-swatch{display:flex;align-items:flex-end;height:55px;padding:8px;font:10px/1.4 ui-monospace,monospace}
.lt-bg .bg-source-switch{display:flex;justify-content:flex-end;margin:8px 0 5px}.lt-bg .bg-source-switch button{font-size:10px;color:var(--bg-muted)}.lt-bg .bg-segment{display:flex;gap:22px;border-bottom:1px solid var(--bg-line);margin:0 0 14px}.lt-bg .bg-segment button{border:0;border-bottom:1px solid transparent;margin-bottom:-1px;padding:9px 0;background:transparent;font-size:11px}.lt-bg .bg-segment [aria-pressed=true]{border-bottom-color:var(--bg-ink)}.lt-bg .bg-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;max-height:420px;overflow:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin;scrollbar-color:#c7cbc1 transparent}.lt-bg .bg-choice{display:block;min-width:0;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:0;padding:5px}.lt-bg .bg-choice:hover:not(:disabled){background:#f3f4ef}.lt-bg .bg-choice[aria-pressed=true]{border-color:var(--bg-ink)}.lt-bg .bg-choice-label{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:10px;line-height:1.5;font-weight:400;margin-top:7px;overflow-wrap:anywhere}.lt-bg .bg-selected{visibility:hidden;flex-shrink:0}.lt-bg [aria-pressed=true]>.bg-choice-label .bg-selected{visibility:visible}.lt-bg .bg-options{display:flex;gap:7px;flex-wrap:wrap}.lt-bg .bg-options .bg-choice{width:auto;min-height:37px;padding:7px 10px;border-color:var(--bg-line)}.lt-bg .bg-options .bg-choice[aria-pressed=true]{border-color:var(--bg-ink)}.lt-bg .bg-options .bg-choice-label{margin:0;font-size:11px}
.lt-bg .bg-font-roles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:12px}.lt-bg .bg-font-roles button{display:block;text-align:left;padding:0 0 14px;border:0;border-bottom:1px solid var(--bg-line);overflow-wrap:anywhere}.lt-bg .bg-font-roles [aria-pressed=true]{border-bottom:2px solid var(--bg-ink)}.lt-bg .bg-font-roles small{display:block;font-size:10px;color:var(--bg-muted);margin-bottom:9px;font-weight:400}.lt-bg .bg-font-roles strong{font-size:16px;font-weight:500;letter-spacing:-.4px}.lt-bg .bg-font-grid{grid-template-columns:1fr;gap:0;max-height:468px}.lt-bg .bg-font-grid .bg-choice{display:grid;grid-template-columns:1fr 122px;align-items:center;gap:0 12px;padding:10px 7px;border-bottom-color:var(--bg-line)}.lt-bg .bg-font-sample{display:block;grid-column:2;grid-row:1;font-size:23px;line-height:1.3;letter-spacing:-.7px;padding:3px 0;overflow-wrap:anywhere}.lt-bg .bg-font-grid .bg-choice>small{grid-column:2;grid-row:2;font-size:8px;color:var(--bg-muted)}.lt-bg .bg-font-grid .bg-choice-label{grid-column:1;grid-row:1/3;margin:0;font-size:12px}.lt-bg .bg-font-sample.is-unavailable{font:10px/1.5 system-ui,sans-serif;letter-spacing:0;color:var(--bg-muted)}.lt-bg .bg-search{display:flex;gap:0;margin:12px 0 14px}.lt-bg .bg-search input{min-width:0;width:100%;min-height:42px;border:1px solid var(--bg-line);background:#fff;padding:10px;border-radius:0;box-shadow:none;color:var(--bg-ink);font-size:11px}.lt-bg .bg-search button{border:1px solid var(--bg-line);border-left:0;background:#fff;padding:8px 10px;font-size:10px;border-radius:0}.lt-bg .bg-empty{margin:10px 0;padding:28px 5px;font-size:12px;color:var(--bg-muted);line-height:1.7}.lt-bg .bg-pager{display:flex;gap:6px;align-items:center;margin-top:13px;padding-top:13px;border-top:1px solid var(--bg-line)}.lt-bg .bg-pager>span{margin-right:auto;font-size:9px;color:var(--bg-muted)}.lt-bg .bg-pager button{border:0;min-height:32px;padding:4px 7px}
.lt-bg .bg-preview{position:sticky;top:28px;min-width:0}.lt-bg .bg-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.lt-bg .bg-preview-heading>span{font-size:9px;letter-spacing:1.5px;color:var(--bg-muted)}.lt-bg .bg-preview-heading button{font-size:10px;color:var(--bg-muted)}.lt-bg .bg-canvas-wrap{aspect-ratio:1190/842;background:#fafaf8;border:1px solid #e4e5df;box-shadow:0 5px 22px #181e1106}.lt-bg [data-canvas]{display:block;width:100%;height:auto;aspect-ratio:1190/842}.lt-bg .bg-preview-pages{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.lt-bg .bg-preview-pages button{border:0;min-height:34px;padding:5px 8px;font-size:13px}.lt-bg .bg-preview-pages>span{font-size:10px;color:var(--bg-muted)}.lt-bg .bg-preview-tabs{display:none}.lt-bg .bg-status{margin:20px 0 0;font-size:11px;line-height:1.6;color:var(--bg-muted)}.lt-bg .bg-status:empty{display:none}.lt-bg .bg-status.is-error{color:#953f30}.lt-bg .bg-loading{padding:30px 0;font-size:12px;color:var(--bg-muted)}
.lt-bg .bg-spec-list>div{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-line);padding:12px 0;font-size:11px}.lt-bg .bg-spec-list>div>span{color:var(--bg-muted)}.lt-bg .bg-spec-list strong{font-weight:400;text-align:right;overflow-wrap:anywhere;max-width:70%}.lt-bg .bg-spec-list .bg-swatches{width:155px;height:18px}.lt-bg .bg-document-index{display:grid;grid-template-columns:1fr;margin-top:27px}.lt-bg .bg-document-index button{justify-content:flex-start;min-height:34px;gap:22px;border:0;padding:7px 0;font-size:11px;text-align:left;background:transparent}.lt-bg .bg-document-index button>span{font-size:9px;color:var(--bg-muted)}.lt-bg .bg-document-index [aria-pressed=true]{font-weight:600;text-decoration:underline;text-underline-offset:4px}.lt-bg .bg-exports{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.lt-bg .bg-exports .bg-primary{flex:1}.lt-bg .bg-exports .bg-button{font-size:10px;padding:9px 12px}
.lt-bg .bg-dialog{position:fixed;inset:0;max-width:1290px;width:calc(100% - 40px);max-height:calc(100dvh - 40px);height:auto;overflow:auto;border:0;border-radius:0;background:#eeefe9;color:var(--bg-ink);padding:20px;margin:auto;box-shadow:0 20px 80px #0003}.lt-bg .bg-dialog::backdrop{background:#10140fc7}.lt-bg .bg-dialog header,.lt-bg .bg-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.lt-bg .bg-dialog header strong{font-weight:500;overflow-wrap:anywhere}.lt-bg .bg-dialog canvas{display:block;width:100%;height:auto;aspect-ratio:1190/842;margin:20px 0;background:#fafaf8}.lt-bg .bg-dialog footer>span{font-size:10px;text-align:center}.lt-bg .bg-dialog .bg-button{background:transparent;border-color:#c9cdbf;flex-shrink:0}
@container(max-width:900px){.lt-bg .bg-workspace{grid-template-columns:minmax(250px,.62fr) minmax(0,1fr);gap:26px}.lt-bg .bg-project-bar>div{gap:10px}.lt-bg .bg-font-grid .bg-choice{grid-template-columns:1fr 105px}.lt-bg .bg-font-sample{font-size:21px}.lt-bg .bg-color-roles{gap:8px}.lt-bg .bg-color-edit{flex-wrap:wrap}.lt-bg .bg-color-edit input[data-hex]{font-size:11px}.lt-bg .bg-color-edit input[type=color]{display:none}}
@container(max-width:630px){.lt-bg .bg-workspace{grid-template-columns:1fr;gap:38px}.lt-bg .bg-preview{position:static}.lt-bg .bg-steps{gap:0;justify-content:space-between;margin-bottom:29px}.lt-bg .bg-steps button{font-size:11px;gap:7px}.lt-bg .bg-project-bar{margin-bottom:19px}.lt-bg .bg-project-bar>span{max-width:100px;font-size:9px}.lt-bg .bg-project-bar>div{gap:9px}.lt-bg .bg-project-bar .bg-button,.lt-bg .bg-project-bar .bg-upload{padding:4px 0;font-size:9px}.lt-bg .bg-step-title{margin-bottom:22px}.lt-bg .bg-font-grid .bg-choice{grid-template-columns:1fr 136px}.lt-bg .bg-font-sample{font-size:25px}.lt-bg .bg-color-role>button{height:108px}.lt-bg .bg-catalog-grid{max-height:352px}.lt-bg .bg-header-note{font-size:8px;letter-spacing:1px}.lt-bg .bg-header{padding-bottom:19px}.lt-bg .bg-wordmark{font-size:18px}.lt-bg .bg-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:12px}.lt-bg .bg-dialog header strong{font-size:11px}.lt-bg .bg-dialog .bg-button{font-size:10px;padding:7px}.lt-bg .bg-dialog footer{flex-wrap:wrap}}
@media(max-width:700px){.lt-bg{padding:22px 18px}.lt-bg .bg-dialog footer>span{flex:1}}
@container(max-width:360px){.lt-bg .bg-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.lt-bg .bg-steps button{margin:0;min-height:42px;padding:9px 0}.lt-bg .bg-project-bar{align-items:flex-start;flex-direction:column;gap:4px}.lt-bg .bg-project-bar>span{max-width:none}.lt-bg .bg-project-bar>div{gap:18px}.lt-bg .bg-font-grid .bg-choice{grid-template-columns:1fr 95px}.lt-bg .bg-font-sample{font-size:21px}}
.lt-bg select{font:inherit;letter-spacing:normal}.lt-bg select:focus-visible{outline:2px solid var(--bg-accent);outline-offset:4px}.lt-bg select:disabled{opacity:.4;cursor:not-allowed}.lt-bg .bg-field select{display:block;width:100%;max-width:100%;min-height:44px;border:1px solid var(--bg-line);background:#fff;color:var(--bg-ink);padding:11px 12px;border-radius:0;box-shadow:none;font-size:12px}.lt-bg .bg-traits{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.lt-bg .bg-traits button{font-size:10px;min-height:34px;padding:6px 10px}.lt-bg .bg-traits [aria-pressed=true]{border-color:var(--bg-ink);background:#f3f4ef}.lt-bg .bg-touchpoints{display:grid;gap:12px;margin-bottom:25px}.lt-bg .bg-touchpoints label{display:flex;align-items:center;gap:10px;font-size:11px;cursor:pointer}.lt-bg .bg-touchpoints input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--bg-ink)}.lt-bg .bg-neutral-row{display:grid;grid-template-columns:minmax(0,1fr) 68px 60px;gap:5px;align-items:center;padding:9px 0;border-bottom:1px solid var(--bg-line)}.lt-bg .bg-neutral-row>button:first-child{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;padding:5px 0;font-size:10px;min-height:36px}.lt-bg .bg-neutral-row i{display:block;flex:0 0 22px;height:22px;border:1px solid var(--bg-line)}.lt-bg .bg-neutral-row>button[aria-pressed=true]{text-decoration:underline;text-underline-offset:3px}.lt-bg .bg-neutral-row input{width:100%;min-width:0;font:10px/1.5 ui-monospace,monospace;border:0;border-bottom:1px solid var(--bg-line);padding:6px 0;background:#fff;color:var(--bg-ink)}.lt-bg .bg-neutral-row .bg-small{font-size:9px;padding:4px;border:0;min-height:36px}.lt-bg .bg-image-slot{border-top:1px solid var(--bg-line);margin-top:20px;padding-bottom:5px}.lt-bg .bg-details .bg-document-index{margin-top:0}.lt-bg .bg-details summary{color:var(--bg-ink)}
@media(prefers-reduced-motion:reduce){.lt-bg *{scroll-behavior:auto!important;transition:none!important}}