.demo-widget{width:100%;box-sizing:border-box;font-family:var(--font-barlow-condensed),"Barlow Condensed",sans-serif}.demo-widget .demo-widget-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:nowrap}.demo-widget .demo-widget-field{position:relative;flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:flex .35s ease}.demo-widget .demo-widget-field.active,.demo-widget .demo-widget-field:hover{flex:2.5 1}.demo-widget .demo-widget-field.active .demo-widget-field-box,.demo-widget .demo-widget-field:hover .demo-widget-field-box{background:#fffdf2;border-color:#e0b000}.demo-widget .demo-widget-field.active .demo-widget-label,.demo-widget .demo-widget-field:hover .demo-widget-label{color:#a07700}.demo-widget .demo-widget-field.filled:not(.active):not(:hover) .demo-widget-field-box{background:#fafafa}.demo-widget .demo-widget-field .demo-widget-label{font-size:var(--fs-catalog,15px);color:#666;padding-left:2px;display:flex;justify-content:space-between;align-items:center;gap:8px;line-height:1.2}.demo-widget .demo-widget-field .demo-widget-field-box{height:50px;background:#fff;border:1px solid #dcdcdc;border-radius:8px;padding:8px 14px;box-sizing:border-box;overflow:hidden;transition:background-color .2s ease,border-color .2s ease}.demo-widget .demo-widget-field .demo-widget-main-row{display:flex;align-items:center;gap:14px;min-width:0;height:100%}.demo-widget .demo-widget-field .demo-widget-placeholder{color:#aaa}.demo-widget .demo-widget-field .demo-widget-placeholder,.demo-widget .demo-widget-field .demo-widget-value{font-size:var(--fs-catalog,15px);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.demo-widget .demo-widget-field .demo-widget-value{color:#222;font-weight:500}.demo-widget .demo-widget-field .demo-widget-hint{flex:1 1 auto;min-width:0;font-size:var(--fs-xxs,12px);color:gray;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.demo-widget .demo-widget-field:hover:not(.active):not(.filled) .demo-widget-hint{display:block}.demo-widget .demo-widget-field .demo-widget-modifier{margin-left:auto;font-size:20px;line-height:1;color:#a07700;white-space:nowrap;flex:0 0 auto}.demo-widget .demo-widget-row:has(.demo-widget-field.active) .demo-widget-field:hover:not(.active){flex:1 1}.demo-widget .demo-widget-row:has(.demo-widget-field.active) .demo-widget-field:hover:not(.active) .demo-widget-field-box{background:#fff;border-color:#dcdcdc}.demo-widget .demo-widget-row:has(.demo-widget-field.active) .demo-widget-field:hover:not(.active) .demo-widget-label{color:#666}.demo-widget .demo-widget-row:has(.demo-widget-field.active) .demo-widget-field:hover:not(.active) .demo-widget-hint{display:none}.demo-widget .demo-widget-field--colors,.demo-widget .demo-widget-field--colors.active,.demo-widget .demo-widget-field--colors:hover{flex:0 0 auto}.demo-widget .demo-widget-field--colors .demo-widget-main-row{justify-content:center}.demo-widget .demo-widget-color-selector{display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 0 auto;margin:0}.demo-widget .demo-widget-color-selector .demo-widget-color-bar{padding:6px 10px;border-radius:4px;cursor:pointer;font-weight:500;transition:opacity .2s;text-align:center;border:1px solid rgba(0,0,0,.1);overflow:hidden;box-sizing:border-box;height:36px;width:80px;line-height:20px;font-size:clamp(.8125rem,1.3vw,.9rem);-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-widget .demo-widget-color-selector .demo-widget-color-bar:hover{opacity:.9}.demo-widget .demo-widget-color-selector .demo-widget-color-bar.white{color:#fff}.demo-widget .demo-widget-color-selector .demo-widget-color-bar.black{color:#000}.demo-widget .demo-widget-color-selector .demo-widget-color-swap{margin:0 -11px;padding:2px;width:22px;height:22px;background-color:#fff;border:1px solid var(--dagobaBgColor);color:var(--dagobaBgColor);z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.demo-widget .demo-widget-color-selector .demo-widget-color-swap svg{font-size:14px}.demo-widget .demo-widget-color-selector .demo-widget-color-swap:hover{background-color:var(--dagobaBgColor);color:#fff}.demo-widget .demo-widget-logo-choices{display:flex;gap:8px;flex:1 1 auto;min-width:0}.demo-widget .demo-widget-logo-btn{flex:1 1;min-width:0;padding:6px 4px;font-size:clamp(.8125rem,1.3vw,.9rem);border:1px solid #c4c4c4;border-radius:6px;background:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.2;color:#333;font-family:inherit;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.demo-widget .demo-widget-logo-btn.active,.demo-widget .demo-widget-logo-btn:hover{background:#fef3c7;border-color:#e0b000;color:#222}.demo-widget .demo-widget-logo-chip{display:flex;align-items:center;gap:10px;flex:1 1 auto;font-size:var(--fs-xs,14px);color:#222;line-height:1.2;min-width:0}.demo-widget .demo-widget-logo-chip img{max-height:32px;max-width:64px;object-fit:contain;border:1px solid #eee;border-radius:4px;background:#fff;flex:0 0 auto}.demo-widget .demo-widget-logo-chip .chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.demo-widget .demo-widget-logo-chip .replace-link{background:rgba(0,0,0,0);border:none;color:#a07700;cursor:pointer;font-size:20px;line-height:1;padding:0;white-space:nowrap;flex:0 0 auto}.demo-widget .demo-widget-logo-chip .replace-link:hover{color:#8a6500}.demo-widget.demo-widget--disabled .demo-widget-field{pointer-events:none;opacity:.65;cursor:not-allowed}.demo-widget .demo-widget-generate{flex:0 0 auto;height:50px;min-width:84px;padding:0 15px;border-radius:8px;font-weight:600;font-size:var(--fs-catalog,15px);font-family:inherit;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.demo-widget .demo-widget-generate.disabled,.demo-widget .demo-widget-generate:disabled{background:#d0d0d0;color:#707070;cursor:not-allowed}.demo-widget .demo-widget-generate:not(:disabled){background:var(--dagobaBgColor);color:#fff}.demo-widget .demo-widget-generate:not(:disabled):hover{background:#365493}@media(max-width:599px){.demo-widget .demo-widget-row{flex-direction:column;align-items:stretch;flex-wrap:wrap}.demo-widget .demo-widget-field{flex:0 0 auto;width:100%}.demo-widget .demo-widget-field.active,.demo-widget .demo-widget-field:hover{flex:0 0 auto}.demo-widget .demo-widget-field:hover:not(.active):not(.filled) .demo-widget-field-box{background:#fff;border-color:#dcdcdc}.demo-widget .demo-widget-field:hover:not(.active):not(.filled) .demo-widget-label{color:#666}.demo-widget .demo-widget-field:hover:not(.active):not(.filled) .demo-widget-hint{display:none}.demo-widget .demo-widget-generate{width:100%}}.demo-widget-popper{z-index:1500;font-family:var(--font-barlow-condensed),"Barlow Condensed",sans-serif}.demo-widget-popover{background:#fff;border:1px solid #d0d0d0;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.18);padding:10px 12px;min-width:220px;max-width:480px;max-height:340px;overflow-y:auto;color:#333;font-size:14px;line-height:1.4;font-family:system-ui,-apple-system,Helvetica Neue,sans-serif}.demo-widget-popover:has(.demo-widget-color-list){padding:0;min-width:0;width:-moz-fit-content;width:fit-content;overflow:hidden;max-height:none}.demo-widget-popover .demo-widget-dropdown-list .opt{padding:8px 10px;font-size:14px;border-radius:4px;cursor:pointer}.demo-widget-popover .demo-widget-dropdown-list .opt.sel,.demo-widget-popover .demo-widget-dropdown-list .opt:hover{background:#fef3c7}.demo-widget-popover .demo-widget-dropdown-list .crumb{font-size:12px;color:#666;padding:4px 10px 6px;border-bottom:1px solid #eee;margin-bottom:4px}.demo-widget-popover .demo-widget-dropdown-list .crumb a{color:#a07700;text-decoration:underline;cursor:pointer}.demo-widget-popover .demo-widget-color-list{display:flex;flex-direction:column;min-width:150px}.demo-widget-popover .demo-widget-color-list .demo-widget-color-option{padding:6px 16px;cursor:pointer;transition:opacity .2s;border-bottom:1px solid rgba(0,0,0,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-widget-popover .demo-widget-color-list .demo-widget-color-option:hover{opacity:.8}.demo-widget-popover .demo-widget-color-list .demo-widget-color-option:last-child{border-bottom:none}.demo-widget-popover .demo-widget-dropzone{border:2px dashed #bbb;border-radius:6px;padding:14px 12px;text-align:center;font-size:13px;color:#666;background:#fff;cursor:pointer;width:100%;transition:background-color .15s ease,border-color .15s ease}.demo-widget-popover .demo-widget-dropzone:hover{border-color:#a07700;color:#a07700}.demo-widget-popover .demo-widget-dropzone.dragging{background:#e8f5e9;border-color:#4caf50}.demo-widget-popover .demo-widget-dropzone:disabled{cursor:not-allowed;opacity:.6}.demo-widget-popover .demo-widget-nologo-link{display:block;background:rgba(0,0,0,0);border:none;color:#a07700;text-decoration:underline;cursor:pointer;font-size:13px;margin:10px auto 0;padding:4px}.demo-widget-popover .demo-widget-nologo-link:hover{color:#8a6500}.demo-widget-popover .demo-widget-logo-error{margin-top:6px;font-size:12px;color:#b30000}:root{--dagobaBgColor:#202020;--dagobaBgColor50:rgba(64,64,64,0.7);--collectionBg:#faf8f4;--editBoutiqueBg:rgb(253.64,244.36,239.96);--editCollectionBg:rgb(252.28,233.72,224.92);--errorCollectionBg:#ffd1cb;--bandPaper:#f6f3ee;--bandInk:#202020;--bandInkSoft:#565a67;--bandCard:#ffffff;--bandHairline:#e7e2d9;--bandHairlineSoft:#efeae1;--bandInkFaint:#8c8a84;--bandGreen:#49a168;--bandRadius:18px;--heroOrange:#ee7a43;--heroOrangeDark:#e26a30;--heroOrangeRule:rgb(247.35,195.15,170.4);--grid-row-hover:rgb(253.81,245.69,241.84);--grid-row-selected:#f6f3ee;--bandShadowCard:0 1px 2px rgba(32,32,32,0.04),0 12px 28px -16px rgba(32,32,32,0.18);--bandShadowPop:0 10px 40px rgba(32,32,32,0.14),0 2px 6px rgba(32,32,32,0.06);--bandCardBorder:#ddd6ca;--mono-owner:#202020;--mono-moneypot:#c89a3c;--mono-buyer:#a99a82;--helpTipBgTransp:rgba(237,247,237,0.85);--helpTipBorder:#2e7d32;--impersonation-banner-height:0px;--header-height:64px;--font-title:var(--font-anton),"Anton"}.demo-progress-bar{width:100%;padding:6px 0;font-family:Barlow Condensed,Roboto Condensed,sans-serif}.demo-progress-bar__bars{display:flex;gap:2px;padding:4px 0}.demo-progress-bar__bar{flex:1 1;height:22px;background:#e5e7eb;border-radius:2px;transition:background .25s ease}.demo-progress-bar__bar.done{background:#202020}.demo-progress-bar__bar.running{background:#ed6c02;animation:demo-progress-pulse 1.2s ease-in-out infinite}.demo-progress-bar__bar.failed{background:#c62828}.demo-progress-bar__label{text-align:center;font-size:.9rem;color:#444;margin-top:10px;min-height:1.2em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-progress-bar__step{font-weight:500}.demo-progress-bar__count{color:#888;margin-left:6px;font-size:.9em}.demo-progress-bar__waiting{color:#999}.demo-progress-bar--failed .demo-progress-bar__label{color:#c62828}.demo-progress-bar--flash .demo-progress-bar__bars .demo-progress-bar__bar{background:#202020}@keyframes demo-progress-pulse{0%,to{opacity:1}50%{opacity:.55}}