.ab{--bg: var(--grey-dark-80);--bg-raised: var(--grey-dark-70);--bg-panel: var(--grey-dark-70);--bg-hover: var(--grey-dark-60);--bg-active: var(--grey-dark-60);--border: color-mix(in srgb, var(--grey-light-40) 20%, transparent);--border-light: color-mix(in srgb, var(--grey-light-40) 30%, transparent);--text: var(--grey-light-10);--text-muted: var(--grey-light-60);--text-dim: var(--grey-light-50);--accent: var(--primary-brand-orange);--accent-hover: var(--primary-light-70);--accent-dim: color-mix(in srgb, var(--primary-brand-orange) 15%, transparent);--radius: var(--value-charlie);--radius-sm: 5px;--font: InterVariable, Inter, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", monospace}:root[data-theme=light] .ab{--bg: var(--warm-grey-light-5);--bg-raised: var(--grey-white);--bg-panel: var(--warm-grey-light-10);--bg-hover: var(--warm-grey-light-20);--bg-active: var(--grey-light-30);--border: color-mix(in srgb, var(--grey-dark-40) 20%, transparent);--border-light: color-mix(in srgb, var(--grey-dark-40) 30%, transparent);--text: var(--grey-dark-80);--text-muted: var(--grey-dark-60);--text-dim: var(--grey-light-60);--accent: var(--primary-dark-0);--accent-hover: var(--primary-light-95);--accent-dim: color-mix(in srgb, var(--primary-dark-0) 12%, transparent)}.ab *,.ab *:before,.ab *:after{margin:0;padding:0;box-sizing:border-box}.ab{overflow:hidden}.ab .material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:18px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}body:has(.ab) .theme-toggle:not(.ab__theme-btn){display:none}.ab__builder{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 320px;height:100vh}.ab__preview-wrap{grid-column:1 / -1;grid-row:1 / -1}.ab__sidebar-col{grid-column:2;grid-row:1;z-index:10;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none}.ab__btn{padding:0 var(--value-echo);height:40px;min-height:40px;border-radius:12px;font-family:var(--body-4-font-family);font-size:var(--body-4-font-size);font-weight:500}.ab__preview-wrap{position:relative;overflow:hidden}.ab__preview-container{position:absolute;inset:0}.ab__preview-container canvas,.ab__preview-container .preview-layer--dom{display:block;image-rendering:smooth}.ab__sidebar{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;background:transparent;gap:8px;padding:8px}.ab__layer-actions{display:flex;align-items:center;gap:8px;margin:-24px 0 12px;padding:16px 16px 12px;border-radius:40px 40px 0 0;border-top:none;border-bottom:.2px solid var(--_so-border)}.ab__btn--expand{flex:1;font-family:var(--title-5-font-family);font-size:var(--title-5-font-size);font-weight:var(--title-5-font-weight);letter-spacing:var(--title-5-letter-spacing);border-radius:24px 12px 12px}.ab .ab__btn--theme{position:relative;width:64px;height:40px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;line-height:1;top:auto;right:auto}.ab .ab__btn--theme .theme-toggle__icon{display:flex;align-items:center;justify-content:center;line-height:1}.ab .ab__btn--more{padding:0;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px 24px 12px 12px}.ab .ab__btn--more .material-symbols-rounded{font-size:20px}.ab__theme-btn{color:var(--grey-dark-60)}.ab__action-wrap{position:relative;display:flex;height:40px}.ab__layer-actions #wrap-export{flex:1}.ab__action-wrap .ab__btn--expand{width:100%}.ab__dropdown{position:fixed;min-width:240px;z-index:500;display:none;border:.2px solid var(--grey-light-40);background:linear-gradient(180deg,color-mix(in srgb,var(--grey-white) 30%,transparent),color-mix(in srgb,var(--warm-grey-light-5) 30%,transparent) 97%);box-shadow:0 0 8px -4px color-mix(in srgb,var(--grey-dark-60) 10%,transparent),0 10px 16px -18px color-mix(in srgb,var(--grey-light-15) 20%,transparent),0 9px 20px color-mix(in srgb,var(--grey-dark-60) 15%,transparent),inset 0 0 6px -2px var(--grey-white),inset 0 0 16px -12px var(--grey-white);backdrop-filter:blur(8px);border-radius:12px;overflow:hidden}.ab__dropdown.open{display:block}.ab__dropdown-item{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;width:100%;height:auto;padding:16px 20px;border:none;border-bottom:.2px solid var(--grey-light-40);border-radius:0;text-align:left}.ab__dropdown-item:before,.ab__dropdown-item:after{display:none}.ab__dropdown-item:last-child{border-bottom:none}.ab__dropdown-icon{font-size:20px;width:20px;height:20px;line-height:1;color:var(--grey-dark-60);flex-shrink:0;align-self:flex-start;margin-top:1px}.ab__dropdown-content{display:flex;flex-direction:column;gap:3px;min-width:0}.ab__dropdown-title{font-family:var(--title-5-font-family);font-size:var(--title-5-font-size);font-weight:var(--title-5-font-weight);letter-spacing:var(--title-5-letter-spacing);color:var(--grey-dark-60);display:block}.ab__dropdown-help{font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-10);display:block}:root[data-theme=dark] .ab__dropdown-help{color:var(--grey-light-70)}.ab__sidebar-section{backdrop-filter:blur(8px);padding:24px 0 16px}.ab__sidebar-section--layers{border-radius:40px 40px 28px 28px}.ab__sidebar-section--inspector{border-radius:28px 28px 40px 40px;padding:16px 0 20px}.ab__layers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 24px}.ab #palette-bottom{display:flex;justify-content:flex-end;margin-top:6px;padding:0 24px}.ab__layers-header #palette-top .palette-add-btn,.ab #palette-bottom .palette-add-btn{width:auto}.ab__sidebar-section-title{font-family:var(--label-4-font-family);font-size:var(--label-4-font-size);font-weight:var(--label-4-font-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--grey-dark-20);margin-bottom:0}.ab .layer-list{display:flex;flex-direction:column;gap:0;padding:0 16px}.ab .layer-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:0;cursor:pointer;user-select:none;flex-wrap:wrap;height:auto;min-height:0}.ab .layer-list .layer-item:first-child{border-radius:12px 12px 0 0}.ab .layer-list .layer-item:last-child{border-radius:0 0 12px 12px}.ab .layer-list .layer-item:only-child{border-radius:12px}.ab .layer-item--selected{outline:none}.ab .layer-item--dragging{opacity:.4}.ab .layer-item--drop-before{box-shadow:0 -2px 0 0 var(--accent)}.ab .layer-item--drop-after{box-shadow:0 2px 0 0 var(--accent)}.ab .layer-top-row{display:flex;align-items:center;gap:6px;width:100%}.ab .layer-handle{cursor:grab;color:var(--grey-dark-0);font-size:14px;line-height:1}.ab .layer-handle:active{cursor:grabbing}.ab .layer-item--selected .layer-handle{color:var(--grey-dark-50)}.ab .layer-label{flex:1;font-family:var(--label-4-font-family);font-size:var(--label-4-font-size);font-weight:var(--label-4-font-weight);letter-spacing:var(--label-4-letter-spacing);color:var(--grey-dark-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab .layer-label--disabled{opacity:.4;text-decoration:line-through}.ab .layer-item--selected .layer-label{color:var(--grey-dark-80)}.ab .layer-vis,.ab .layer-dup,.ab .layer-del{background:none;border:none;color:var(--grey-dark-0);cursor:pointer;padding:2px;border-radius:4px;line-height:1;display:flex;align-items:center;transition:color .1s,background .1s}.ab .layer-vis .material-symbols-rounded,.ab .layer-dup .material-symbols-rounded,.ab .layer-del .material-symbols-rounded{font-size:18px}.ab .layer-item--selected .layer-vis,.ab .layer-item--selected .layer-dup,.ab .layer-item--selected .layer-del{color:var(--grey-dark-50)}.ab .layer-vis:hover,.ab .layer-dup:hover{color:var(--grey-dark-60)}.ab .layer-vis--off{opacity:.3}.ab .layer-del:hover{color:#f44}.ab .layer-opacity-row{display:flex;align-items:center;gap:4px;width:100%;padding-left:22px}.ab .layer-opacity-tech{font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-10);flex:1}.ab .layer-item--selected .layer-opacity-tech{color:var(--grey-dark-40)}.ab .layer-opacity-label{font-size:10px;color:var(--grey-dark-10)}.ab .layer-item--selected .layer-opacity-label{color:var(--grey-dark-40)}.ab .layer-opacity-input{width:40px;text-align:right}.ab .layer-opacity-val{font-size:10px;font-family:var(--font-mono);color:var(--grey-dark-10)}.ab .layer-item--selected .layer-opacity-val{color:var(--grey-dark-40)}.ab .palette-add-btn{width:100%;padding:7px 8px;border:none;border-radius:999px;background:transparent;font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--primary-dark-20);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:color .15s,opacity .15s;opacity:.8}.ab .palette-add-btn .material-symbols-rounded{font-size:16px}.ab .palette-add-btn:hover{opacity:1}.palette-popup{position:fixed;right:320px;width:220px;max-height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;z-index:200;border:.2px solid var(--grey-light-40);background:linear-gradient(180deg,color-mix(in srgb,var(--grey-white) 30%,transparent),color-mix(in srgb,var(--warm-grey-light-5) 30%,transparent) 97%);box-shadow:0 0 8px -4px color-mix(in srgb,var(--grey-dark-60) 10%,transparent),0 10px 16px -18px color-mix(in srgb,var(--grey-light-15) 20%,transparent),0 9px 20px color-mix(in srgb,var(--grey-dark-60) 15%,transparent),inset 0 0 6px -2px var(--grey-white),inset 0 0 16px -12px var(--grey-white);backdrop-filter:blur(8px);border-radius:12px}:root[data-theme=dark] .palette-popup{border-color:color-mix(in srgb,var(--grey-light-40) 20%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--grey-dark-0) 40%,transparent),color-mix(in srgb,var(--grey-dark-10) 40%,transparent) 97%)}.palette-popup .palette-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:none;border-radius:0;cursor:pointer;text-align:left;background:linear-gradient(180deg,color-mix(in srgb,var(--grey-white) 60%,transparent),color-mix(in srgb,var(--grey-light-5) 60%,transparent)),linear-gradient(180deg,transparent 0%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--grey-light-40) 50%,transparent),color-mix(in srgb,var(--grey-light-30) 50%,transparent));transition:background .1s}.palette-popup .palette-card:first-child{border-radius:12px 12px 0 0}.palette-popup .palette-card:last-child{border-radius:0 0 12px 12px}.palette-popup .palette-card:only-child{border-radius:12px}.palette-popup .palette-card:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--grey-white) 80%,transparent),color-mix(in srgb,var(--grey-light-5) 80%,transparent)),linear-gradient(180deg,transparent 0%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--grey-white) 60%,transparent),color-mix(in srgb,var(--grey-light-5) 60%,transparent))}:root[data-theme=dark] .palette-popup .palette-card{background:linear-gradient(180deg,color-mix(in srgb,var(--grey-dark-0) 60%,transparent),color-mix(in srgb,var(--grey-dark-10) 60%,transparent)),linear-gradient(180deg,transparent 0%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--grey-dark-40) 50%,transparent),color-mix(in srgb,var(--grey-dark-30) 50%,transparent))}:root[data-theme=dark] .palette-popup .palette-card:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--grey-dark-0) 80%,transparent),color-mix(in srgb,var(--grey-dark-10) 80%,transparent)),linear-gradient(180deg,transparent 0%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--grey-dark-30) 60%,transparent),color-mix(in srgb,var(--grey-dark-20) 60%,transparent))}.palette-popup .palette-card-label{font-family:var(--label-4-font-family);font-size:var(--label-4-font-size);font-weight:var(--label-4-font-weight);letter-spacing:var(--label-4-letter-spacing);color:var(--grey-dark-60)}:root[data-theme=dark] .palette-popup .palette-card-label{color:var(--grey-light-20)}.palette-popup .palette-card-tech{font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-10)}:root[data-theme=dark] .palette-popup .palette-card-tech{color:var(--grey-light-50)}.ab .inspector-empty{color:var(--grey-dark-20);font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);text-align:center;padding:20px}.ab .inspector-header{display:flex;align-items:baseline;gap:8px;margin-bottom:var(--value-delta);padding:0 24px}.ab .inspector-title{font-family:var(--jumbo-8-font-family);font-size:var(--jumbo-8-font-size);font-weight:var(--jumbo-8-font-weight);letter-spacing:var(--jumbo-8-letter-spacing);color:var(--grey-dark-90)}.ab .inspector-tech{font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-10);flex:1}.ab .inspector-del-btn{background:none;border:none;padding:0;font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-10);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;flex-shrink:0}.ab .inspector-del-btn:hover{color:#f44}.ab .inspector-sep{height:1px;background:var(--border);margin:var(--value-delta) 24px}.ab .inspector-color-group{margin:12px 16px 0;padding:10px 12px 12px;border-radius:12px 12px 0 0}.ab .inspector-color-group+.inspector-color-group{margin-top:0;border-radius:0}.ab .inspector-color-group:last-child{border-radius:0 0 24px 24px}.ab .inspector-color-group:last-child:not(.inspector-color-group+.inspector-color-group){border-radius:12px 12px 24px 24px}.ab .inspector-color-group__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.ab .inspector-color-row{display:flex;align-items:center;gap:8px;padding:2px 0}.ab .inspector-row{display:grid;align-items:center;gap:8px;padding:3px 24px}.ab .inspector-row--toggle{grid-template-columns:1fr auto}.ab .inspector-label{font-family:var(--body-4-font-family);font-size:var(--body-4-font-size);font-weight:var(--body-4-font-weight);color:var(--grey-dark-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab .inspector-range-block{padding:5px 24px 4px}.ab .inspector-range-row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.ab .inspector-range-row2{display:flex;align-items:flex-start;gap:6px}.ab .inspector-range-slider-col{flex:1;min-width:0}.ab .inspector-range-row3{display:flex;justify-content:space-between;margin-top:3px}.ab .inspector-range-reset{background:none;border:none;padding:0;font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-10);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;flex-shrink:0}.ab .inspector-range-reset:hover{color:var(--grey-dark-60)}.ab .inspector-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:999px;outline:none;cursor:pointer}.ab .inspector-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-light-95) 60%,transparent),color-mix(in srgb,var(--primary-dark-0) 60%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--primary-dark-90) 30%,transparent) 0% 100%);border:.2px solid var(--primary-dark-10);box-shadow:inset 0 0 1px 1px var(--primary-light-80),inset 0 -5px 9px -3px var(--primary-light-80),inset 2px -9px 14px -7px var(--primary-brand-orange),0 0 6px -2px var(--primary-light-80),0 2px 6px -2px var(--primary-brand-orange)}.ab .ab-field{height:32px;background:color-mix(in srgb,var(--grey-dark-0) 50%,transparent);border:.2px solid var(--grey-dark-40);border-radius:8px;color:var(--grey-dark-80);font-size:11px;font-family:var(--font-mono);padding:0 6px;outline:none;transition:border-color .12s;-moz-appearance:textfield;backdrop-filter:none}.ab .ab-field::-webkit-inner-spin-button,.ab .ab-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ab .ab-field:focus{border-color:var(--accent-dark-30)}:root[data-theme=light] .ab .ab-field{background:color-mix(in srgb,var(--grey-white) 50%,transparent);border-color:var(--grey-light-40);color:var(--grey-dark-80)}.ab .inspector-range-input{width:40px;text-align:right;flex-shrink:0}.ab .inspector-range-minmax{font-size:10px;line-height:10px;color:var(--grey-dark-0);font-family:var(--font-mono)}.ab .inspector-color{width:32px;height:32px;border:.2px solid var(--grey-dark-40);border-radius:8px;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;flex-shrink:0;background:color-mix(in srgb,var(--grey-dark-0) 50%,transparent)}:root[data-theme=light] .ab .inspector-color{background:color-mix(in srgb,var(--grey-white) 50%,transparent);border-color:var(--grey-light-40)}.ab .inspector-color::-webkit-color-swatch-wrapper{padding:3px}.ab .inspector-color::-webkit-color-swatch{border:none;border-radius:5px}.ab .inspector-color-name{flex:1;min-width:0;font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-40);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab .inspector-hex{width:72px;text-align:left}.ab .inspector-opacity-input{width:36px;text-align:right}.ab .inspector-toggle{width:16px;height:16px;accent-color:var(--accent)}.ab .inspector-color-array{padding:4px 0}.ab .inspector-color-array .inspector-label{margin-bottom:6px}.ab .inspector-color-array-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.ab .inspector-color-array-item{position:relative;display:inline-flex}.ab .inspector-color-array-item .inspector-color{width:28px;height:28px}.ab .inspector-color-array-remove{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;border:none;background:var(--bg-active);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s}.ab .inspector-color-array-remove .material-symbols-rounded{font-size:12px}.ab .inspector-color-array-item:hover .inspector-color-array-remove{opacity:1}.ab .inspector-color-array-add{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px dashed var(--border);border-radius:4px;color:var(--text-muted);font-size:11px;padding:4px 8px;cursor:pointer;transition:border-color .15s,color .15s}.ab .inspector-color-array-add:hover{border-color:var(--accent);color:var(--accent)}.ab .inspector-color-array-add .material-symbols-rounded{font-size:14px}.ab .inspector-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 24px}.ab .inspector-section-label{font-family:var(--label-4-font-family);font-size:var(--label-4-font-size);font-weight:var(--label-4-font-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--grey-dark-20)}.ab .inspector-reset-btn{background:none;border:none;padding:0;font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-10);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.ab .inspector-reset-btn:hover{color:var(--grey-dark-60)}.ab .inspector-group-label{font-family:var(--label-4-font-family);font-size:var(--label-4-font-size);font-weight:var(--label-4-font-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--grey-dark-40)}.ab .inspector-copy-link{background:none;border:none;padding:0;font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);font-weight:var(--body-5-font-weight);color:var(--grey-dark-10);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;flex-shrink:0}.ab .inspector-copy-link:hover{color:var(--grey-dark-60)}.ab-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.ab-modal{padding:var(--value-foxtrot) var(--value-foxtrot);min-width:280px;max-width:360px;border-radius:40px;background:linear-gradient(180deg,color-mix(in srgb,var(--grey-dark-0) 30%,transparent),color-mix(in srgb,var(--grey-dark-10) 30%,transparent) 97%);border:.2px solid var(--grey-dark-40);box-shadow:0 0 8px -4px color-mix(in srgb,var(--grey-dark-60) 10%,transparent),0 10px 16px -18px color-mix(in srgb,var(--grey-dark-20) 20%,transparent),0 9px 20px color-mix(in srgb,var(--grey-dark-60) 15%,transparent),inset 0 0 6px -2px var(--grey-dark-0),inset 0 0 16px -12px var(--grey-dark-0),inset 30px 25px 50px -50px var(--grey-dark-40),inset -10px -5px 50px -50px var(--grey-dark-60);backdrop-filter:blur(4px)}:root[data-theme=light] .ab-modal{background:linear-gradient(180deg,color-mix(in srgb,var(--grey-white) 30%,transparent),color-mix(in srgb,var(--grey-light-5) 30%,transparent) 97%);border-color:var(--grey-light-40);box-shadow:0 0 8px -4px color-mix(in srgb,var(--grey-dark-60) 10%,transparent),0 10px 16px -18px color-mix(in srgb,var(--grey-light-15) 20%,transparent),0 9px 20px color-mix(in srgb,var(--grey-dark-60) 15%,transparent),inset 0 0 6px -2px var(--grey-white),inset 0 0 16px -12px var(--grey-white),inset 30px 25px 50px -50px var(--grey-light-40),inset -10px -5px 50px -50px var(--grey-dark-60)}.ab-modal-title{font-family:var(--title-5-font-family);font-size:var(--title-5-font-size);font-weight:var(--title-5-font-weight);letter-spacing:var(--title-5-letter-spacing);margin-bottom:var(--value-charlie)}.ab-modal-body{font-family:var(--body-4-font-family);font-size:var(--body-4-font-size);font-weight:var(--body-4-font-weight);color:var(--text-muted);margin:0 0 var(--value-foxtrot);line-height:1.5}.ab-modal-actions{display:flex;justify-content:flex-end;gap:var(--value-charlie)}.ab-modal-btn{padding:0 var(--value-echo);height:36px;border-radius:999px;font-family:var(--body-4-font-family);font-size:var(--body-4-font-size);font-weight:var(--body-4-font-weight);cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);transition:background .15s}.ab-modal-btn:hover{background:var(--bg-active)}.ab-modal-btn--confirm{background:var(--accent);border-color:var(--accent);color:#fff}.ab-modal-btn--confirm:hover{opacity:.85}.ab__fps{position:absolute;bottom:8px;left:8px;font-size:11px;font-family:var(--font-mono);color:var(--text-dim);background:#0006;padding:2px 6px;border-radius:4px;z-index:60;pointer-events:none}.ab .layer-toast{position:sticky;bottom:0;background:var(--bg-raised);border-top:1px solid var(--border);padding:9px 14px;margin-bottom:-16px;border-radius:0 0 28px 28px;display:flex;align-items:center;gap:6px;font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);color:var(--text-muted);z-index:10}.ab .layer-toast-restore{display:inline-flex;align-items:center;gap:3px;background:none;border:none;color:var(--accent);font-family:var(--body-5-font-family);font-size:var(--body-5-font-size);cursor:pointer;padding:0;white-space:nowrap}.ab .layer-toast-restore:hover{color:var(--accent-hover)}.ab .layer-toast-restore .material-symbols-rounded{font-size:16px}:root[data-theme=dark] .ab .ab__theme-btn{color:var(--grey-light-20)}:root[data-theme=dark] .ab .ab__sidebar-section-title{color:var(--grey-light-30)}:root[data-theme=dark] .ab .layer-label{color:var(--grey-light-20)}:root[data-theme=dark] .ab .layer-item--selected .layer-label{color:var(--grey-light-5)}:root[data-theme=dark] .ab .layer-opacity-tech{color:var(--grey-light-50)}:root[data-theme=dark] .ab .layer-item--selected .layer-opacity-tech{color:var(--grey-light-60)}:root[data-theme=dark] .ab .layer-opacity-label{color:var(--grey-light-50)}:root[data-theme=dark] .ab .layer-item--selected .layer-opacity-label{color:var(--grey-light-60)}:root[data-theme=dark] .ab .layer-opacity-val{color:var(--grey-light-50)}:root[data-theme=dark] .ab .layer-item--selected .layer-opacity-val{color:var(--grey-light-60)}:root[data-theme=dark] .ab .layer-vis,:root[data-theme=dark] .ab .layer-dup,:root[data-theme=dark] .ab .layer-del{color:var(--grey-light-40)}:root[data-theme=dark] .ab .layer-item--selected .layer-vis,:root[data-theme=dark] .ab .layer-item--selected .layer-dup,:root[data-theme=dark] .ab .layer-item--selected .layer-del{color:var(--grey-light-60)}:root[data-theme=dark] .ab .layer-handle{color:var(--grey-light-40)}:root[data-theme=dark] .ab .layer-item--selected .layer-handle{color:var(--grey-light-60)}:root[data-theme=dark] .ab .ab-field{background:color-mix(in srgb,var(--grey-light-5) 10%,transparent);border-color:color-mix(in srgb,var(--grey-light-40) 25%,transparent);color:var(--grey-light-20)}:root[data-theme=dark] .ab .palette-add-btn{color:var(--primary-light-60)}:root[data-theme=dark] .ab .inspector-title{color:var(--grey-light-5)}:root[data-theme=dark] .ab .inspector-tech{color:var(--grey-light-50)}:root[data-theme=dark] .ab .inspector-del-btn{color:var(--grey-light-50)}:root[data-theme=dark] .ab .inspector-label{color:var(--grey-light-20)}:root[data-theme=dark] .ab .inspector-section-label{color:var(--grey-light-30)}:root[data-theme=dark] .ab .inspector-reset-btn{color:var(--grey-light-50)}:root[data-theme=dark] .ab .inspector-reset-btn:hover{color:var(--grey-light-20)}:root[data-theme=dark] .ab .inspector-range-reset{color:var(--grey-light-50)}:root[data-theme=dark] .ab .inspector-range-reset:hover{color:var(--grey-light-20)}:root[data-theme=dark] .ab .inspector-copy-link{color:var(--grey-light-50)}:root[data-theme=dark] .ab .inspector-copy-link:hover{color:var(--grey-light-20)}:root[data-theme=dark] .ab .inspector-range-minmax{color:var(--grey-light-20)}:root[data-theme=dark] .ab .inspector-empty{color:var(--grey-light-50)}:root[data-theme=dark] .ab .inspector-group-label{color:var(--grey-light-50)}:root[data-theme=dark] .ab .inspector-color{background:color-mix(in srgb,var(--grey-light-5) 10%,transparent);border-color:color-mix(in srgb,var(--grey-light-40) 25%,transparent)}:root[data-theme=dark] .ab .inspector-color-name{color:var(--grey-light-50)}:root[data-theme=dark] .ab__dropdown{border-color:color-mix(in srgb,var(--grey-light-40) 20%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--grey-dark-0) 40%,transparent),color-mix(in srgb,var(--grey-dark-10) 40%,transparent) 97%)}:root[data-theme=dark] .ab__dropdown-item{border-bottom-color:color-mix(in srgb,var(--grey-light-40) 15%,transparent);background:transparent;box-shadow:none}:root[data-theme=dark] .ab__dropdown-item:hover{background:color-mix(in srgb,var(--grey-light-5) 10%,transparent)}:root[data-theme=dark] .ab__dropdown-icon{color:var(--grey-light-20)}:root[data-theme=dark] .ab__dropdown-title{color:var(--grey-light-20)}@media(min-width:769px)and (max-width:1280px){.ab__sidebar-col{mask-image:linear-gradient(to bottom,transparent 0px,black 96px)}.ab__sidebar:before{content:"";display:block;min-height:96px;flex-shrink:0}}.ab__drawer-handle{display:none}.ab__drawer-pill{width:36px;height:4px;border-radius:2px;background:var(--grey-light-50);opacity:.6}@media(max-width:768px){.ab__builder{grid-template-columns:1fr}.ab__sidebar-col{position:fixed;left:0;right:0;bottom:0;z-index:20;max-height:calc(100dvh - 60px);border-radius:24px 24px 0 0;overflow:hidden;transform:translateY(calc(100% - 48px));transition:transform .35s cubic-bezier(.32,.72,0,1);will-change:transform;padding-top:0;background:linear-gradient(180deg,var(--_sf-bg-a) 0%,var(--_sf-bg-b) 97%);border:.2px solid var(--_sf-border);box-shadow:0 0 8px -4px #2e2e2e1a,0 -10px 16px -18px var(--_sf-s2),0 -9px 20px #2e2e2e26,inset 0 0 6px -2px var(--_sf-si),inset 0 0 16px -12px var(--_sf-si),inset 30px 25px 50px -50px var(--_sf-si2),inset -10px -5px 50px -50px #2e2e2e26;backdrop-filter:blur(8px)}.ab__sidebar-col.ab__drawer--half{transform:translateY(50%)}.ab__sidebar-col.ab__drawer--full{transform:translateY(0)}.ab__sidebar-col.ab__drawer--dragging{transition:none}.ab__sidebar{max-height:calc(100dvh - 108px)}.ab__drawer-handle{display:flex;justify-content:center;align-items:center;padding:12px 0 8px;cursor:grab;touch-action:none}.ab__drawer-handle:active{cursor:grabbing}.ab__sidebar-section--layers{border-radius:24px 24px 20px 20px}.ab__sidebar-section--inspector{border-radius:20px 20px 24px 24px}}