*,:before,:after{box-sizing:border-box}html,body{background:#1c1c1c;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}.parrot{color:#ffffff80;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:SF Pro,SF Pro Text,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;line-height:16px;position:relative;overflow:hidden}.parrot-canvas-wrap{z-index:0;position:absolute;inset:0}.parrot-canvas{cursor:crosshair;width:100%;height:100%;display:block}.parrot-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.parrot-header>*{pointer-events:auto}.parrot-header__left,.parrot-header__right{align-items:center;gap:8px;display:flex}.parrot-footer{z-index:10;pointer-events:none;justify-content:center;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:visible}.parrot-footer__inner{pointer-events:auto;flex-wrap:nowrap;align-items:flex-start;gap:8px;min-width:0;display:flex;overflow:visible}.parrot-footer--design .parrot-footer__inner{align-items:flex-start;gap:4px}.parrot-footer--builder{flex-direction:column;align-items:center;gap:8px}.parrot-meta{z-index:10;color:#fff6;pointer-events:none;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:4px;right:12px}.parrot-meta__builderHints{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.parrot-meta__hint{opacity:.8}.parrot-meta__hint--sub{opacity:.65;max-width:280px;font-size:10px;line-height:1.35}.parrot-pill{appearance:none;font:inherit;color:#ffffff80;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:10px;padding:10px 16px;overflow:clip}.parrot-pill:hover:not(:disabled){color:#ffffffbf}.parrot-pill:disabled{opacity:.35;cursor:not-allowed}.parrot-pill--active{color:#fff;background:#2c2c2c}.parrot-pill--accent{color:#ffffff80;background:#2c2c2c}.parrot-pill--accent:hover{color:#ffffffd9}.parrot-seg{align-items:center;gap:8px;display:flex}.parrot-panel{flex-direction:column;flex-shrink:1;gap:4px;width:200px;min-width:140px;display:flex}.parrot-row{background:#2c2c2c;border-radius:8px;justify-content:space-between;align-items:center;min-height:32px;padding:8px 12px;transition:background .12s;display:flex;overflow:clip}.parrot-row:hover{background:#333}.parrot-row--color{padding:8px 8px 8px 12px}.parrot-row__label,.parrot-row--field span:first-child{color:#ffffff80;text-align:left}.parrot-row--field input{color:#ffffff80;width:56px;font:inherit;text-align:right;background:0 0;border:none;outline:none;margin:0;padding:0}.parrot-px-field{align-items:center;gap:4px;display:flex}.parrot-px-field input{color:#ffffff80;width:56px;font:inherit;text-align:right;background:0 0;border:none;outline:none;margin:0;padding:0}.parrot-unit{color:#ffffff59;font-size:11px}.parrot-swatch__ui{border-radius:2px;flex-shrink:0;width:16px;height:16px;display:block;box-shadow:inset 0 0 0 .5px #ffffff1f}.parrot-color-row-wrap{position:relative}.parrot-row--color{cursor:pointer;width:100%;font:inherit;text-align:left;border:none}.parrot-row--color:hover .parrot-row__label{color:#ffffffbf}.parrot-colorpicker{z-index:100;flex-direction:column;gap:4px;width:200px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0}.parrot-picker{perspective:700px;perspective-origin:bottom;flex-direction:column;gap:4px;width:100%;display:flex}@keyframes parrot-picker-in{0%{opacity:0;transform:rotateX(var(--picker-tilt,32deg));filter:blur(var(--picker-blur,0px))}to{opacity:1;filter:blur();transform:rotateX(0)}}@keyframes parrot-picker-out{0%{opacity:1;filter:blur();transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(var(--picker-tilt,32deg)) scale(.92);filter:blur(max(var(--picker-blur,0px), 8px))}}.parrot-colorpicker.is-exiting .parrot-picker__sat{animation:parrot-picker-out calc(var(--picker-speed,.42s) * .4) ease-in both;animation-delay:0s}.parrot-colorpicker.is-exiting .parrot-picker__hue{--picker-tilt:calc(var(--picker-tilt-base,32deg) * 3);animation:parrot-picker-out calc(var(--picker-speed,.36s) * .4) ease-in both;animation-delay:calc(var(--picker-speed,.42s) * .4 * .65)}.parrot-picker__sat{cursor:crosshair;transform-origin:bottom;height:200px;animation:parrot-picker-in var(--picker-speed,.42s) var(--picker-ease,cubic-bezier(.34, 1.4, .64, 1)) both;animation-delay:var(--sat-delay,.12s);border-radius:8px;flex-shrink:0;position:relative}.parrot-picker__sat-inner{border-radius:8px;position:absolute;inset:0;overflow:hidden}.parrot-picker__sat-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.parrot-picker__sat-pointer{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.parrot-picker__hue{cursor:pointer;transform-origin:bottom;height:32px;animation:parrot-picker-in var(--picker-speed,.36s) var(--picker-ease,cubic-bezier(.34, 1.4, .64, 1)) both;animation-delay:var(--hue-delay,30ms);border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.parrot-picker__hue-canvas{image-rendering:auto;width:100%;height:100%;display:block}.parrot-picker__hue-pointer{pointer-events:none;background:#fff;border-radius:99px;width:2px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.parrot-colorpicker__hex-input{color:#ffffff80;height:16px;font:inherit;text-transform:none;cursor:default;caret-color:#ffffff80;background:0 0;border:none;outline:none;flex:1;min-width:0;margin:0;padding:0;line-height:16px}.parrot-colorpicker__confirm{color:#ffffff80;width:16px;height:16px;font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:16px;display:flex}.parrot-row--color.is-open,.parrot-row--color.is-open:hover{cursor:default;background:#2c2c2c}.parrot-hints{justify-content:center;align-items:center;gap:8px;display:flex}.parrot-hint{border:1px solid #2c2c2c;border-radius:8px;align-items:center;gap:4px;padding:6px;display:flex}.parrot-hint__keys{align-items:flex-start;gap:4px;display:flex}.parrot-hint__key{font:inherit;color:#ffffff80;text-align:center;white-space:nowrap;background:#2c2c2c;border-radius:4px;padding:2px 4px;line-height:16px}.parrot-hint__key--icon{text-align:center;width:20px;padding:2px}.parrot-hint__label{color:#ffffff80;white-space:nowrap;padding:2px 4px}